@vuer-ai/vuer-uikit 0.0.29 → 0.0.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuer-ai/vuer-uikit",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "description": "React UI Kit components",
   "keywords": [
     "react",

package/src/ui/select.tsx

@@ -1,7 +1,7 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { cva, type VariantProps } from "class-variance-authority";
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import React, { type ComponentProps, ReactNode } from "react";
+import React, { type ComponentProps, type ReactNode } from "react";
 
 import { cn, createClientOnlyComponent } from "../hooks";
 
@@ -13,8 +13,10 @@ export function SelectFallback({ ...props }: ComponentProps<"div">) {
   return <div data-slot="select" {...props} />;
 }
 
-export const Select: React.ComponentType<ComponentProps<typeof SelectPrimitive.Root>> =
-  createClientOnlyComponent(SelectRoot, SelectFallback);
+// @typescript-eslint/no-unused-vars
+export const Select = createClientOnlyComponent(SelectRoot, SelectFallback) as React.ComponentType<
+  ComponentProps<typeof SelectPrimitive.Root>
+>;
 
 export function SelectGroupRoot({
   className,
@@ -43,6 +45,7 @@ export function SelectValueFallback({ ...props }: ComponentProps<"span">) {
   return <span data-slot="select-value" {...props} />;
 }
 
+// @typescript-eslint/no-unused-vars
 export const SelectValue = createClientOnlyComponent(SelectValueRoot, SelectValueFallback);
 
 export const selectTriggerVariants = cva(
@@ -337,8 +340,10 @@ export function SelectItemFallback({
   prefix,
   suffix,
   disabled,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  value,
   ...props
-}: Omit<SelectItemProps, "value"> & ComponentProps<"div">) {
+}: SelectItemProps & ComponentProps<"div">) {
   return (
     <div
       data-slot="select-item"
@@ -358,18 +363,42 @@ export function SelectItemFallback({
           "outline-hidden",
           "select-none",
           "focus:bg-bg-secondary",
+          disabled && "text-bg-quaternary pointer-events-none",
         ],
         className,
       )}
       {...props}
     >
-      <p className={cn(["text-text-tertiary", "flex", "shrink-0", "gap-0.5"])}>{prefix}</p>
+      <p
+        className={cn([
+          "text-text-tertiary",
+          "flex",
+          "shrink-0",
+          "gap-0.5",
+          disabled && "text-bg-quaternary",
+        ])}
+      >
+        {prefix}
+      </p>
       <span>{children}</span>
-      <p className={cn("text-text-tertiary", "ml-auto", "flex", "shrink-0", "gap-0.5")}>{suffix}</p>
+      <p
+        className={cn(
+          "text-text-tertiary",
+          "ml-auto",
+          "flex",
+          "shrink-0",
+          "gap-0.5",
+          disabled && "text-bg-quaternary",
+        )}
+      >
+        {suffix}
+      </p>
     </div>
   );
 }
 
+// @typescript-eslint/no-unused-vars
+// @ts-expect-error - SelectItemRoot and SelectItemFallback have different prop requirements by design
 export const SelectItem = createClientOnlyComponent(SelectItemRoot, SelectItemFallback);
 
 export function SelectSeparatorRoot({