eslint fixes

src/components/ui/Accordion/fragments/AccordionRoot.tsx

@@ -1,5 +1,5 @@
 'use client';
-import React, { useState, useRef } from 'react';
+import React, { useRef } from 'react';
 import { clsx } from 'clsx';
 import { customClassSwitcher } from '~/core';
 import { AccordionContext } from '../contexts/AccordionContext';

src/components/ui/AlertDialog/fragments/AlertDialogTrigger.tsx

@@ -1,7 +1,6 @@
 'use client';
 import React, { useContext } from 'react';
 import { clsx } from 'clsx';
-import ButtonPrimitive from '~/core/primitives/Button';
 import { AlertDialogContext } from '../contexts/AlertDialogContext';
 
 import DialogPrimitive from '~/core/primitives/Dialog';

src/components/ui/Link/Link.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { clsx } from 'clsx';
 import { customClassSwitcher } from '~/core';
-import { useCreateDataAttribute, useComposeAttributes } from '~/core/hooks/createDataAttribute';
+import { useCreateDataAttribute } from '~/core/hooks/createDataAttribute';
 import Primitive from '~/core/primitives/Primitive';
 
 const COMPONENT_NAME = 'Link';

src/components/ui/RadioGroup/fragments/RadioGroupRoot.tsx

@@ -20,7 +20,7 @@ type RadioGroupRootProps = {
 
 } & RadioGroupPrimitiveProps.Root;
 
