@nuvia/components 1.4.1 → 1.4.2

package/dist/index.js

@@ -1181,84 +1181,107 @@ var PopoverContent = React36.forwardRef(({ className, align = "center", sideOffs
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Combobox = React36.forwardRef(({
-  options,
-  placeholder = "Select option...",
-  searchPlaceholder = "Search...",
-  emptyMessage = "No option found.",
-  className,
-  value: controlledValue,
-  onValueChange,
-  onSelect,
-  asChild,
-  children
-}, ref) => {
-  const [open, setOpen] = React36.useState(false);
-  const [value, setValue] = React36.useState(controlledValue || (Array.isArray(controlledValue) ? [] : ""));
-  const [search, setSearch] = React36.useState("");
-  React36.useEffect(() => {
-    if (controlledValue !== void 0) {
-      setValue(controlledValue);
-    }
-  }, [controlledValue]);
-  const handleSelect = React36.useCallback((currentValue) => {
-    let newValue;
-    if (Array.isArray(value)) {
-      newValue = value.includes(currentValue) ? value.filter((v) => v !== currentValue) : [...value, currentValue];
-    } else {
-      newValue = currentValue === value ? "" : currentValue;
-    }
-    setValue(newValue);
-    onValueChange?.(newValue);
-    onSelect?.(newValue);
-    setOpen(false);
-  }, [value, onValueChange, onSelect]);
-  return /* @__PURE__ */ jsxs(Popover$1, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger$1, { asChild: true, children: asChild ? children : /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": open,
-        className: cn("w-full justify-between", className),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-normal", children: Array.isArray(value) ? value.map((val) => options.find((option) => option.value === val)?.label).join(", ") : options.find((option) => option.value === value)?.label || placeholder }),
-          /* @__PURE__ */ jsx(ChevronDownIcon, { className: "opacity-50" })
-        ]
+var Combobox = React36.forwardRef(
+  ({
+    options,
+    placeholder = "Select option...",
+    searchPlaceholder = "Search...",
+    emptyMessage = "No option found.",
+    className,
+    value: controlledValue,
+    onValueChange,
+    onSelect,
+    asChild,
+    children
+  }, ref) => {
+    const [open, setOpen] = React36.useState(false);
+    const [value, setValue] = React36.useState(
+      controlledValue || (Array.isArray(controlledValue) ? [] : "")
+    );
+    const [search, setSearch] = React36.useState("");
+    React36.useEffect(() => {
+      if (controlledValue !== void 0) {
+        setValue(controlledValue);
       }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: cn("w-full p-0 !rounded-xl border-none", className), children: /* @__PURE__ */ jsxs(Command, { className: "rounded-xl border", children: [
-      /* @__PURE__ */ jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: searchPlaceholder, className: "h-9 w-full" }),
-      /* @__PURE__ */ jsxs(CommandList, { children: [
-        /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }),
-        /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
-          CommandItem,
-          {
-            keywords: [option.label],
-            className: "rounded-lg",
-            value: option.value,
-            onSelect: () => handleSelect(option.value),
-            onKeyUp: (e) => e.key === "Enter" && handleSelect(option.value),
-            onKeyDown: (e) => e.key === "Enter" && handleSelect(option.value),
-            children: [
-              option.label,
-              /* @__PURE__ */ jsx(
-                CheckIcon,
+    }, [controlledValue]);
+    const handleSelect = React36.useCallback(
+      (currentValue) => {
+        let newValue;
+        if (Array.isArray(value)) {
+          newValue = value.includes(currentValue) ? value.filter((v) => v !== currentValue) : [...value, currentValue];
+        } else {
+          newValue = currentValue === value ? "" : currentValue;
+        }
+        setValue(newValue);
+        onValueChange?.(newValue);
+        onSelect?.(newValue);
+        setOpen(false);
+      },
+      [value, onValueChange, onSelect]
+    );
+    return /* @__PURE__ */ jsxs(Popover$1, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger$1, { asChild: true, children: asChild ? children : /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          className: cn("w-full justify-between", className),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-normal", children: Array.isArray(value) ? value.map(
+              (val) => options.find((option) => option.value === val)?.label
+            ).join(", ") : options.find((option) => option.value === value)?.label || placeholder }),
+            /* @__PURE__ */ jsx(ChevronDownIcon, { className: "opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          className: cn("w-full p-0 !rounded-xl border-none", className),
+          children: /* @__PURE__ */ jsxs(Command, { className: "rounded-xl border", children: [
+            /* @__PURE__ */ jsx(
+              CommandInput,
+              {
+                value: search,
+                onValueChange: setSearch,
+                placeholder: searchPlaceholder,
+                className: "h-9 w-full"
+              }
+            ),
+            /* @__PURE__ */ jsxs(CommandList, { children: [
+              /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }),
+              /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
+                CommandItem,
                 {
-                  className: cn(
-                    "ml-auto",
-                    Array.isArray(value) ? value.includes(option.value) ? "opacity-100" : "opacity-0" : value === option.value ? "opacity-100" : "opacity-0"
-                  )
-                }
-              )
-            ]
-          },
-          option.value
-        )) })
-      ] })
-    ] }) })
-  ] });
-});
+                  keywords: [option.label],
+                  className: "rounded-lg",
+                  value: option.value,
+                  onSelect: () => handleSelect(option.value),
+                  onKeyUp: (e) => e.key === "Enter" && handleSelect(option.value),
+                  onKeyDown: (e) => e.key === "Enter" && handleSelect(option.value),
+                  children: [
+                    option.label,
+                    /* @__PURE__ */ jsx(
+                      CheckIcon,
+                      {
+                        className: cn(
+                          "ml-auto",
+                          Array.isArray(value) ? value.includes(option.value) ? "opacity-100" : "opacity-0" : value === option.value ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    )
+                  ]
+                },
+                `${option.value}-${option.label}`
+              )) })
+            ] })
+          ] })
+        }
+      )
+    ] });
+  }
+);
 Combobox.displayName = "Combobox";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
@@ -2827,7 +2850,7 @@ var Separator5 = React36.forwardRef(
       decorative,
       orientation,
       className: cn(
-        "shrink-0 bg-card",
+        "shrink-0 bg-border",
         orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         className
       ),
@@ -3749,7 +3772,7 @@ var Table = React36.forwardRef(
     "div",
     {
       className: cn(
-        "relative w-full rounded-xl border border-border overflow-auto",
+        "relative w-full rounded-xl bg-background border border-border overflow-auto",
         containerClassName
       ),
       children: /* @__PURE__ */ jsx(