npm - @sth87/shadcn-design-system - Versions diffs - 0.0.35 → 0.1.0 - Mend

@sth87/shadcn-design-system 0.0.35 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (421) hide show

package/dist/esm/packages/ui/src/components/checkbox.js CHANGED Viewed

@@ -6,87 +6,87 @@ import { cva as g } from "class-variance-authority";
 import { cn as u } from "../lib/utils.js";
 const c = {
   primary: {
-    default: "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground hover:border-primary transition-colors",
-    circle: "rounded-full data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground hover:border-primary transition-colors"
+    default: "ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground ds:hover:border-primary ds:transition-colors",
+    circle: "ds:rounded-full ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground ds:hover:border-primary ds:transition-colors"
   },
   secondary: {
-    default: "data-[state=checked]:bg-secondary data-[state=checked]:border-secondary data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary data-[state=indeterminate]:border-secondary data-[state=indeterminate]:text-secondary-foreground hover:border-primary transition-colors",
-    circle: "rounded-full data-[state=checked]:bg-secondary data-[state=checked]:border-secondary data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary data-[state=indeterminate]:border-secondary data-[state=indeterminate]:text-secondary-foreground hover:border-primary transition-colors"
+    default: "ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:border-secondary ds:data-[state=checked]:text-secondary-foreground ds:data-[state=indeterminate]:bg-secondary ds:data-[state=indeterminate]:border-secondary ds:data-[state=indeterminate]:text-secondary-foreground ds:hover:border-primary ds:transition-colors",
+    circle: "ds:rounded-full ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:border-secondary ds:data-[state=checked]:text-secondary-foreground ds:data-[state=indeterminate]:bg-secondary ds:data-[state=indeterminate]:border-secondary ds:data-[state=indeterminate]:text-secondary-foreground ds:hover:border-primary ds:transition-colors"
   },
   accent: {
-    default: "data-[state=checked]:bg-accent data-[state=checked]:border-accent data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent data-[state=indeterminate]:border-accent data-[state=indeterminate]:text-accent-foreground hover:border-primary transition-colors",
-    circle: "rounded-full data-[state=checked]:bg-accent data-[state=checked]:border-accent data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent data-[state=indeterminate]:border-accent data-[state=indeterminate]:text-accent-foreground hover:border-primary transition-colors"
+    default: "ds:data-[state=checked]:bg-accent ds:data-[state=checked]:border-accent ds:data-[state=checked]:text-accent-foreground ds:data-[state=indeterminate]:bg-accent ds:data-[state=indeterminate]:border-accent ds:data-[state=indeterminate]:text-accent-foreground ds:hover:border-primary ds:transition-colors",
+    circle: "ds:rounded-full ds:data-[state=checked]:bg-accent ds:data-[state=checked]:border-accent ds:data-[state=checked]:text-accent-foreground ds:data-[state=indeterminate]:bg-accent ds:data-[state=indeterminate]:border-accent ds:data-[state=indeterminate]:text-accent-foreground ds:hover:border-primary ds:transition-colors"
   },
   destructive: {
-    default: "data-[state=checked]:bg-destructive data-[state=checked]:border-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:border-destructive data-[state=indeterminate]:text-destructive-foreground hover:border-primary transition-colors",
-    circle: "rounded-full data-[state=checked]:bg-destructive data-[state=checked]:border-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:border-destructive data-[state=indeterminate]:text-destructive-foreground hover:border-primary transition-colors"
+    default: "ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:border-destructive ds:data-[state=checked]:text-destructive-foreground ds:data-[state=indeterminate]:bg-destructive ds:data-[state=indeterminate]:border-destructive ds:data-[state=indeterminate]:text-destructive-foreground ds:hover:border-primary ds:transition-colors",
+    circle: "ds:rounded-full ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:border-destructive ds:data-[state=checked]:text-destructive-foreground ds:data-[state=indeterminate]:bg-destructive ds:data-[state=indeterminate]:border-destructive ds:data-[state=indeterminate]:text-destructive-foreground ds:hover:border-primary ds:transition-colors"
   },
   muted: {
-    default: "data-[state=checked]:bg-muted data-[state=checked]:border-muted data-[state=checked]:text-muted-foreground data-[state=indeterminate]:bg-muted data-[state=indeterminate]:border-muted data-[state=indeterminate]:text-muted-foreground hover:border-primary transition-colors",
-    circle: "rounded-full data-[state=checked]:bg-muted data-[state=checked]:border-muted data-[state=checked]:text-muted-foreground data-[state=indeterminate]:bg-muted data-[state=indeterminate]:border-muted data-[state=indeterminate]:text-muted-foreground hover:border-primary transition-colors"
+    default: "ds:data-[state=checked]:bg-muted ds:data-[state=checked]:border-muted ds:data-[state=checked]:text-muted-foreground ds:data-[state=indeterminate]:bg-muted ds:data-[state=indeterminate]:border-muted ds:data-[state=indeterminate]:text-muted-foreground ds:hover:border-primary ds:transition-colors",
+    circle: "ds:rounded-full ds:data-[state=checked]:bg-muted ds:data-[state=checked]:border-muted ds:data-[state=checked]:text-muted-foreground ds:data-[state=indeterminate]:bg-muted ds:data-[state=indeterminate]:border-muted ds:data-[state=indeterminate]:text-muted-foreground ds:hover:border-primary ds:transition-colors"
   },
   success: {
-    default: "data-[state=checked]:bg-success data-[state=checked]:border-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:border-success data-[state=indeterminate]:text-success-foreground hover:border-primary transition-colors",
-    circle: "rounded-full data-[state=checked]:bg-success data-[state=checked]:border-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:border-success data-[state=indeterminate]:text-success-foreground hover:border-primary transition-colors"
+    default: "ds:data-[state=checked]:bg-success ds:data-[state=checked]:border-success ds:data-[state=checked]:text-success-foreground ds:data-[state=indeterminate]:bg-success ds:data-[state=indeterminate]:border-success ds:data-[state=indeterminate]:text-success-foreground ds:hover:border-primary ds:transition-colors",
+    circle: "ds:rounded-full ds:data-[state=checked]:bg-success ds:data-[state=checked]:border-success ds:data-[state=checked]:text-success-foreground ds:data-[state=indeterminate]:bg-success ds:data-[state=indeterminate]:border-success ds:data-[state=indeterminate]:text-success-foreground ds:hover:border-primary ds:transition-colors"
   },
   error: {
-    default: "data-[state=checked]:bg-error data-[state=checked]:border-error data-[state=checked]:text-error-foreground data-[state=indeterminate]:bg-error data-[state=indeterminate]:border-error data-[state=indeterminate]:text-error-foreground hover:border-primary transition-colors",
-    circle: "rounded-full data-[state=checked]:bg-error data-[state=checked]:border-error data-[state=checked]:text-error-foreground data-[state=indeterminate]:bg-error data-[state=indeterminate]:border-error data-[state=indeterminate]:text-error-foreground hover:border-primary transition-colors"
+    default: "ds:data-[state=checked]:bg-error ds:data-[state=checked]:border-error ds:data-[state=checked]:text-error-foreground ds:data-[state=indeterminate]:bg-error ds:data-[state=indeterminate]:border-error ds:data-[state=indeterminate]:text-error-foreground ds:hover:border-primary ds:transition-colors",
+    circle: "ds:rounded-full ds:data-[state=checked]:bg-error ds:data-[state=checked]:border-error ds:data-[state=checked]:text-error-foreground ds:data-[state=indeterminate]:bg-error ds:data-[state=indeterminate]:border-error ds:data-[state=indeterminate]:text-error-foreground ds:hover:border-primary ds:transition-colors"
   },
   warning: {
-    default: "data-[state=checked]:bg-warning data-[state=checked]:border-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:border-warning data-[state=indeterminate]:text-warning-foreground hover:border-primary transition-colors",
-    circle: "rounded-full data-[state=checked]:bg-warning data-[state=checked]:border-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:border-warning data-[state=indeterminate]:text-warning-foreground hover:border-primary transition-colors"
+    default: "ds:data-[state=checked]:bg-warning ds:data-[state=checked]:border-warning ds:data-[state=checked]:text-warning-foreground ds:data-[state=indeterminate]:bg-warning ds:data-[state=indeterminate]:border-warning ds:data-[state=indeterminate]:text-warning-foreground ds:hover:border-primary ds:transition-colors",
+    circle: "ds:rounded-full ds:data-[state=checked]:bg-warning ds:data-[state=checked]:border-warning ds:data-[state=checked]:text-warning-foreground ds:data-[state=indeterminate]:bg-warning ds:data-[state=indeterminate]:border-warning ds:data-[state=indeterminate]:text-warning-foreground ds:hover:border-primary ds:transition-colors"
   }
 }, f = {
   primary: {
-    default: "group-data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 group-data-[state=unchecked]:fill-transparent hover:stroke-primary hover:fill-primary/20 dark:hover:fill-primary/20 group-data-[state=checked]:fill-primary group-data-[state=checked]:hover:fill-primary group-data-[state=checked]:stroke-primary stroke-1 dark:fill-primary dark:stroke-primary"
+    default: "ds:group-data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:group-data-[state=unchecked]:fill-transparent ds:hover:stroke-primary ds:hover:fill-primary/20 ds:dark:hover:fill-primary/20 ds:group-data-[state=checked]:fill-primary ds:group-data-[state=checked]:hover:fill-primary ds:group-data-[state=checked]:stroke-primary ds:stroke-1 ds:dark:fill-primary ds:dark:stroke-primary"
   },
   secondary: {
-    default: "data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-secondary hover:fill-secondary/20 dark:hover:fill-secondary/20 group-data-[state=checked]:fill-secondary group-data-[state=checked]:hover:fill-secondary group-data-[state=checked]:stroke-secondary stroke-1 dark:fill-secondary dark:stroke-secondary"
+    default: "ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-secondary ds:hover:fill-secondary/20 ds:dark:hover:fill-secondary/20 ds:group-data-[state=checked]:fill-secondary ds:group-data-[state=checked]:hover:fill-secondary ds:group-data-[state=checked]:stroke-secondary ds:stroke-1 ds:dark:fill-secondary ds:dark:stroke-secondary"
   },
   accent: {
-    default: "data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-accent hover:fill-accent/20 dark:hover:fill-accent/20 group-data-[state=checked]:fill-accent group-data-[state=checked]:hover:fill-accent group-data-[state=checked]:stroke-accent stroke-1 dark:fill-accent dark:stroke-accent"
+    default: "ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-accent ds:hover:fill-accent/20 ds:dark:hover:fill-accent/20 ds:group-data-[state=checked]:fill-accent ds:group-data-[state=checked]:hover:fill-accent ds:group-data-[state=checked]:stroke-accent ds:stroke-1 ds:dark:fill-accent ds:dark:stroke-accent"
   },
   destructive: {
-    default: "data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-destructive hover:fill-destructive/20 dark:hover:fill-destructive/20 group-data-[state=checked]:fill-destructive group-data-[state=checked]:hover:fill-destructive group-data-[state=checked]:stroke-destructive stroke-1 dark:fill-destructive dark:stroke-destructive"
+    default: "ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-destructive ds:hover:fill-destructive/20 ds:dark:hover:fill-destructive/20 ds:group-data-[state=checked]:fill-destructive ds:group-data-[state=checked]:hover:fill-destructive ds:group-data-[state=checked]:stroke-destructive ds:stroke-1 ds:dark:fill-destructive ds:dark:stroke-destructive"
   },
   muted: {
-    default: "data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-muted hover:fill-muted/20 dark:hover:fill-muted/20 group-data-[state=checked]:fill-muted group-data-[state=checked]:hover:fill-muted group-data-[state=checked]:stroke-muted stroke-1 dark:fill-muted dark:stroke-muted"
+    default: "ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-muted ds:hover:fill-muted/20 ds:dark:hover:fill-muted/20 ds:group-data-[state=checked]:fill-muted ds:group-data-[state=checked]:hover:fill-muted ds:group-data-[state=checked]:stroke-muted ds:stroke-1 ds:dark:fill-muted ds:dark:stroke-muted"
   },
   success: {
-    default: "data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-success hover:fill-success/20 dark:hover:fill-success/20 group-data-[state=checked]:fill-success group-data-[state=checked]:hover:fill-success group-data-[state=checked]:stroke-success stroke-1 dark:fill-success dark:stroke-success"
+    default: "ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-success ds:hover:fill-success/20 ds:dark:hover:fill-success/20 ds:group-data-[state=checked]:fill-success ds:group-data-[state=checked]:hover:fill-success ds:group-data-[state=checked]:stroke-success ds:stroke-1 ds:dark:fill-success ds:dark:stroke-success"
   },
   error: {
-    default: "data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-error hover:fill-error/20 dark:hover:fill-error/20 group-data-[state=checked]:fill-error group-data-[state=checked]:hover:fill-error group-data-[state=checked]:stroke-error stroke-1 dark:fill-error dark:stroke-error"
+    default: "ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-error ds:hover:fill-error/20 ds:dark:hover:fill-error/20 ds:group-data-[state=checked]:fill-error ds:group-data-[state=checked]:hover:fill-error ds:group-data-[state=checked]:stroke-error ds:stroke-1 ds:dark:fill-error ds:dark:stroke-error"
   },
   warning: {
-    default: "data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-warning hover:fill-warning/20 dark:hover:fill-warning/20 group-data-[state=checked]:fill-warning group-data-[state=checked]:hover:fill-warning group-data-[state=checked]:stroke-warning stroke-1 dark:fill-warning dark:stroke-warning"
+    default: "ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-warning ds:hover:fill-warning/20 ds:dark:hover:fill-warning/20 ds:group-data-[state=checked]:fill-warning ds:group-data-[state=checked]:hover:fill-warning ds:group-data-[state=checked]:stroke-warning ds:stroke-1 ds:dark:fill-warning ds:dark:stroke-warning"
   }
 }, b = () => {
-  const r = [];
+  const a = [];
   return Object.keys(c).forEach(
     (t) => {
-      Object.keys(c[t]).forEach((a) => {
-        r.push({
-          variant: a,
+      Object.keys(c[t]).forEach((d) => {
+        a.push({
+          variant: d,
           color: t,
-          className: c[t][a]
+          className: c[t][d]
         });
       });
     }
-  ), r;
+  ), a;
 }, p = g(
-  "peer border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+  "ds:peer ds:border-input ds:dark:bg-input/30 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:shrink-0 ds:rounded-[4px] ds:border ds:shadow-xs ds:transition-shadow ds:outline-none ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
   {
     variants: {
       variant: {
         default: "",
-        circle: "border-2"
+        circle: "ds:border-2"
       },
       size: {
-        sm: "min-w-4 min-h-4 [&_svg]:min-w-3 [&_svg]:min-h-3",
-        default: "min-w-5 min-h-5 [&_svg]:min-w-4 [&_svg]:min-h-4",
-        lg: "min-w-6 min-h-6 [&_svg]:min-w-5 [&_svg]:min-h-5"
+        sm: "ds:min-w-4 ds:min-h-4 ds:[&_svg]:min-w-3 ds:[&_svg]:min-h-3",
+        default: "ds:min-w-5 ds:min-h-5 ds:[&_svg]:min-w-4 ds:[&_svg]:min-h-4",
+        lg: "ds:min-w-6 ds:min-h-6 ds:[&_svg]:min-w-5 ds:[&_svg]:min-h-5"
       },
       color: {
         primary: "",
@@ -108,18 +108,18 @@ const c = {
   }
 );
 function C({
-  className: r,
+  className: a,
   variant: t,
-  size: a,
-  color: d,
+  size: d,
+  color: r,
   icon: e,
   ...o
 }) {
-  const l = d ? f[d].default : "", k = {
+  const l = r ? f[r].default : "", k = {
     sm: "min-w-5 min-h-5",
     default: "min-w-6 min-h-6",
     lg: "min-w-7 min-h-7"
-  }[a || "default"];
+  }[d || "default"];
   return /* @__PURE__ */ s(
     i.Root,
     {
@@ -127,12 +127,12 @@ function C({
       className: u(
         p({
           variant: t,
-          size: a,
-          color: d,
-          className: r
+          size: d,
+          color: r,
+          className: a
         }),
         {
-          "group focus-visible:ring-ring/50 outline-none focus-visible:ring-3 !border-none !bg-transparent shadow-none": e
+          "ds:group ds:focus-visible:ring-ring/50 ds:outline-none ds:focus-visible:ring-3 ds:!border-none ds:!bg-transparent ds:shadow-none": e
         }
       ),
       ...o,
@@ -141,7 +141,7 @@ function C({
         {
           className: u(
             e.props.className,
-            d ? l : "",
+            r ? l : "",
             k
           )
         }
@@ -149,8 +149,8 @@ function C({
         i.Indicator,
         {
           "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none",
-          children: o.checked === "indeterminate" ? /* @__PURE__ */ s(h, { className: "size-3.5" }) : /* @__PURE__ */ s(m, { className: "size-3.5" })
+          className: "ds:grid ds:place-content-center ds:text-current ds:transition-none",
+          children: o.checked === "indeterminate" ? /* @__PURE__ */ s(h, { className: "ds:size-3.5" }) : /* @__PURE__ */ s(m, { className: "ds:size-3.5" })
         }
       )
     }

package/dist/esm/packages/ui/src/components/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sources":["../../../../../../../../packages/ui/src/components/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n primary: {\n default:\n \"data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground hover:border-primary transition-colors\",\n },\n secondary: {\n default:\n \"data-[state=checked]:bg-secondary data-[state=checked]:border-secondary data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary data-[state=indeterminate]:border-secondary data-[state=indeterminate]:text-secondary-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-secondary data-[state=checked]:border-secondary data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary data-[state=indeterminate]:border-secondary data-[state=indeterminate]:text-secondary-foreground hover:border-primary transition-colors\",\n },\n accent: {\n default:\n \"data-[state=checked]:bg-accent data-[state=checked]:border-accent data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent data-[state=indeterminate]:border-accent data-[state=indeterminate]:text-accent-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-accent data-[state=checked]:border-accent data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent data-[state=indeterminate]:border-accent data-[state=indeterminate]:text-accent-foreground hover:border-primary transition-colors\",\n },\n destructive: {\n default:\n \"data-[state=checked]:bg-destructive data-[state=checked]:border-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:border-destructive data-[state=indeterminate]:text-destructive-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-destructive data-[state=checked]:border-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:border-destructive data-[state=indeterminate]:text-destructive-foreground hover:border-primary transition-colors\",\n },\n muted: {\n default:\n \"data-[state=checked]:bg-muted data-[state=checked]:border-muted data-[state=checked]:text-muted-foreground data-[state=indeterminate]:bg-muted data-[state=indeterminate]:border-muted data-[state=indeterminate]:text-muted-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-muted data-[state=checked]:border-muted data-[state=checked]:text-muted-foreground data-[state=indeterminate]:bg-muted data-[state=indeterminate]:border-muted data-[state=indeterminate]:text-muted-foreground hover:border-primary transition-colors\",\n },\n success: {\n default:\n \"data-[state=checked]:bg-success data-[state=checked]:border-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:border-success data-[state=indeterminate]:text-success-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-success data-[state=checked]:border-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:border-success data-[state=indeterminate]:text-success-foreground hover:border-primary transition-colors\",\n },\n error: {\n default:\n \"data-[state=checked]:bg-error data-[state=checked]:border-error data-[state=checked]:text-error-foreground data-[state=indeterminate]:bg-error data-[state=indeterminate]:border-error data-[state=indeterminate]:text-error-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-error data-[state=checked]:border-error data-[state=checked]:text-error-foreground data-[state=indeterminate]:bg-error data-[state=indeterminate]:border-error data-[state=indeterminate]:text-error-foreground hover:border-primary transition-colors\",\n },\n warning: {\n default:\n \"data-[state=checked]:bg-warning data-[state=checked]:border-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:border-warning data-[state=indeterminate]:text-warning-foreground hover:border-primary transition-colors\",\n circle:\n \"rounded-full data-[state=checked]:bg-warning data-[state=checked]:border-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:border-warning data-[state=indeterminate]:text-warning-foreground hover:border-primary transition-colors\",\n },\n};\n\nconst iconColorVariants = {\n primary: {\n default:\n \"group-data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 group-data-[state=unchecked]:fill-transparent hover:stroke-primary hover:fill-primary/20 dark:hover:fill-primary/20 group-data-[state=checked]:fill-primary group-data-[state=checked]:hover:fill-primary group-data-[state=checked]:stroke-primary stroke-1 dark:fill-primary dark:stroke-primary\",\n },\n secondary: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-secondary hover:fill-secondary/20 dark:hover:fill-secondary/20 group-data-[state=checked]:fill-secondary group-data-[state=checked]:hover:fill-secondary group-data-[state=checked]:stroke-secondary stroke-1 dark:fill-secondary dark:stroke-secondary\",\n },\n accent: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-accent hover:fill-accent/20 dark:hover:fill-accent/20 group-data-[state=checked]:fill-accent group-data-[state=checked]:hover:fill-accent group-data-[state=checked]:stroke-accent stroke-1 dark:fill-accent dark:stroke-accent\",\n },\n destructive: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-destructive hover:fill-destructive/20 dark:hover:fill-destructive/20 group-data-[state=checked]:fill-destructive group-data-[state=checked]:hover:fill-destructive group-data-[state=checked]:stroke-destructive stroke-1 dark:fill-destructive dark:stroke-destructive\",\n },\n muted: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-muted hover:fill-muted/20 dark:hover:fill-muted/20 group-data-[state=checked]:fill-muted group-data-[state=checked]:hover:fill-muted group-data-[state=checked]:stroke-muted stroke-1 dark:fill-muted dark:stroke-muted\",\n },\n success: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-success hover:fill-success/20 dark:hover:fill-success/20 group-data-[state=checked]:fill-success group-data-[state=checked]:hover:fill-success group-data-[state=checked]:stroke-success stroke-1 dark:fill-success dark:stroke-success\",\n },\n error: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-error hover:fill-error/20 dark:hover:fill-error/20 group-data-[state=checked]:fill-error group-data-[state=checked]:hover:fill-error group-data-[state=checked]:stroke-error stroke-1 dark:fill-error dark:stroke-error\",\n },\n warning: {\n default:\n \"data-[state=unchecked]:stroke-1 group-data-[state=unchecked]:stroke-black/30 data-[state=unchecked]:fill-transparent hover:stroke-warning hover:fill-warning/20 dark:hover:fill-warning/20 group-data-[state=checked]:fill-warning group-data-[state=checked]:hover:fill-warning group-data-[state=checked]:stroke-warning stroke-1 dark:fill-warning dark:stroke-warning\",\n },\n};\n\nconst generateCompoundVariants = () => {\n const variants: Array<{\n variant: keyof typeof colorVariants.primary;\n color: keyof typeof colorVariants;\n className: string;\n }> = [];\n\n (Object.keys(colorVariants) as Array<keyof typeof colorVariants>).forEach(\n (color) => {\n (\n Object.keys(colorVariants[color]) as Array<\n keyof typeof colorVariants.primary\n >\n ).forEach((variant) => {\n variants.push({\n variant,\n color,\n className: colorVariants[color][variant],\n });\n });\n }\n );\n\n return variants;\n};\n\nconst checkboxVariants = cva(\n \"peer border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"\",\n circle: \"border-2\",\n },\n size: {\n sm: \"min-w-4 min-h-4 [&_svg]:min-w-3 [&_svg]:min-h-3\",\n default: \"min-w-5 min-h-5 [&_svg]:min-w-4 [&_svg]:min-h-4\",\n lg: \"min-w-6 min-h-6 [&_svg]:min-w-5 [&_svg]:min-h-5\",\n },\n color: {\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n destructive: \"\",\n muted: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n },\n },\n compoundVariants: generateCompoundVariants(),\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n color: null,\n },\n }\n);\n\nfunction Checkbox({\n className,\n variant,\n size,\n color,\n icon,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root> &\n VariantProps<typeof checkboxVariants> & {\n icon?: React.ReactNode;\n }) {\n const iconClass = color ? iconColorVariants[color].default : \"\";\n const iconSizeClass = {\n sm: \"min-w-5 min-h-5\",\n default: \"min-w-6 min-h-6\",\n lg: \"min-w-7 min-h-7\",\n }[size \|\| \"default\"];\n\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n checkboxVariants({\n variant,\n size,\n color,\n className,\n }),\n {\n \"group focus-visible:ring-ring/50 outline-none focus-visible:ring-3 !border-none !bg-transparent shadow-none\":\n icon,\n }\n )}\n {...props}\n >\n {icon ? (\n React.isValidElement(icon) ? (\n React.cloneElement(\n icon as React.ReactElement<{ className?: string }>,\n {\n className: cn(\n (icon as React.ReactElement<{ className?: string }>).props\n .className,\n color ? iconClass : \"\",\n iconSizeClass\n ),\n }\n )\n ) : (\n icon\n )\n ) : (\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"grid place-content-center text-current transition-none\"\n >\n {props.checked === \"indeterminate\" ? (\n <MinusIcon className=\"size-3.5\" />\n ) : (\n <CheckIcon className=\"size-3.5\" />\n )}\n </CheckboxPrimitive.Indicator>\n )}\n </CheckboxPrimitive.Root>\n );\n}\n\nexport { Checkbox };\n"],"names":["colorVariants","iconColorVariants","generateCompoundVariants","variants","color","variant","checkboxVariants","cva","Checkbox","className","size","icon","props","iconClass","iconSizeClass","jsx","CheckboxPrimitive","cn","React","MinusIcon","CheckIcon"],"mappings":"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"}
1	+ {"version":3,"file":"checkbox.js","sources":["../../../../../../../../packages/ui/src/components/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst colorVariants = {\n primary: {\n default:\n \"ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground ds:hover:border-primary ds:transition-colors\",\n },\n secondary: {\n default:\n \"ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:border-secondary ds:data-[state=checked]:text-secondary-foreground ds:data-[state=indeterminate]:bg-secondary ds:data-[state=indeterminate]:border-secondary ds:data-[state=indeterminate]:text-secondary-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-secondary ds:data-[state=checked]:border-secondary ds:data-[state=checked]:text-secondary-foreground ds:data-[state=indeterminate]:bg-secondary ds:data-[state=indeterminate]:border-secondary ds:data-[state=indeterminate]:text-secondary-foreground ds:hover:border-primary ds:transition-colors\",\n },\n accent: {\n default:\n \"ds:data-[state=checked]:bg-accent ds:data-[state=checked]:border-accent ds:data-[state=checked]:text-accent-foreground ds:data-[state=indeterminate]:bg-accent ds:data-[state=indeterminate]:border-accent ds:data-[state=indeterminate]:text-accent-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-accent ds:data-[state=checked]:border-accent ds:data-[state=checked]:text-accent-foreground ds:data-[state=indeterminate]:bg-accent ds:data-[state=indeterminate]:border-accent ds:data-[state=indeterminate]:text-accent-foreground ds:hover:border-primary ds:transition-colors\",\n },\n destructive: {\n default:\n \"ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:border-destructive ds:data-[state=checked]:text-destructive-foreground ds:data-[state=indeterminate]:bg-destructive ds:data-[state=indeterminate]:border-destructive ds:data-[state=indeterminate]:text-destructive-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-destructive ds:data-[state=checked]:border-destructive ds:data-[state=checked]:text-destructive-foreground ds:data-[state=indeterminate]:bg-destructive ds:data-[state=indeterminate]:border-destructive ds:data-[state=indeterminate]:text-destructive-foreground ds:hover:border-primary ds:transition-colors\",\n },\n muted: {\n default:\n \"ds:data-[state=checked]:bg-muted ds:data-[state=checked]:border-muted ds:data-[state=checked]:text-muted-foreground ds:data-[state=indeterminate]:bg-muted ds:data-[state=indeterminate]:border-muted ds:data-[state=indeterminate]:text-muted-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-muted ds:data-[state=checked]:border-muted ds:data-[state=checked]:text-muted-foreground ds:data-[state=indeterminate]:bg-muted ds:data-[state=indeterminate]:border-muted ds:data-[state=indeterminate]:text-muted-foreground ds:hover:border-primary ds:transition-colors\",\n },\n success: {\n default:\n \"ds:data-[state=checked]:bg-success ds:data-[state=checked]:border-success ds:data-[state=checked]:text-success-foreground ds:data-[state=indeterminate]:bg-success ds:data-[state=indeterminate]:border-success ds:data-[state=indeterminate]:text-success-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-success ds:data-[state=checked]:border-success ds:data-[state=checked]:text-success-foreground ds:data-[state=indeterminate]:bg-success ds:data-[state=indeterminate]:border-success ds:data-[state=indeterminate]:text-success-foreground ds:hover:border-primary ds:transition-colors\",\n },\n error: {\n default:\n \"ds:data-[state=checked]:bg-error ds:data-[state=checked]:border-error ds:data-[state=checked]:text-error-foreground ds:data-[state=indeterminate]:bg-error ds:data-[state=indeterminate]:border-error ds:data-[state=indeterminate]:text-error-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-error ds:data-[state=checked]:border-error ds:data-[state=checked]:text-error-foreground ds:data-[state=indeterminate]:bg-error ds:data-[state=indeterminate]:border-error ds:data-[state=indeterminate]:text-error-foreground ds:hover:border-primary ds:transition-colors\",\n },\n warning: {\n default:\n \"ds:data-[state=checked]:bg-warning ds:data-[state=checked]:border-warning ds:data-[state=checked]:text-warning-foreground ds:data-[state=indeterminate]:bg-warning ds:data-[state=indeterminate]:border-warning ds:data-[state=indeterminate]:text-warning-foreground ds:hover:border-primary ds:transition-colors\",\n circle:\n \"ds:rounded-full ds:data-[state=checked]:bg-warning ds:data-[state=checked]:border-warning ds:data-[state=checked]:text-warning-foreground ds:data-[state=indeterminate]:bg-warning ds:data-[state=indeterminate]:border-warning ds:data-[state=indeterminate]:text-warning-foreground ds:hover:border-primary ds:transition-colors\",\n },\n};\n\nconst iconColorVariants = {\n primary: {\n default:\n \"ds:group-data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:group-data-[state=unchecked]:fill-transparent ds:hover:stroke-primary ds:hover:fill-primary/20 ds:dark:hover:fill-primary/20 ds:group-data-[state=checked]:fill-primary ds:group-data-[state=checked]:hover:fill-primary ds:group-data-[state=checked]:stroke-primary ds:stroke-1 ds:dark:fill-primary ds:dark:stroke-primary\",\n },\n secondary: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-secondary ds:hover:fill-secondary/20 ds:dark:hover:fill-secondary/20 ds:group-data-[state=checked]:fill-secondary ds:group-data-[state=checked]:hover:fill-secondary ds:group-data-[state=checked]:stroke-secondary ds:stroke-1 ds:dark:fill-secondary ds:dark:stroke-secondary\",\n },\n accent: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-accent ds:hover:fill-accent/20 ds:dark:hover:fill-accent/20 ds:group-data-[state=checked]:fill-accent ds:group-data-[state=checked]:hover:fill-accent ds:group-data-[state=checked]:stroke-accent ds:stroke-1 ds:dark:fill-accent ds:dark:stroke-accent\",\n },\n destructive: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-destructive ds:hover:fill-destructive/20 ds:dark:hover:fill-destructive/20 ds:group-data-[state=checked]:fill-destructive ds:group-data-[state=checked]:hover:fill-destructive ds:group-data-[state=checked]:stroke-destructive ds:stroke-1 ds:dark:fill-destructive ds:dark:stroke-destructive\",\n },\n muted: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-muted ds:hover:fill-muted/20 ds:dark:hover:fill-muted/20 ds:group-data-[state=checked]:fill-muted ds:group-data-[state=checked]:hover:fill-muted ds:group-data-[state=checked]:stroke-muted ds:stroke-1 ds:dark:fill-muted ds:dark:stroke-muted\",\n },\n success: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-success ds:hover:fill-success/20 ds:dark:hover:fill-success/20 ds:group-data-[state=checked]:fill-success ds:group-data-[state=checked]:hover:fill-success ds:group-data-[state=checked]:stroke-success ds:stroke-1 ds:dark:fill-success ds:dark:stroke-success\",\n },\n error: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-error ds:hover:fill-error/20 ds:dark:hover:fill-error/20 ds:group-data-[state=checked]:fill-error ds:group-data-[state=checked]:hover:fill-error ds:group-data-[state=checked]:stroke-error ds:stroke-1 ds:dark:fill-error ds:dark:stroke-error\",\n },\n warning: {\n default:\n \"ds:data-[state=unchecked]:stroke-1 ds:group-data-[state=unchecked]:stroke-black/30 ds:data-[state=unchecked]:fill-transparent ds:hover:stroke-warning ds:hover:fill-warning/20 ds:dark:hover:fill-warning/20 ds:group-data-[state=checked]:fill-warning ds:group-data-[state=checked]:hover:fill-warning ds:group-data-[state=checked]:stroke-warning ds:stroke-1 ds:dark:fill-warning ds:dark:stroke-warning\",\n },\n};\n\nconst generateCompoundVariants = () => {\n const variants: Array<{\n variant: keyof typeof colorVariants.primary;\n color: keyof typeof colorVariants;\n className: string;\n }> = [];\n\n (Object.keys(colorVariants) as Array<keyof typeof colorVariants>).forEach(\n (color) => {\n (\n Object.keys(colorVariants[color]) as Array<\n keyof typeof colorVariants.primary\n >\n ).forEach((variant) => {\n variants.push({\n variant,\n color,\n className: colorVariants[color][variant],\n });\n });\n }\n );\n\n return variants;\n};\n\nconst checkboxVariants = cva(\n \"ds:peer ds:border-input ds:dark:bg-input/30 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:shrink-0 ds:rounded-[4px] ds:border ds:shadow-xs ds:transition-shadow ds:outline-none ds:focus-visible:ring-[3px] ds:disabled:cursor-not-allowed ds:disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"\",\n circle: \"ds:border-2\",\n },\n size: {\n sm: \"ds:min-w-4 ds:min-h-4 ds:[&_svg]:min-w-3 ds:[&_svg]:min-h-3\",\n default: \"ds:min-w-5 ds:min-h-5 ds:[&_svg]:min-w-4 ds:[&_svg]:min-h-4\",\n lg: \"ds:min-w-6 ds:min-h-6 ds:[&_svg]:min-w-5 ds:[&_svg]:min-h-5\",\n },\n color: {\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n destructive: \"\",\n muted: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n },\n },\n compoundVariants: generateCompoundVariants(),\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n color: null,\n },\n }\n);\n\nfunction Checkbox({\n className,\n variant,\n size,\n color,\n icon,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root> &\n VariantProps<typeof checkboxVariants> & {\n icon?: React.ReactNode;\n }) {\n const iconClass = color ? iconColorVariants[color].default : \"\";\n const iconSizeClass = {\n sm: \"min-w-5 min-h-5\",\n default: \"min-w-6 min-h-6\",\n lg: \"min-w-7 min-h-7\",\n }[size \|\| \"default\"];\n\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n checkboxVariants({\n variant,\n size,\n color,\n className,\n }),\n {\n \"ds:group ds:focus-visible:ring-ring/50 ds:outline-none ds:focus-visible:ring-3 ds:!border-none ds:!bg-transparent ds:shadow-none\":\n icon,\n }\n )}\n {...props}\n >\n {icon ? (\n React.isValidElement(icon) ? (\n React.cloneElement(\n icon as React.ReactElement<{ className?: string }>,\n {\n className: cn(\n (icon as React.ReactElement<{ className?: string }>).props\n .className,\n color ? iconClass : \"\",\n iconSizeClass\n ),\n }\n )\n ) : (\n icon\n )\n ) : (\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"ds:grid ds:place-content-center ds:text-current ds:transition-none\"\n >\n {props.checked === \"indeterminate\" ? (\n <MinusIcon className=\"ds:size-3.5\" />\n ) : (\n <CheckIcon className=\"ds:size-3.5\" />\n )}\n </CheckboxPrimitive.Indicator>\n )}\n </CheckboxPrimitive.Root>\n );\n}\n\nexport { Checkbox };\n"],"names":["colorVariants","iconColorVariants","generateCompoundVariants","variants","color","variant","checkboxVariants","cva","Checkbox","className","size","icon","props","iconClass","iconSizeClass","jsx","CheckboxPrimitive","cn","React","MinusIcon","CheckIcon"],"mappings":"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"}

package/dist/esm/packages/ui/src/components/combobox.js CHANGED Viewed

@@ -1,27 +1,27 @@
-import { jsxs as s, jsx as r, Fragment as N } from "react/jsx-runtime";
+import { jsxs as a, jsx as d, Fragment as N } from "react/jsx-runtime";
 import * as b from "react";
 import { ChevronUp as k, ChevronDown as O, X as P, Check as j } from "lucide-react";
 import { cva as I } from "class-variance-authority";
 import { Command as S, CommandInput as D, CommandList as L, CommandEmpty as V, CommandGroup as z, CommandItem as E } from "./command.js";
 import { Popover as F, PopoverTrigger as G, PopoverContent as T } from "./popover.js";
-import { cn as i } from "../lib/utils.js";
+import { cn as r } from "../lib/utils.js";
 import { Label as g } from "./label.js";
 const U = I(
-  "justify-between relative dark:bg-background dark:hover:bg-input/50 border-input w-full min-w-0 rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "ds:justify-between ds:relative ds:dark:bg-background ds:dark:hover:bg-input/50 ds:border-input ds:w-full ds:min-w-0 ds:rounded-md ds:border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:file:inline-flex ds:file:h-7 ds:file:border-0 ds:file:bg-transparent ds:file:text-sm ds:file:font-medium ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive",
   {
     variants: {
       size: {
-        xs: "h-6 text-xs px-2 py-0.5",
-        sm: "h-8 text-sm px-2.5 py-1",
-        normal: "h-9 px-3 py-1",
-        lg: "h-11 px-4 py-2",
-        xl: "h-14 px-5 py-3"
+        xs: "ds:h-6 ds:text-xs ds:px-2 ds:py-0.5",
+        sm: "ds:h-8 ds:text-sm ds:px-2.5 ds:py-1",
+        normal: "ds:h-9 ds:px-3 ds:py-1",
+        lg: "ds:h-11 ds:px-4 ds:py-2",
+        xl: "ds:h-14 ds:px-5 ds:py-3"
       },
       state: {
         default: "",
-        success: "border-success ring-success/30 focus-visible:border-success focus-visible:ring-success/50",
-        error: "border-destructive ring-destructive/30 focus-visible:border-destructive focus-visible:ring-destructive/50",
-        warning: "border-warning ring-warning/30 focus-visible:border-warning focus-visible:ring-warning/50"
+        success: "ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50",
+        error: "ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50",
+        warning: "ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50"
       }
     },
     defaultVariants: {
@@ -31,115 +31,115 @@ const U = I(
   }
 );
 function R({
-  value: t,
-  options: o,
-  placeHolder: l,
+  value: i,
+  options: n,
+  placeHolder: o,
   emptyText: f,
-  onChange: c,
-  clearable: d,
+  onChange: l,
+  clearable: c,
   className: v,
   dropdownClassName: m,
   children: h,
-  size: a,
+  size: e,
   state: x = "default",
   searchable: w = !0,
   tagRender: u,
   ...y
 }) {
-  const [n, p] = b.useState(!1), C = b.useCallback((e) => {
-    p(e);
+  const [t, p] = b.useState(!1), C = b.useCallback((s) => {
+    p(s);
   }, []);
-  return /* @__PURE__ */ s(F, { open: n, onOpenChange: C, modal: !0, children: [
-    /* @__PURE__ */ r(G, { asChild: !0, ...y, children: h ?? /* @__PURE__ */ s(g, { className: i(U({ size: a, state: x }), v), children: [
-      /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(F, { open: t, onOpenChange: C, modal: !0, children: [
+    /* @__PURE__ */ d(G, { asChild: !0, ...y, children: h ?? /* @__PURE__ */ a(g, { className: r(U({ size: e, state: x }), v), children: [
+      /* @__PURE__ */ d(
         "span",
         {
-          className: i(
-            "truncate w-full inline-block align-middle text-left",
+          className: r(
+            "ds:truncate ds:w-full ds:inline-block ds:align-middle ds:text-left",
             {
-              "pr-8": d
+              "ds:pr-8": c
             }
           ),
-          children: t ? o?.find((e) => e.value === t)?.label : l
+          children: i ? n?.find((s) => s.value === i)?.label : o
         }
       ),
-      n && /* @__PURE__ */ r(
+      t && /* @__PURE__ */ d(
         k,
         {
-          className: i(
-            "z-10 opacity-50",
+          className: r(
+            "ds:z-10 ds:opacity-50",
             {
-              "size-4 min-w-4": a === "sm" || a === "xs",
-              "size-5 min-w-5": a === "lg" || a === "xl"
+              "ds:size-4 ds:min-w-4": e === "sm" || e === "xs",
+              "ds:size-5 ds:min-w-5": e === "lg" || e === "xl"
             },
             m
           )
         }
       ),
-      !n && /* @__PURE__ */ r(
+      !t && /* @__PURE__ */ d(
         O,
         {
-          className: i(
-            "z-10 opacity-50",
+          className: r(
+            "ds:z-10 ds:opacity-50",
             {
-              "size-4 min-w-4": a === "sm" || a === "xs",
-              "size-5 min-w-5": a === "lg" || a === "xl"
+              "ds:size-4 ds:min-w-4": e === "sm" || e === "xs",
+              "ds:size-5 ds:min-w-5": e === "lg" || e === "xl"
             },
             m
           )
         }
       )
     ] }) }),
-    d && t && /* @__PURE__ */ r(
+    c && i && /* @__PURE__ */ d(
       g,
       {
-        onClick: (e) => {
-          e.stopPropagation(), c?.("");
+        onClick: (s) => {
+          s.stopPropagation(), l?.("");
         },
-        className: "absolute right-11 top-1/2 -translate-y-1/2 rounded-sm p-1 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer size-6 opacity-50",
-        children: /* @__PURE__ */ r(P, { className: "h-4 w-4" })
+        className: "ds:absolute ds:right-11 ds:top-1/2 ds:-translate-y-1/2 ds:rounded-sm ds:p-1 ds:text-muted-foreground ds:hover:bg-accent ds:hover:text-accent-foreground ds:cursor-pointer ds:size-6 ds:opacity-50",
+        children: /* @__PURE__ */ d(P, { className: "ds:h-4 ds:w-4" })
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ d(
       T,
       {
-        className: i("p-0 w-(--radix-popover-trigger-width)"),
-        onInteractOutside: (e) => {
-          e.target.closest('[data-slot="popover-trigger"]') && e.preventDefault();
+        className: r("ds:p-0 ds:w-(--radix-popover-trigger-width)"),
+        onInteractOutside: (s) => {
+          s.target.closest('[data-slot="popover-trigger"]') && s.preventDefault();
         },
-        children: /* @__PURE__ */ s(S, { children: [
-          w && /* @__PURE__ */ r(D, { placeholder: l, className: "h-9" }),
-          /* @__PURE__ */ s(L, { children: [
-            /* @__PURE__ */ r(V, { children: f || "Not found" }),
-            /* @__PURE__ */ r(z, { children: o?.map((e) => /* @__PURE__ */ s(
+        children: /* @__PURE__ */ a(S, { children: [
+          w && /* @__PURE__ */ d(D, { placeholder: o, className: "ds:h-9" }),
+          /* @__PURE__ */ a(L, { children: [
+            /* @__PURE__ */ d(V, { children: f || "Not found" }),
+            /* @__PURE__ */ d(z, { children: n?.map((s) => /* @__PURE__ */ a(
               E,
               {
-                value: String(e.label),
-                onSelect: e?.disabled ? void 0 : () => {
-                  c?.(e.value), p(!1);
+                value: String(s.label),
+                onSelect: s?.disabled ? void 0 : () => {
+                  l?.(s.value), p(!1);
                 },
-                className: i(
-                  e?.disabled && "opacity-50 cursor-not-allowed grayscale",
-                  t === e.value && "bg-primary/10 dark:bg-primary/20"
+                className: r(
+                  s?.disabled && "ds:opacity-50 ds:cursor-not-allowed ds:grayscale",
+                  i === s.value && "ds:bg-primary/10 ds:dark:bg-primary/20"
                 ),
                 children: [
-                  u ? u(e) : /* @__PURE__ */ s(N, { children: [
-                    e.icon && /* @__PURE__ */ r("span", { className: "mr-2 max-w-4 max-h-4", children: e.icon }),
-                    e.label
+                  u ? u(s) : /* @__PURE__ */ a(N, { children: [
+                    s.icon && /* @__PURE__ */ d("span", { className: "ds:mr-2 ds:max-w-4 ds:max-h-4", children: s.icon }),
+                    s.label
                   ] }),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ d(
                     j,
                     {
-                      className: i(
-                        "ml-auto",
-                        t === e.value ? "opacity-100" : "opacity-0"
+                      className: r(
+                        "ds:ml-auto",
+                        i === s.value ? "ds:opacity-100" : "ds:opacity-0"
                         // So sánh theo value
                       )
                     }
                   )
                 ]
               },
-              e.value
+              s.value
             )) })
           ] })
         ] })

package/dist/esm/packages/ui/src/components/combobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox.js","sources":["../../../../../../../../packages/ui/src/components/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronDown, ChevronUp, X } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"./command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\nimport { cn } from \"../lib/utils\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { Label } from \"./label\";\n\nconst comboboxVariants = cva(\n \"justify-between relative dark:bg-background dark:hover:bg-input/50 border-input w-full min-w-0 rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n size: {\n xs: \"h-6 text-xs px-2 py-0.5\",\n sm: \"h-8 text-sm px-2.5 py-1\",\n normal: \"h-9 px-3 py-1\",\n lg: \"h-11 px-4 py-2\",\n xl: \"h-14 px-5 py-3\",\n },\n state: {\n default: \"\",\n success:\n \"border-success ring-success/30 focus-visible:border-success focus-visible:ring-success/50\",\n error:\n \"border-destructive ring-destructive/30 focus-visible:border-destructive focus-visible:ring-destructive/50\",\n warning:\n \"border-warning ring-warning/30 focus-visible:border-warning focus-visible:ring-warning/50\",\n },\n },\n defaultVariants: {\n size: \"normal\",\n state: \"default\",\n },\n }\n);\n\ntype SelectOption = {\n label: React.ReactNode;\n value: string;\n group?: string;\n icon?: React.ReactNode;\n disabled?: boolean;\n};\n\ntype ComboboxProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Trigger>,\n \"onChange\"\n> & {\n value?: string;\n options?: SelectOption[];\n placeHolder?: string;\n onChange?: (value?: string \| null) => void;\n clearable?: boolean;\n emptyText?: string;\n className?: string;\n dropdownClassName?: string;\n children?: React.ReactNode;\n size?: \"normal\" \| \"sm\" \| \"xs\" \| \"lg\" \| \"xl\";\n state?: \"default\" \| \"success\" \| \"error\" \| \"warning\";\n searchable?: boolean;\n tagRender?: (\n option: SelectOption & { onClick?: () => void }\n ) => React.ReactNode;\n} & VariantProps<typeof comboboxVariants>;\n\nfunction Combobox({\n value,\n options,\n placeHolder,\n emptyText,\n onChange,\n clearable,\n className,\n dropdownClassName,\n children,\n size,\n state = \"default\",\n searchable = true,\n tagRender,\n ...props\n}: ComboboxProps) {\n const [open, setOpen] = React.useState(false);\n\n const handleOpenChange = React.useCallback((newOpen: boolean) => {\n setOpen(newOpen);\n }, []);\n\n return (\n <Popover open={open} onOpenChange={handleOpenChange} modal={true}>\n <PopoverTrigger asChild {...props}>\n {children ?? (\n <Label className={cn(comboboxVariants({ size, state }), className)}>\n <span\n className={cn(\n \"truncate w-full inline-block align-middle text-left\",\n {\n \"pr-8\": clearable,\n }\n )}\n >\n {value\n ? options?.find((option) => option.value === value)?.label\n : placeHolder}\n </span>\n {open && (\n <ChevronUp\n className={cn(\n \"z-10 opacity-50\",\n {\n \"size-4 min-w-4\": size === \"sm\" \|\| size === \"xs\",\n \"size-5 min-w-5\": size === \"lg\" \|\| size === \"xl\",\n },\n dropdownClassName\n )}\n />\n )}\n {!open && (\n <ChevronDown\n className={cn(\n \"z-10 opacity-50\",\n {\n \"size-4 min-w-4\": size === \"sm\" \|\| size === \"xs\",\n \"size-5 min-w-5\": size === \"lg\" \|\| size === \"xl\",\n },\n dropdownClassName\n )}\n />\n )}\n </Label>\n )}\n </PopoverTrigger>\n\n {clearable && value && (\n <Label\n onClick={(e) => {\n e.stopPropagation();\n onChange?.(\"\");\n }}\n className=\"absolute right-11 top-1/2 -translate-y-1/2 rounded-sm p-1 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer size-6 opacity-50\"\n >\n <X className=\"h-4 w-4\" />\n </Label>\n )}\n <PopoverContent\n className={cn(\"p-0 w-(--radix-popover-trigger-width)\")}\n onInteractOutside={(e) => {\n // Prevent closing when clicking the trigger\n const target = e.target as HTMLElement;\n if (target.closest('[data-slot=\"popover-trigger\"]')) {\n e.preventDefault();\n }\n }}\n >\n <Command>\n {searchable && (\n <CommandInput placeholder={placeHolder} className=\"h-9\" />\n )}\n <CommandList>\n <CommandEmpty>{emptyText \|\| \"Not found\"}</CommandEmpty>\n <CommandGroup>\n {options?.map((option) => (\n <CommandItem\n key={option.value}\n value={String(option.label)} // Để Command search theo label\n onSelect={\n option?.disabled\n ? undefined\n : () => {\n onChange?.(option.value); // Lưu value thực sự\n setOpen(false);\n }\n }\n className={cn(\n option?.disabled &&\n \"opacity-50 cursor-not-allowed grayscale\",\n value === option.value && \"bg-primary/10 dark:bg-primary/20\"\n )}\n >\n {tagRender ? (\n tagRender(option)\n ) : (\n <>\n {option.icon && (\n <span className=\"mr-2 max-w-4 max-h-4\">\n {option.icon}\n </span>\n )}\n {option.label}\n </>\n )}\n <Check\n className={cn(\n \"ml-auto\",\n value === option.value ? \"opacity-100\" : \"opacity-0\" // So sánh theo value\n )}\n />\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n );\n}\n\nexport { Combobox, type ComboboxProps, type SelectOption };\n"],"names":["comboboxVariants","cva","Combobox","value","options","placeHolder","emptyText","onChange","clearable","className","dropdownClassName","children","size","state","searchable","tagRender","props","open","setOpen","React","handleOpenChange","newOpen","Popover","jsx","PopoverTrigger","jsxs","Label","cn","option","ChevronUp","ChevronDown","X","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Fragment","Check"],"mappings":"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"}
1	+ {"version":3,"file":"combobox.js","sources":["../../../../../../../../packages/ui/src/components/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronDown, ChevronUp, X } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"./command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\nimport { cn } from \"../lib/utils\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { Label } from \"./label\";\n\nconst comboboxVariants = cva(\n \"ds:justify-between ds:relative ds:dark:bg-background ds:dark:hover:bg-input/50 ds:border-input ds:w-full ds:min-w-0 ds:rounded-md ds:border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:file:inline-flex ds:file:h-7 ds:file:border-0 ds:file:bg-transparent ds:file:text-sm ds:file:font-medium ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive\",\n {\n variants: {\n size: {\n xs: \"ds:h-6 ds:text-xs ds:px-2 ds:py-0.5\",\n sm: \"ds:h-8 ds:text-sm ds:px-2.5 ds:py-1\",\n normal: \"ds:h-9 ds:px-3 ds:py-1\",\n lg: \"ds:h-11 ds:px-4 ds:py-2\",\n xl: \"ds:h-14 ds:px-5 ds:py-3\",\n },\n state: {\n default: \"\",\n success:\n \"ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50\",\n error:\n \"ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50\",\n warning:\n \"ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50\",\n },\n },\n defaultVariants: {\n size: \"normal\",\n state: \"default\",\n },\n }\n);\n\ntype SelectOption = {\n label: React.ReactNode;\n value: string;\n group?: string;\n icon?: React.ReactNode;\n disabled?: boolean;\n};\n\ntype ComboboxProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Trigger>,\n \"onChange\"\n> & {\n value?: string;\n options?: SelectOption[];\n placeHolder?: string;\n onChange?: (value?: string \| null) => void;\n clearable?: boolean;\n emptyText?: string;\n className?: string;\n dropdownClassName?: string;\n children?: React.ReactNode;\n size?: \"normal\" \| \"sm\" \| \"xs\" \| \"lg\" \| \"xl\";\n state?: \"default\" \| \"success\" \| \"error\" \| \"warning\";\n searchable?: boolean;\n tagRender?: (\n option: SelectOption & { onClick?: () => void }\n ) => React.ReactNode;\n} & VariantProps<typeof comboboxVariants>;\n\nfunction Combobox({\n value,\n options,\n placeHolder,\n emptyText,\n onChange,\n clearable,\n className,\n dropdownClassName,\n children,\n size,\n state = \"default\",\n searchable = true,\n tagRender,\n ...props\n}: ComboboxProps) {\n const [open, setOpen] = React.useState(false);\n\n const handleOpenChange = React.useCallback((newOpen: boolean) => {\n setOpen(newOpen);\n }, []);\n\n return (\n <Popover open={open} onOpenChange={handleOpenChange} modal={true}>\n <PopoverTrigger asChild {...props}>\n {children ?? (\n <Label className={cn(comboboxVariants({ size, state }), className)}>\n <span\n className={cn(\n \"ds:truncate ds:w-full ds:inline-block ds:align-middle ds:text-left\",\n {\n \"ds:pr-8\": clearable,\n }\n )}\n >\n {value\n ? options?.find((option) => option.value === value)?.label\n : placeHolder}\n </span>\n {open && (\n <ChevronUp\n className={cn(\n \"ds:z-10 ds:opacity-50\",\n {\n \"ds:size-4 ds:min-w-4\": size === \"sm\" \|\| size === \"xs\",\n \"ds:size-5 ds:min-w-5\": size === \"lg\" \|\| size === \"xl\",\n },\n dropdownClassName\n )}\n />\n )}\n {!open && (\n <ChevronDown\n className={cn(\n \"ds:z-10 ds:opacity-50\",\n {\n \"ds:size-4 ds:min-w-4\": size === \"sm\" \|\| size === \"xs\",\n \"ds:size-5 ds:min-w-5\": size === \"lg\" \|\| size === \"xl\",\n },\n dropdownClassName\n )}\n />\n )}\n </Label>\n )}\n </PopoverTrigger>\n\n {clearable && value && (\n <Label\n onClick={(e) => {\n e.stopPropagation();\n onChange?.(\"\");\n }}\n className=\"ds:absolute ds:right-11 ds:top-1/2 ds:-translate-y-1/2 ds:rounded-sm ds:p-1 ds:text-muted-foreground ds:hover:bg-accent ds:hover:text-accent-foreground ds:cursor-pointer ds:size-6 ds:opacity-50\"\n >\n <X className=\"ds:h-4 ds:w-4\" />\n </Label>\n )}\n <PopoverContent\n className={cn(\"ds:p-0 ds:w-(--radix-popover-trigger-width)\")}\n onInteractOutside={(e) => {\n // Prevent closing when clicking the trigger\n const target = e.target as HTMLElement;\n if (target.closest('[data-slot=\"popover-trigger\"]')) {\n e.preventDefault();\n }\n }}\n >\n <Command>\n {searchable && (\n <CommandInput placeholder={placeHolder} className=\"ds:h-9\" />\n )}\n <CommandList>\n <CommandEmpty>{emptyText \|\| \"Not found\"}</CommandEmpty>\n <CommandGroup>\n {options?.map((option) => (\n <CommandItem\n key={option.value}\n value={String(option.label)} // Để Command search theo label\n onSelect={\n option?.disabled\n ? undefined\n : () => {\n onChange?.(option.value); // Lưu value thực sự\n setOpen(false);\n }\n }\n className={cn(\n option?.disabled &&\n \"ds:opacity-50 ds:cursor-not-allowed ds:grayscale\",\n value === option.value && \"ds:bg-primary/10 ds:dark:bg-primary/20\"\n )}\n >\n {tagRender ? (\n tagRender(option)\n ) : (\n <>\n {option.icon && (\n <span className=\"ds:mr-2 ds:max-w-4 ds:max-h-4\">\n {option.icon}\n </span>\n )}\n {option.label}\n </>\n )}\n <Check\n className={cn(\n \"ds:ml-auto\",\n value === option.value ? \"ds:opacity-100\" : \"ds:opacity-0\" // So sánh theo value\n )}\n />\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n );\n}\n\nexport { Combobox, type ComboboxProps, type SelectOption };\n"],"names":["comboboxVariants","cva","Combobox","value","options","placeHolder","emptyText","onChange","clearable","className","dropdownClassName","children","size","state","searchable","tagRender","props","open","setOpen","React","handleOpenChange","newOpen","Popover","jsx","PopoverTrigger","jsxs","Label","cn","option","ChevronUp","ChevronDown","e","X","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Fragment","Check"],"mappings":"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"}