-const RadioGroupRoot = ({ children, className = '', customRootClass = '', variant, size, color = '', ...props }: RadioGroupRootProps) => {
+const RadioGroupRoot = ({ children, className = '', customRootClass = '', variant = '', size = '', color = '', ...props }: RadioGroupRootProps) => {
     const rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
     const dataAttributes = useCreateDataAttribute('radio-group', { variant, size });
 

src/components/ui/Select/fragments/SelectContent.tsx

@@ -1,5 +1,5 @@
 'use client';
-import React, { useEffect, useRef, useContext } from 'react';
+import React, { useContext } from 'react';
 import SelectPrimitive from '~/core/primitives/Select/Select';
 import { SelectRootContext } from '../contexts/SelectRootContext';
 

src/components/ui/Select/fragments/SelectPortal.tsx

@@ -1,5 +1,5 @@
 'use client';
-import React, { useContext } from 'react';
+import React from 'react';
 import SelectPrimitive from '~/core/primitives/Select/Select';
 
 export type SelectPortalProps = {
@@ -7,7 +7,7 @@
 };
 
 const SelectPortal = ({ children }: SelectPortalProps) => {
     const rootElement = document.querySelector('#rad-ui-theme-container') || document.body as HTMLElement | null;
 
     return (
         <SelectPrimitive.Portal>

src/components/ui/Select/fragments/SelectRoot.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useEffect } from 'react';
+import React from 'react';
 import SelectPrimitive from '~/core/primitives/Select/Select';
 import { customClassSwitcher } from '~/core/customClassSwitcher';
 import { SelectRootContext } from '../contexts/SelectRootContext';

src/components/ui/Slider/fragments/SliderThumb.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useRef } from 'react';
+import React from 'react';
 import { SliderContext } from '../context/SliderContext';
 
 const SliderThumb = ({ children }: { children: React.ReactNode }) => {
@@ -16,7 +16,7 @@
         console.log(e.target.value);
     };
 
     return <div className={`${rootClass}-thumb`} onClick={handleClick} style={{ left: `calc(${value}% - 16px)` }}>
         <span className={`${rootClass}-thumb-value`}></span>
         <input onChange={handleChange} value={value} style={{ display: 'none' }} ref={sliderInputRef} />
     </div>;

src/components/ui/Slider/fragments/SliderTrack.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import { SliderContext } from '../context/SliderContext';
 
 const SliderTrack = ({ children }: { children: React.ReactNode }) => {
-    const { rootClass, setValue } = React.useContext(SliderContext);
+    const { rootClass } = React.useContext(SliderContext);
 
     return <div className={`${rootClass}-track`}>{children}</div>;
 };

src/components/ui/Switch/fragments/SwitchThumb.tsx

@@ -5,7 +5,7 @@ import Primitive from '~/core/primitives/Primitive';
 import { SwitchContext } from '../context/SwitchContext';
 
 const SwitchThumb = () => {
-    const { checked, setChecked, rootClass } = useContext(SwitchContext);
+    const { checked, rootClass } = useContext(SwitchContext);
     return <Primitive.span role='switch' className={`${rootClass}-indicator`} data-state={checked ? 'checked' : 'unchecked'} />;
 };
 

src/components/ui/Tooltip/fragments/TooltipTrigger.tsx

@@ -11,7 +11,7 @@ const TooltipTrigger = forwardRef(({ children, asChild, ...props }: { children:
         throw new Error('TooltipTrigger must be used within a TooltipRoot component');
     }
 
-    const { setIsOpen, isOpen, interactions, data, context } = tooltipContext;
+    const { isOpen, interactions, context } = tooltipContext;
 
     const { getReferenceProps } = interactions;
 

src/components/ui/Tree/fragments/TreeItem.tsx

@@ -1,4 +1,4 @@
-import React, { useId, useRef, useState } from 'react';
+import React, { useId, useState } from 'react';
 import ButtonPrimitive from '~/core/primitives/Button';
 
 import { clsx } from 'clsx';

src/core/primitives/Avatar/fragments/AvatarPrimitiveFallback.tsx

@@ -9,7 +9,7 @@ export interface AvatarPrimitiveFallbackProps {
 }
 
 const AvatarPrimitiveFallback = ({ children, asChild = false, className = '', ...props }: AvatarPrimitiveFallbackProps) => {
-    const { hasError, isImageLoaded } = useContext(AvatarPrimitiveContext);
+    const { isImageLoaded } = useContext(AvatarPrimitiveContext);
     if (isImageLoaded) return null;
     return <Primitive.span asChild={asChild} className={className} {...props}>{children}</Primitive.span>;
 };

src/core/primitives/CheckboxGroup/fragments/CheckboxGroupPrimitiveTrigger.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import RovingFocusGroup from '~/core/utils/RovingFocusGroup';
 import CheckboxGroupPrimitiveContext from '../context/CheckboxGroupPrimitiveContext';
 import CheckboxGroupPrimitiveTriggerContext from '../context/CheckboxGroupPrimitiveTriggerContext';
-import useControllableState from '~/core/hooks/useControllableState';
 
 export type CheckboxGroupPrimitiveTriggerProps = {
     children?: React.ReactNode

src/core/primitives/Collapsible/contexts/CollapsiblePrimitiveContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import { createContext, useContext } from 'react';
 
 /**
  * Context value for CollapsiblePrimitive

src/core/primitives/Dialog/fragments/DialogPrimitiveContent.tsx

@@ -1,7 +1,6 @@
 'use client';
 import React, { useContext } from 'react';
 import { DialogPrimitiveContext } from '../context/DialogPrimitiveContext';
-import { clsx } from 'clsx';
 import Floater from '~/core/primitives/Floater';
 
 export type DialogPrimitiveContentProps = {

src/core/primitives/RadioGroup/fragments/RadioGroupPrimitiveRoot.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useState } from 'react';
+import React, { PropsWithChildren } from 'react';
 import Primitive from '../../Primitive';
 import RadioGroupContext from '../context/RadioGroupContext';
 import RovingFocusGroup from '~/core/utils/RovingFocusGroup';

src/core/primitives/Select/fragments/SelectPrimitiveContent.tsx

@@ -1,7 +1,6 @@
 'use client';
-import React, { useContext, useEffect } from 'react';
+import React, { useContext } from 'react';
 import { SelectPrimitiveContext } from '../contexts/SelectPrimitiveContext';
-import Primitive from '../../Primitive';
 import RovingFocusGroup from '~/core/utils/RovingFocusGroup';
 import Floater from '~/core/primitives/Floater';
 
@@ -10,7 +9,7 @@ export type SelectPrimitiveContentProps = {
 }
 
 function SelectPrimitiveContent({ children, ...props }: SelectPrimitiveContentProps) {
-    const { isOpen, setIsOpen, selectedValue, floatingContext, refs, getFloatingProps, floatingStyles, handleSelect } = useContext(SelectPrimitiveContext);
+    const { isOpen, floatingContext, refs, getFloatingProps, floatingStyles, handleSelect } = useContext(SelectPrimitiveContext);
     // if (!isOpen) return null;
     // const contentRef = React.useRef<HTMLDivElement>(null);
     // useEffect(() => {

src/core/primitives/Select/fragments/SelectPrimitiveOverlay.tsx

@@ -5,8 +5,6 @@ import Floater from '~/core/primitives/Floater';
 
 import { SelectPrimitiveContext } from '../contexts/SelectPrimitiveContext';
 
-import { clsx } from 'clsx';
-
 type SelectPrimitiveOverlayProps = {
     className?: string;
 };

src/core/primitives/Select/fragments/SelectPrimitiveRoot.tsx

@@ -1,5 +1,5 @@
 'use client';
-import React, { useEffect, useLayoutEffect } from 'react';
+import React, { useLayoutEffect } from 'react';
 import Primitive from '../../Primitive';
 import { SelectPrimitiveContext } from '../contexts/SelectPrimitiveContext';
 import RovingFocusGroup from '~/core/utils/RovingFocusGroup';

src/core/primitives/Select/fragments/SelectPrimitiveSearch.tsx

@@ -5,7 +5,7 @@ import Primitive from '../../Primitive';
 
 function SelectPrimitiveSearch({ className }: {className: string}) {
     const [search, setSearch] = React.useState('');
-    const { refs, selectedItemRef, handleSelect, activeItemValue, setActiveItemValue, setSelectedValue } = useContext(SelectPrimitiveContext);
+    const { refs, handleSelect, activeItemValue, setActiveItemValue, setSelectedValue } = useContext(SelectPrimitiveContext);
 
     const originalStructureRef = React.useRef<{ element: HTMLElement; parent: HTMLElement | null }[]>([]);
 

src/core/primitives/Select/fragments/SelectPrimitiveTrigger.tsx

@@ -1,7 +1,6 @@
 'use client';
 import React, { useContext } from 'react';
 import { SelectPrimitiveContext } from '../contexts/SelectPrimitiveContext';
-import Primitive from '../../Primitive';
 
 export type SelectPrimitiveTriggerProps = {
     children: React.ReactNode

src/core/utils/RovingFocusGroup/fragments/RovingFocusItem.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useContext, useEffect, useId, useRef } from 'react';
+import React, { forwardRef, useContext, useEffect, useId } from 'react';
 
 import Primitive from '~/core/primitives/Primitive';