@sth87/shadcn-design-system 0.1.9 → 0.2.1

package/dist/esm/lib/utils.js

@@ -0,0 +1,12 @@
+import { cn as s } from "../packages/ui/src/lib/utils.js";
+import { Slot as e } from "@radix-ui/react-slot";
+import { useComposedRefs as t } from "../packages/ui/src/lib/compose-refs.js";
+function f(...o) {
+  return s(...o);
+}
+const p = e, c = t;
+export {
+  p as Slot,
+  f as cn,
+  c as useComposedRefs
+};

package/dist/esm/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.1.1/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js

@@ -54,4 +54,3 @@ export {
   s as LiveRegion,
   p as useAnnouncement
 };
-//# sourceMappingURL=accessibility.esm.js.map

package/dist/esm/node_modules/.pnpm/@dnd-kit_core@6.3.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@dnd-kit/core/dist/core.esm.js

@@ -2342,4 +2342,3 @@ export {
   Pr as useSensor,
   Fr as useSensors
 };
-//# sourceMappingURL=core.esm.js.map

package/dist/esm/node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.1.1_react@19.1.1__react@19.1.1__react@19.1.1/node_modules/@dnd-kit/sortable/dist/sortable.esm.js

@@ -437,4 +437,3 @@ export {
   je as useSortable,
   Ue as verticalListSortingStrategy
 };
-//# sourceMappingURL=sortable.esm.js.map

package/dist/esm/node_modules/.pnpm/@dnd-kit_utilities@3.2.2_react@19.1.1/node_modules/@dnd-kit/utilities/dist/utilities.esm.js

@@ -233,4 +233,3 @@ export {
   F as usePrevious,
   H as useUniqueId
 };
-//# sourceMappingURL=utilities.esm.js.map

package/dist/esm/node_modules/.pnpm/nuqs@2.8.0_next@15.5.9_react-dom@19.1.1_react@19.1.1__react@19.1.1__react@19.1.1/node_modules/nuqs/dist/server.js

@@ -139,4 +139,3 @@ export {
   a as createParser,
   o as throttle
 };
-//# sourceMappingURL=server.js.map

package/dist/esm/node_modules/.pnpm/react-viewer@3.2.2/node_modules/react-viewer/dist/index.js

