@sth87/shadcn-design-system 0.1.9 → 0.2.1

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

@@ -1,11 +1,11 @@
-import { jsx as r, jsxs as u, Fragment as O } from "react/jsx-runtime";
+import { jsx as s, jsxs as m, Fragment as O } from "react/jsx-runtime";
 import { ChevronUp as W, ChevronDown as D, XIcon as E, CheckIcon as F } from "lucide-react";
 import { cva as G } from "class-variance-authority";
-import { cn as v } from "../lib/utils.js";
+import { cn as w } from "../lib/utils.js";
 import { Command as I, CommandList as z, CommandInput as R, CommandEmpty as q, CommandGroup as H, CommandItem as L, CommandSeparator as U } from "./command.js";
 import { Popover as X, PopoverTrigger as B, PopoverContent as J } from "./popover.js";
 import * as P from "react";
-import { createContext as K, useState as N, useCallback as V, useRef as j, useEffect as Q, useContext as Y } from "react";
+import { useState as N, useCallback as V, createContext as K, useRef as j, useEffect as Q, useContext as Y } from "react";
 import { Badge as A } from "./badge.js";
 import { Label as Z } from "./label.js";
 const $ = G(
@@ -34,76 +34,83 @@ const $ = G(
 ), _ = K(null);
 function le({
   children: e,
-  values: s,
-  defaultValues: o,
-  onValuesChange: t
+  values: n,
+  defaultValues: l,
+  onValuesChange: r
 }) {
-  const [a, m] = N(!1), [i, x] = N(
-    new Set(s ?? o)
-  ), w = s ? new Set(s) : i, [f, b] = N(/* @__PURE__ */ new Map());
-  function y(c) {
-    const p = (g) => {
-      const n = new Set(g);
-      return n.has(c) ? n.delete(c) : n.add(c), n;
+  const [d, o] = N(!1), [p, c] = N(
+    new Set(n ?? l)
+  ), x = n ? new Set(n) : p, [g, y] = N(/* @__PURE__ */ new Map());
+  function b(u) {
+    const f = (h) => {
+      const t = new Set(h);
+      return t.has(u) ? t.delete(u) : t.add(u), t;
     };
-    x(p), t?.([...p(w)]);
+    c(f), r?.([...f(x)]);
   }
-  const C = V((c, p) => {
-    b((g) => g.get(c) === p ? g : new Map(g).set(c, p));
+  const C = V((u, f) => {
+    y((h) => h.get(u) === f ? h : new Map(h).set(u, f));
   }, []);
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     _,
     {
       value: {
-        open: a,
-        setOpen: m,
-        selectedValues: w,
-        toggleValue: y,
-        items: f,
+        open: d,
+        setOpen: o,
+        selectedValues: x,
+        toggleValue: b,
+        items: g,
         onItemAdded: C
       },
-      children: /* @__PURE__ */ r(X, { open: a, onOpenChange: m, children: e })
+      children: /* @__PURE__ */ s(X, { open: d, onOpenChange: o, children: e })
     }
   );
 }
 function ae({
   className: e,
-  dropdownClassName: s,
-  children: o,
-  size: t,
-  state: a = "default",
-  ...m
+  dropdownClassName: n,
+  children: l,
+  size: r,
+  state: d = "default",
+  disabled: o,
+  ...p
 }) {
-  const { open: i } = k();
-  return /* @__PURE__ */ r(B, { asChild: !0, children: /* @__PURE__ */ u(
+  const { open: c } = k();
+  return /* @__PURE__ */ s(B, { asChild: !0, disabled: o, children: /* @__PURE__ */ m(
     Z,
     {
-      className: v($({ size: t, state: a }), e),
+      "aria-disabled": o || void 0,
+      "data-disabled": o || void 0,
+      className: w(
+        $({ size: r, state: d }),
+        o && "ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",
+        e
+      ),
       children: [
-        o,
-        i && /* @__PURE__ */ r(
+        l,
+        c && /* @__PURE__ */ s(
           W,
           {
-            className: v(
+            className: w(
               "ds:z-10 ds:opacity-50",
               {
-                "ds:size-4": t === "sm" || t === "xs",
-                "ds:size-5": t === "lg" || t === "xl"
+                "ds:size-4": r === "sm" || r === "xs",
+                "ds:size-5": r === "lg" || r === "xl"
               },
-              s
+              n
             )
           }
         ),
-        !i && /* @__PURE__ */ r(
+        !c && /* @__PURE__ */ s(
           D,
           {
-            className: v(
+            className: w(
               "ds:z-10 ds:opacity-50",
               {
-                "ds:size-4": t === "sm" || t === "xs",
-                "ds:size-5": t === "lg" || t === "xl"
+                "ds:size-4": r === "sm" || r === "xs",
+                "ds:size-5": r === "lg" || r === "xl"
               },
-              s
+              n
             )
           }
         )
@@ -113,101 +120,101 @@ function ae({
 }
 function ce({
   placeholder: e,
-  clickToRemove: s = !0,
-  className: o,
-  overflowBehavior: t = "wrap-when-open",
-  ...a
+  clickToRemove: n = !0,
+  className: l,
+  overflowBehavior: r = "wrap-when-open",
+  ...d
 }) {
-  const { selectedValues: m, toggleValue: i, items: x, open: w } = k(), [f, b] = N(0), y = j(null), C = j(null), c = t === "wrap" || t === "wrap-when-open" && w, p = V(() => {
-    if (y.current == null) return;
-    const n = y.current, d = C.current, h = n.querySelectorAll(
+  const { selectedValues: o, toggleValue: p, items: c, open: x } = k(), [g, y] = N(0), b = j(null), C = j(null), u = r === "wrap" || r === "wrap-when-open" && x, f = V(() => {
+    if (b.current == null) return;
+    const t = b.current, i = C.current, v = t.querySelectorAll(
       "[data-selected-item]"
     );
-    d != null && (d.style.display = "none"), h.forEach((l) => l.style.removeProperty("display"));
+    i != null && (i.style.display = "none"), v.forEach((a) => a.style.removeProperty("display"));
     let S = 0;
-    for (let l = h.length - 1; l >= 0; l--) {
-      const M = h[l];
-      if (n.scrollWidth <= n.clientWidth)
+    for (let a = v.length - 1; a >= 0; a--) {
+      const M = v[a];
+      if (t.scrollWidth <= t.clientWidth)
         break;
-      S = h.length - l, M.style.display = "none", d?.style.removeProperty("display");
+      S = v.length - a, M.style.display = "none", i?.style.removeProperty("display");
     }
-    b(S);
-  }, []), g = V(
-    (n) => {
-      y.current = n;
-      const d = new ResizeObserver(p);
-      return d.observe(n), () => {
-        d.disconnect(), y.current = null;
+    y(S);
+  }, []), h = V(
+    (t) => {
+      b.current = t;
+      const i = new ResizeObserver(f);
+      return i.observe(t), () => {
+        i.disconnect(), b.current = null;
       };
     },
-    [p]
+    [f]
   );
-  return m.size === 0 && e ? /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:overflow-hidden ds:font-normal ds:text-muted-foreground", children: e }) : /* @__PURE__ */ u(
+  return o.size === 0 && e ? /* @__PURE__ */ s("span", { className: "ds:min-w-0 ds:overflow-hidden ds:font-normal ds:text-muted-foreground", children: e }) : /* @__PURE__ */ m(
     "div",
     {
-      ...a,
-      ref: g,
-      className: v(
+      ...d,
+      ref: h,
+      className: w(
         "ds:flex ds:w-fit ds:gap-1.5 ds:overflow-hidden",
-        c && "ds:h-full ds:flex-wrap",
-        o
+        u && "ds:h-full ds:flex-wrap",
+        l
       ),
       children: [
-        [...m].filter((n) => x.has(n)).map((n) => {
-          const d = x.get(n), h = (S) => {
-            S.stopPropagation(), i(n);
+        [...o].filter((t) => c.has(t)).map((t) => {
+          const i = c.get(t), v = (S) => {
+            S.stopPropagation(), p(t);
           };
-          if (P.isValidElement(d)) {
-            const S = typeof d.type == "string" && ["div", "span", "button", "a"].includes(d.type), l = d, M = S ? {
-              key: n,
-              onClick: s ? h : void 0,
-              className: v(
-                l.props.className,
+          if (P.isValidElement(i)) {
+            const S = typeof i.type == "string" && ["div", "span", "button", "a"].includes(i.type), a = i, M = S ? {
+              key: t,
+              onClick: n ? v : void 0,
+              className: w(
+                a.props.className,
                 "ds:group ds:flex ds:items-center ds:gap-1 ds:whitespace-nowrap ds:hover:scale-105 ds:transition-transform",
                 {
-                  "ds:cursor-pointer": s
+                  "ds:cursor-pointer": n
                 }
               ),
               "data-selected-item": !0
             } : {
-              key: n,
+              key: t,
               "data-selected-item": !0
             };
             return P.cloneElement(
-              l,
+              a,
               M,
-              /* @__PURE__ */ u(O, { children: [
-                l.props.children,
-                s && /* @__PURE__ */ r(E, { className: "ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive" })
+              /* @__PURE__ */ m(O, { children: [
+                a.props.children,
+                n && /* @__PURE__ */ s(E, { className: "ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive" })
               ] })
             );
           }
-          return /* @__PURE__ */ u(
+          return /* @__PURE__ */ m(
             A,
             {
               variant: "outline",
               "data-selected-item": !0,
               className: "ds:group ds:flex ds:items-center ds:gap-1",
-              onClick: s ? h : void 0,
+              onClick: n ? v : void 0,
               children: [
-                d,
-                s && /* @__PURE__ */ r(E, { className: "ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive" })
+                i,
+                n && /* @__PURE__ */ s(E, { className: "ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive" })
               ]
             },
-            n
+            t
           );
         }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ m(
           A,
           {
             style: {
-              display: f > 0 && !c ? "block" : "none"
+              display: g > 0 && !u ? "block" : "none"
             },
             variant: "outline",
             ref: C,
             children: [
               "+",
-              f
+              g
             ]
           }
         )
@@ -217,58 +224,68 @@ function ce({
 }
 function ue({
   search: e = !0,
-  children: s,
-  ...o
+  onSearchChange: n,
+  children: l,
+  ...r
 }) {
-  const t = typeof e == "object" ? !0 : e;
-  return /* @__PURE__ */ u(O, { children: [
-    /* @__PURE__ */ r("div", { style: { display: "none" }, children: /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(z, { children: s }) }) }),
-    /* @__PURE__ */ r(J, { className: "ds:min-w-[var(--radix-popover-trigger-width)] ds:p-0", children: /* @__PURE__ */ u(I, { ...o, children: [
-      t ? /* @__PURE__ */ r(
+  const d = typeof e == "object" ? !0 : e;
+  return /* @__PURE__ */ m(O, { children: [
+    /* @__PURE__ */ s("div", { style: { display: "none" }, children: /* @__PURE__ */ s(I, { children: /* @__PURE__ */ s(z, { children: l }) }) }),
+    /* @__PURE__ */ s(J, { className: "ds:min-w-[var(--radix-popover-trigger-width)] ds:p-0", children: /* @__PURE__ */ m(I, { ...r, children: [
+      d ? /* @__PURE__ */ s(
         R,
         {
-          placeholder: typeof e == "object" ? e.placeholder : void 0
+          placeholder: typeof e == "object" ? e.placeholder : void 0,
+          onValueChange: n
+        }
+      ) : /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Search",
+          autoFocus: !0,
+          className: "ds:sr-only"
         }
-      ) : /* @__PURE__ */ r("button", { autoFocus: !0, className: "ds:sr-only" }),
-      /* @__PURE__ */ u(z, { children: [
-        t && /* @__PURE__ */ r(q, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
-        s
+      ),
+      /* @__PURE__ */ m(z, { children: [
+        d && /* @__PURE__ */ s(q, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
+        l
       ] })
     ] }) })
   ] });
 }
 function me({
   value: e,
-  children: s,
-  badgeLabel: o,
-  onSelect: t,
-  icon: a,
-  tagRender: m,
-  ...i
+  children: n,
+  badgeLabel: l,
+  onSelect: r,
+  icon: d,
+  tagRender: o,
+  ...p
 }) {
-  const { toggleValue: x, selectedValues: w, onItemAdded: f } = k(), b = w.has(e);
+  const { toggleValue: c, selectedValues: x, onItemAdded: g } = k(), y = x.has(e);
   return Q(() => {
-    f(e, o ?? s);
-  }, [e, s, f, o]), /* @__PURE__ */ u(
+    g(e, l ?? n);
+  }, [e, n, g, l]), /* @__PURE__ */ m(
     L,
     {
-      ...i,
-      onSelect: i?.disabled ? void 0 : () => {
-        x(e), t?.(e);
+      ...p,
+      onSelect: p?.disabled ? void 0 : () => {
+        c(e), r?.(e);
       },
-      className: v(
-        i?.disabled && "ds:opacity-50 ds:cursor-not-allowed ds:grayscale",
-        b && "ds:bg-primary/10 ds:dark:bg-primary/20"
+      className: w(
+        p?.disabled && "ds:opacity-50 ds:cursor-not-allowed ds:grayscale",
+        y && "ds:bg-primary/10 ds:dark:bg-primary/20"
       ),
       children: [
-        !m && a && /* @__PURE__ */ r("span", { className: "ds:mr-2 ds:max-w-4 ds:max-h-4", children: a }),
-        s,
-        /* @__PURE__ */ r(
+        !o && d && /* @__PURE__ */ s("span", { className: "ds:mr-2 ds:max-w-4 ds:max-h-4", children: d }),
+        n,
+        /* @__PURE__ */ s(
           F,
           {
-            className: v(
+            className: w(
               "ds:mr-2 ds:ml-auto ds:size-4",
-              b ? "ds:opacity-100" : "ds:opacity-0"
+              y ? "ds:opacity-100" : "ds:opacity-0"
             )
           }
         )
@@ -277,10 +294,10 @@ function me({
   );
 }
 function pe(e) {
-  return /* @__PURE__ */ r(H, { ...e });
+  return /* @__PURE__ */ s(H, { ...e });
 }
 function fe(e) {
-  return /* @__PURE__ */ r(U, { ...e });
+  return /* @__PURE__ */ s(U, { ...e });
 }
 function k() {
   const e = Y(_);
@@ -299,4 +316,3 @@ export {
   ae as MultiSelectTrigger,
   ce as MultiSelectValue
 };
-//# sourceMappingURL=select.js.map

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

@@ -146,4 +146,3 @@ function g({
 export {
   g as Separator
 };
-//# sourceMappingURL=separator.js.map

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

@@ -119,4 +119,3 @@ export {
   N as SheetTitle,
   g as SheetTrigger
 };
-//# sourceMappingURL=sheet.js.map

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

@@ -622,4 +622,3 @@ export {
   le as SidebarTrigger,
   v as useSidebar
 };
-//# sourceMappingURL=sidebar.js.map

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

@@ -13,4 +13,3 @@ function r({ className: e, ...t }) {
 export {
   r as Skeleton
 };
-//# sourceMappingURL=skeleton.js.map

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

@@ -153,4 +153,3 @@ export {
   f as Switch,
   h as switchVariants
 };
-//# sourceMappingURL=switch.js.map

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

@@ -84,4 +84,3 @@ export {
   r as TableHeader,
   b as TableRow
 };
-//# sourceMappingURL=table.js.map

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

@@ -63,4 +63,3 @@ export {
   o as TabsList,
   u as TabsTrigger
 };
-//# sourceMappingURL=tabs.js.map

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

@@ -38,4 +38,3 @@ function l({ size: d, state: r, className: s, ...e }) {
 export {
   l as Textarea
 };
-//# sourceMappingURL=textarea.js.map

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

@@ -100,4 +100,3 @@ export {
   b as Toggle,
   g as toggleVariants
 };
-//# sourceMappingURL=toggle.js.map

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

@@ -50,4 +50,3 @@ export {
   l as TooltipProvider,
   c as TooltipTrigger
 };
-//# sourceMappingURL=tooltip.js.map

package/dist/esm/packages/ui/src/components/tree-view.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as M, Fragment as Q } from "react/jsx-runtime";
 import n from "react";
 import * as E from "@radix-ui/react-accordion";
 import * as V from "@radix-ui/react-checkbox";
-import { Minus as K, Check as z, ChevronRight as W, SquareMinus as O, SquarePlus as I } from "lucide-react";
+import { Minus as K, Check as z, SquareMinus as O, SquarePlus as I, ChevronRight as W } from "lucide-react";
 import { cva as X } from "class-variance-authority";
 import { cn as p } from "../lib/utils.js";
 const L = X(
@@ -496,4 +496,3 @@ const B = ({
 export {
   es as TreeView
 };
-//# sourceMappingURL=tree-view.js.map

package/dist/esm/packages/ui/src/hooks/use-mobile.js

@@ -14,4 +14,3 @@ function r() {
 export {
   r as useIsMobile
 };
-//# sourceMappingURL=use-mobile.js.map

package/dist/esm/packages/ui/src/lib/compose-refs.js

@@ -27,4 +27,3 @@ export {
   l as composeRefs,
   s as useComposedRefs
 };
-//# sourceMappingURL=compose-refs.js.map

package/dist/esm/packages/ui/src/lib/utils.js

@@ -6,4 +6,3 @@ function n(...r) {
 export {
   n as cn
 };
-//# sourceMappingURL=utils.js.map