chore: linting

src/components/ui/color-picker.tsx

@@ -363,7 +363,7 @@ export type ColorPickerOutputProps = ComponentProps<typeof SelectTrigger>;
 const formats = ["hex", "rgb", "css", "hsl"];
 
 export const ColorPickerOutput = ({
-  className,
+  className: _className,
   ...props
 }: ColorPickerOutputProps) => {
   const { mode, setMode } = useColorPicker();

src/components/ui/highlight.tsx

@@ -43,7 +43,7 @@ interface HighlightContextType<T extends string> {
 }
 
 const HighlightContext = React.createContext<
-  HighlightContextType<any> | undefined
+  HighlightContextType<string> | undefined
 >(undefined);
 
 function useHighlight<T extends string>(): HighlightContextType<T> {
@@ -419,7 +419,7 @@ function HighlightItem<T extends React.ElementType>({
   const Component = as ?? "div";
   const element = children as React.ReactElement<ExtendedChildProps>;
   const childValue =
-    id ?? value ?? element.props?.["data-value"] ?? element.props?.id ?? itemId;
+    id ?? value ?? element.props["data-value"] ?? element.props.id ?? itemId;
   const isActive = activeValue === childValue;
   const isDisabled = disabled === undefined ? contextDisabled : disabled;
   const itemTransition = transition ?? contextTransition;