@@ -862,4 +862,3 @@ translateX(`.concat(A.left !== null ? A.left + "px" : "aoto", ") translateY(").c
 export {
   Te as __require
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/packages/ui/src/components/accordion.js

@@ -62,4 +62,3 @@ export {
   f as AccordionItem,
   u as AccordionTrigger
 };
-//# sourceMappingURL=accordion.js.map

package/dist/esm/packages/ui/src/components/alert-dialog.js

@@ -129,4 +129,3 @@ export {
   A as AlertDialogTitle,
   p as AlertDialogTrigger
 };
-//# sourceMappingURL=alert-dialog.js.map

package/dist/esm/packages/ui/src/components/avatar.js

@@ -70,4 +70,3 @@ export {
   o as AvatarFallback,
   m as AvatarImage
 };
-//# sourceMappingURL=avatar.js.map

package/dist/esm/packages/ui/src/components/badge.js

@@ -149,4 +149,3 @@ export {
   p as Badge,
   x as badgeVariants
 };
-//# sourceMappingURL=badge.js.map

package/dist/esm/packages/ui/src/components/breadcrumb.js

@@ -100,4 +100,3 @@ export {
   h as BreadcrumbPage,
   N as BreadcrumbSeparator
 };
-//# sourceMappingURL=breadcrumb.js.map

package/dist/esm/packages/ui/src/components/button-group.js

@@ -73,4 +73,3 @@ export {
   g as ButtonGroupText,
   i as buttonGroupVariants
 };
-//# sourceMappingURL=button-group.js.map

package/dist/esm/packages/ui/src/components/button.js

@@ -154,4 +154,3 @@ export {
   k as Button,
   h as buttonVariants
 };
-//# sourceMappingURL=button.js.map

package/dist/esm/packages/ui/src/components/calendar.js

@@ -264,4 +264,3 @@ export {
   j as Calendar,
   R as CalendarDayButton
 };
-//# sourceMappingURL=calendar.js.map

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

@@ -159,4 +159,3 @@ function C({
 export {
   C as Checkbox
 };
-//# sourceMappingURL=checkbox.js.map

package/dist/esm/packages/ui/src/components/collapsible.js

@@ -32,4 +32,3 @@ export {
   a as CollapsibleContent,
   r as CollapsibleTrigger
 };
-//# sourceMappingURL=collapsible.js.map

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

@@ -1,12 +1,12 @@
-import { jsxs as a, jsx as d, Fragment as N } from "react/jsx-runtime";
+import { jsxs as i, jsx as d, Fragment as P } 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 r } from "../lib/utils.js";
-import { Label as g } from "./label.js";
-const U = I(
+import { ChevronUp as j, ChevronDown as I, X as S, Check as V } from "lucide-react";
+import { cva as D } from "class-variance-authority";
+import { Command as L, CommandInput as z, CommandList as E, CommandEmpty as F, CommandGroup as G, CommandItem as T } from "./command.js";
+import { Popover as U, PopoverTrigger as X, PopoverContent as q } from "./popover.js";
+import { cn as a } from "../lib/utils.js";
+import { Label as f } from "./label.js";
+const A = D(
   "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:border-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: {
@@ -30,109 +30,134 @@ const U = I(
     }
   }
 );
-function R({
-  value: i,
-  options: n,
-  placeHolder: o,
-  emptyText: f,
-  onChange: l,
-  clearable: c,
-  className: v,
-  dropdownClassName: m,
-  children: h,
+function Z({
+  value: t,
+  options: o,
+  placeHolder: l,
+  emptyText: v,
+  onChange: c,
+  onSearchChange: h,
+  shouldFilter: x,
+  clearable: m,
+  className: w,
+  dropdownClassName: u,
+  children: y,
   size: e,
-  state: x = "default",
-  searchable: w = !0,
-  tagRender: u,
-  ...y
+  state: C = "default",
+  searchable: N = !0,
+  tagRender: p,
+  disabled: r,
+  ...k
 }) {
-  const [t, p] = b.useState(!1), C = b.useCallback((s) => {
-    p(s);
-  }, []);
-  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: r(
-            "ds:truncate ds:w-full ds:inline-block ds:align-middle ds:text-left",
+  const [n, g] = b.useState(!1), O = b.useCallback(
+    (s) => {
+      r || g(s);
+    },
+    [r]
+  );
+  return /* @__PURE__ */ i(U, { open: n, onOpenChange: O, modal: !0, children: [
+    /* @__PURE__ */ d(X, { asChild: !0, ...k, disabled: r, children: y ?? /* @__PURE__ */ i(
+      f,
+      {
+        "aria-disabled": r || void 0,
+        "data-disabled": r || void 0,
+        className: a(
+          A({ size: e, state: C }),
+          r && "ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",
+          w
+        ),
+        children: [
+          /* @__PURE__ */ d(
+            "span",
             {
-              "ds:pr-8": c
+              className: a(
+                "ds:truncate ds:w-full ds:inline-block ds:align-middle ds:text-left",
+                {
+                  "ds:pr-8": m
+                }
+              ),
+              children: t ? o?.find((s) => s.value === t)?.label : l
             }
           ),
-          children: i ? n?.find((s) => s.value === i)?.label : o
-        }
-      ),
-      t && /* @__PURE__ */ d(
-        k,
-        {
-          className: r(
-            "ds:z-10 ds:opacity-50",
+          n && /* @__PURE__ */ d(
+            j,
             {
-              "ds:size-4 ds:min-w-4": e === "sm" || e === "xs",
-              "ds:size-5 ds:min-w-5": e === "lg" || e === "xl"
-            },
-            m
-          )
-        }
-      ),
-      !t && /* @__PURE__ */ d(
-        O,
-        {
-          className: r(
-            "ds:z-10 ds:opacity-50",
+              className: a(
+                "ds:z-10 ds:opacity-50",
+                {
+                  "ds:size-4 ds:min-w-4": e === "sm" || e === "xs",
+                  "ds:size-5 ds:min-w-5": e === "lg" || e === "xl"
+                },
+                u
+              )
+            }
+          ),
+          !n && /* @__PURE__ */ d(
+            I,
             {
-              "ds:size-4 ds:min-w-4": e === "sm" || e === "xs",
-              "ds:size-5 ds:min-w-5": e === "lg" || e === "xl"
-            },
-            m
+              className: a(
+                "ds:z-10 ds:opacity-50",
+                {
+                  "ds:size-4 ds:min-w-4": e === "sm" || e === "xs",
+                  "ds:size-5 ds:min-w-5": e === "lg" || e === "xl"
+                },
+                u
+              )
+            }
           )
-        }
-      )
-    ] }) }),
-    c && i && /* @__PURE__ */ d(
-      g,
+        ]
+      }
+    ) }),
+    m && t && !r && /* @__PURE__ */ d(
+      f,
       {
         onClick: (s) => {
-          s.stopPropagation(), l?.("");
+          s.stopPropagation(), c?.("");
         },
         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" })
+        children: /* @__PURE__ */ d(S, { className: "ds:h-4 ds:w-4" })
       }
     ),
     /* @__PURE__ */ d(
-      T,
+      q,
       {
-        className: r("ds:p-0 ds:w-(--radix-popover-trigger-width)"),
+        className: a("ds:p-0 ds:w-(--radix-popover-trigger-width)"),
         onInteractOutside: (s) => {
           s.target.closest('[data-slot="popover-trigger"]') && s.preventDefault();
         },
-        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,
+        children: /* @__PURE__ */ i(L, { shouldFilter: x, children: [
+          N && /* @__PURE__ */ d(
+            z,
+            {
+              placeholder: l,
+              className: "ds:h-9",
+              onValueChange: h
+            }
+          ),
+          /* @__PURE__ */ i(E, { children: [
+            /* @__PURE__ */ d(F, { children: v || "Not found" }),
+            /* @__PURE__ */ d(G, { children: o?.map((s) => /* @__PURE__ */ i(
+              T,
               {
                 value: String(s.label),
                 onSelect: s?.disabled ? void 0 : () => {
-                  l?.(s.value), p(!1);
+                  c?.(s.value), g(!1);
                 },
-                className: r(
+                className: a(
                   s?.disabled && "ds:opacity-50 ds:cursor-not-allowed ds:grayscale",
-                  i === s.value && "ds:bg-primary/10 ds:dark:bg-primary/20"
+                  t === s.value && "ds:bg-primary/10 ds:dark:bg-primary/20"
                 ),
                 children: [
-                  u ? u(s) : /* @__PURE__ */ a(N, { children: [
+                  p ? p(s) : /* @__PURE__ */ i(P, { children: [
                     s.icon && /* @__PURE__ */ d("span", { className: "ds:mr-2 ds:max-w-4 ds:max-h-4", children: s.icon }),
                     s.label
                   ] }),
                   /* @__PURE__ */ d(
-                    j,
+                    V,
                     {
-                      className: r(
+                      className: a(
                         "ds:ml-auto",
-                        i === s.value ? "ds:opacity-100" : "ds:opacity-0"
+                        t === s.value ? "ds:opacity-100" : "ds:opacity-0"
                         // So sánh theo value
                       )
                     }
@@ -148,6 +173,5 @@ function R({
   ] });
 }
 export {
-  R as Combobox
+  Z as Combobox
 };
-//# sourceMappingURL=combobox.js.map

package/dist/esm/packages/ui/src/components/command.js

@@ -168,4 +168,3 @@ export {
   I as CommandSeparator,
   z as CommandShortcut
 };
-//# sourceMappingURL=command.js.map

package/dist/esm/packages/ui/src/components/context-menu.js

@@ -222,4 +222,3 @@ export {
   C as ContextMenuSubTrigger,
   p as ContextMenuTrigger
 };
-//# sourceMappingURL=context-menu.js.map

package/dist/esm/packages/ui/src/components/dialog.js

@@ -139,4 +139,3 @@ export {
   N as DialogTitle,
   b as DialogTrigger
 };
-//# sourceMappingURL=dialog.js.map

package/dist/esm/packages/ui/src/components/drawer.js

@@ -120,4 +120,3 @@ export {
   g as DrawerTitle,
   m as DrawerTrigger
 };
-//# sourceMappingURL=drawer.js.map

package/dist/esm/packages/ui/src/components/dropdown-menu.js

@@ -229,4 +229,3 @@ export {
   y as DropdownMenuSubTrigger,
   v as DropdownMenuTrigger
 };
-//# sourceMappingURL=dropdown-menu.js.map

package/dist/esm/packages/ui/src/components/input-otp.js

@@ -87,4 +87,3 @@ export {
   R as REGEXP_ONLY_DIGITS_AND_CHARS,
   f as inputOTPSlotVariants
 };
-//# sourceMappingURL=input-otp.js.map

package/dist/esm/packages/ui/src/components/input.js

@@ -42,4 +42,3 @@ export {
   c as Input,
   u as inputVariants
 };
-//# sourceMappingURL=input.js.map

package/dist/esm/packages/ui/src/components/label.js

@@ -20,4 +20,3 @@ function i({
 export {
   i as Label
 };
-//# sourceMappingURL=label.js.map

package/dist/esm/packages/ui/src/components/pagination.js

@@ -121,4 +121,3 @@ export {
   w as PaginationNext,
   b as PaginationPrevious
 };
-//# sourceMappingURL=pagination.js.map

package/dist/esm/packages/ui/src/components/popover.js

@@ -47,4 +47,3 @@ export {
   v as PopoverContent,
   c as PopoverTrigger
 };
-//# sourceMappingURL=popover.js.map

package/dist/esm/packages/ui/src/components/radio-group.js

@@ -131,4 +131,3 @@ export {
   v as RadioGroup,
   f as RadioGroupItem
 };
-//# sourceMappingURL=radio-group.js.map

package/dist/esm/packages/ui/src/components/resizable.js

@@ -61,4 +61,3 @@ export {
   h as ResizablePanelGroup,
   p as resizableHandleVariants
 };
-//# sourceMappingURL=resizable.js.map

package/dist/esm/packages/ui/src/components/scroll-area.js

@@ -58,4 +58,3 @@ export {
   i as ScrollArea,
   d as ScrollBar
 };
-//# sourceMappingURL=scroll-area.js.map