@sth87/shadcn-design-system 0.1.9 → 0.2.1

package/dist/esm/components/Select/Select.js

@@ -1,64 +1,66 @@
-import { jsx as s, jsxs as m, Fragment as X } from "react/jsx-runtime";
-import n from "react";
-import { MultiSelect as Y, MultiSelectTrigger as Z, MultiSelectValue as $, MultiSelectContent as B, MultiSelectGroup as F, MultiSelectItem as H, MultiSelectSeparator as R } from "../../packages/ui/src/components/select.js";
-import { Combobox as q } from "../../packages/ui/src/components/combobox.js";
+import { jsx as s, jsxs as m, Fragment as Z } from "react/jsx-runtime";
+import a from "react";
+import { MultiSelect as $, MultiSelectTrigger as B, MultiSelectValue as R, MultiSelectContent as q, MultiSelectGroup as F, MultiSelectItem as T, MultiSelectSeparator as z } from "../../packages/ui/src/components/select.js";
+import { Combobox as L } from "../../packages/ui/src/components/combobox.js";
 import { cn as o } from "../../packages/ui/src/lib/utils.js";
-import { FloatingLabel as O } from "../FloatLabel.js";
-import { Info as z } from "lucide-react";
-import { Tooltip as L } from "../Tooltip/Tooltip.js";
-import { Label as ee } from "../../packages/ui/src/components/label.js";
-const se = n.forwardRef(
+import { FloatingLabel as A } from "../FloatLabel.js";
+import { Info as ee } from "lucide-react";
+import { Tooltip as se } from "../Tooltip/Tooltip.js";
+import { Label as de } from "../../packages/ui/src/components/label.js";
+const re = a.forwardRef(
   ({
     className: N,
-    label: u,
+    label: x,
     helperText: w,
-    state: f = "default",
+    state: u = "default",
     size: r = "normal",
     isFloatLabel: t,
-    infoTooltip: p,
+    infoTooltip: f,
     clearable: y = !1,
     placeholder: b = "",
     options: g = [],
-    tagRender: a,
+    tagRender: n,
     multiple: S = !1,
     value: c,
-    defaultValue: T,
+    defaultValue: D,
     onValueChange: I,
-    values: A,
+    values: J,
     defaultValues: v,
     onValuesChange: j,
-    search: h,
-    clickToRemove: D = !0,
-    overflowBehavior: J = "wrap-when-open",
-    disabled: C,
-    onChange: x,
-    onFocus: k,
-    onBlur: E,
+    search: p,
+    onSearchChange: k,
+    shouldFilter: C,
+    clickToRemove: K = !0,
+    overflowBehavior: P = "wrap-when-open",
+    disabled: E,
+    onChange: h,
+    onFocus: V,
+    onBlur: _,
     required: M
-  }, K) => {
-    const i = n.useId(), [V, _] = n.useState(
-      c ?? T ?? ""
+  }, Q) => {
+    const i = a.useId(), [G, H] = a.useState(
+      c ?? D ?? ""
     );
-    n.useEffect(() => {
-      !S && c !== void 0 && _(c);
+    a.useEffect(() => {
+      !S && c !== void 0 && H(c);
     }, [S, c]);
-    const P = n.useCallback(
+    const U = a.useCallback(
       (d) => {
         const l = d || "";
-        c === void 0 && _(l), I?.(l), x?.(l);
+        c === void 0 && H(l), I?.(l), h?.(l);
       },
-      [I, x, c]
-    ), Q = n.useCallback(
+      [I, h, c]
+    ), W = a.useCallback(
       (d) => {
-        j?.(d), x?.(d);
+        j?.(d), h?.(d);
       },
-      [j, x]
-    ), U = {
+      [j, h]
+    ), X = {
       default: "ds:text-muted-foreground",
       success: "ds:text-success",
       warning: "ds:text-warning",
       error: "ds:text-error"
-    }, G = t ? r === "xl" || r === "lg" ? r : "xl" : r, W = n.useMemo(() => {
+    }, O = t ? r === "xl" || r === "lg" ? r : "xl" : r, Y = a.useMemo(() => {
       const d = /* @__PURE__ */ new Map();
       return g.forEach((l) => {
         const e = l.group;
@@ -68,39 +70,39 @@ const se = n.forwardRef(
     return /* @__PURE__ */ s("div", { className: N, children: /* @__PURE__ */ m(
       "div",
       {
-        ref: K,
+        ref: Q,
         className: o("ds:flex ds:flex-col ds:gap-1.5 ds:relative", {
           "ds:floating-label ds:relative": t
         }),
         children: [
-          !t && u && /* @__PURE__ */ m(
-            ee,
+          !t && x && /* @__PURE__ */ m(
+            de,
             {
               htmlFor: i,
               className: "ds:flex ds:gap-2 ds:text-sm ds:font-medium ds:leading-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70",
               children: [
                 /* @__PURE__ */ m("span", { children: [
-                  u,
+                  x,
                   M && /* @__PURE__ */ s("span", { className: "ds:text-error ds:ml-0.5", children: "*" })
                 ] }),
-                p && /* @__PURE__ */ s(L, { content: p, children: /* @__PURE__ */ s(z, { className: "ds:size-3.5 ds:min-w-3.5" }) })
+                f && /* @__PURE__ */ s(se, { content: f, children: /* @__PURE__ */ s(ee, { className: "ds:size-3.5 ds:min-w-3.5" }) })
               ]
             }
           ),
           /* @__PURE__ */ s("div", { className: "ds:relative", children: S ? (
             // Multi Mode
             /* @__PURE__ */ m(
-              Y,
+              $,
               {
-                values: A,
+                values: J,
                 defaultValues: typeof v == "string" ? [v] : v,
-                onValuesChange: Q,
+                onValuesChange: W,
                 children: [
                   /* @__PURE__ */ s(
-                    Z,
+                    B,
                     {
                       id: i,
-                      disabled: C,
+                      disabled: E,
                       className: o(
                         "ds:peer ds:w-full",
                         {
@@ -108,70 +110,77 @@ const se = n.forwardRef(
                         },
                         N
                       ),
-                      size: G,
-                      state: f,
-                      onFocus: k,
-                      onBlur: E,
+                      size: O,
+                      state: u,
+                      onFocus: V,
+                      onBlur: _,
                       children: /* @__PURE__ */ s(
-                        $,
+                        R,
                         {
                           placeholder: b,
-                          clickToRemove: D && y,
-                          overflowBehavior: J
+                          clickToRemove: K && y,
+                          overflowBehavior: P
                         }
                       )
                     }
                   ),
                   t && /* @__PURE__ */ s(
-                    O,
+                    A,
                     {
                       htmlFor: i,
                       size: r,
-                      infoTooltip: p,
-                      required: M,
-                      children: u
+                      infoTooltip: f,
+                      required: M
                     }
                   ),
-                  /* @__PURE__ */ s(B, { search: h, children: [...W.entries()].map(([d, l]) => d ? /* @__PURE__ */ m(n.Fragment, { children: [
-                    /* @__PURE__ */ s(F, { heading: d, children: l.map((e) => /* @__PURE__ */ s(
-                      H,
-                      {
-                        value: e.value,
-                        disabled: e?.disabled,
-                        icon: e?.icon,
-                        tagRender: !!a,
-                        children: a ? a(e) : e.label
-                      },
-                      e.value
-                    )) }),
-                    /* @__PURE__ */ s(R, {})
-                  ] }, d) : l.map((e) => /* @__PURE__ */ s(
-                    H,
+                  /* @__PURE__ */ s(
+                    q,
                     {
-                      value: e.value,
-                      disabled: e?.disabled,
-                      icon: e?.icon,
-                      tagRender: !!a,
-                      children: a ? a(e) : e.label
-                    },
-                    e.value
-                  ))) })
+                      search: p,
+                      onSearchChange: k,
+                      shouldFilter: C,
+                      children: [...Y.entries()].map(([d, l]) => d ? /* @__PURE__ */ m(a.Fragment, { children: [
+                        /* @__PURE__ */ s(F, { heading: d, children: l.map((e) => /* @__PURE__ */ s(
+                          T,
+                          {
+                            value: e.value,
+                            disabled: e?.disabled,
+                            icon: e?.icon,
+                            tagRender: !!n,
+                            children: n ? n(e) : e.label
+                          },
+                          e.value
+                        )) }),
+                        /* @__PURE__ */ s(z, {})
+                      ] }, d) : l.map((e) => /* @__PURE__ */ s(
+                        T,
+                        {
+                          value: e.value,
+                          disabled: e?.disabled,
+                          icon: e?.icon,
+                          tagRender: !!n,
+                          children: n ? n(e) : e.label
+                        },
+                        e.value
+                      )))
+                    }
+                  )
                 ]
               }
             )
           ) : (
             // Single Mode
-            /* @__PURE__ */ m(X, { children: [
+            /* @__PURE__ */ m(Z, { children: [
               /* @__PURE__ */ s(
-                q,
+                L,
                 {
-                  value: c ?? V,
+                  value: c ?? G,
                   options: g,
                   placeHolder: b,
-                  emptyText: typeof h == "object" ? h.emptyMessage : "No results found",
-                  onChange: P,
+                  emptyText: typeof p == "object" ? p.emptyMessage : "No results found",
+                  onChange: U,
                   clearable: y,
-                  disabled: C,
+                  disabled: E,
                   id: i,
                   className: o(
                     "ds:peer ds:w-full ds:justify-start",
@@ -180,39 +189,46 @@ const se = n.forwardRef(
                     }
                     // className,
                   ),
-                  size: G,
-                  state: f,
+                  size: O,
+                  state: u,
                   dropdownClassName: o("ds:opacity-40", {
                     "ds:translate-y-[-8px]": t && r !== "lg"
                   }),
-                  searchable: !!h,
-                  tagRender: a,
-                  onFocus: k,
-                  onBlur: E
+                  searchable: !!p,
+                  onSearchChange: k,
+                  shouldFilter: C,
+                  tagRender: n,
+                  onFocus: V,
+                  onBlur: _
                 }
               ),
               t && /* @__PURE__ */ s(
-                O,
+                A,
                 {
                   htmlFor: i,
                   size: r,
-                  infoTooltip: p,
+                  infoTooltip: f,
                   required: M,
-                  shouldFloat: !!(c ?? V),
+                  shouldFloat: !!(c ?? G),
                   className: "ds:pointer-events-none",
-                  children: u
+                  children: x
                 }
               )
             ] })
           ) }),
-          w && /* @__PURE__ */ s("p", { className: o("ds:text-xs", f ? U[f] : ""), children: w })
+          w && /* @__PURE__ */ s(
+            "p",
+            {
+              className: o("ds:text-xs", u ? X[u] : ""),
+              children: w
+            }
+          )
         ]
       }
     ) });
   }
 );
-se.displayName = "Select";
+re.displayName = "Select";
 export {
-  se as default
+  re as default
 };
-//# sourceMappingURL=Select.js.map

package/dist/esm/components/Select/index.js

@@ -0,0 +1,5 @@
+import { default as a, default as f } from "./Select.js";
+export {
+  a as Select,
+  f as default
+};

package/dist/esm/components/Separator/Separator.js

@@ -4,4 +4,3 @@ const p = (r) => /* @__PURE__ */ a(o, { ...r });
 export {
   p as default
 };
-//# sourceMappingURL=Separator.js.map

package/dist/esm/components/Separator/index.js

@@ -0,0 +1,5 @@
+import { default as r, default as t } from "./Separator.js";
+export {
+  r as Separator,
+  t as default
+};

package/dist/esm/components/Sheet/Sheet.js

@@ -134,4 +134,3 @@ te.displayName = "Sheet";
 export {
   te as default
 };
-//# sourceMappingURL=Sheet.js.map

package/dist/esm/components/Sheet/index.js

@@ -0,0 +1,5 @@
+import { default as a, default as f } from "./Sheet.js";
+export {
+  a as Sheet,
+  f as default
+};

package/dist/esm/components/Sidebar/Sidebar.js

@@ -27,4 +27,3 @@ export {
   U as SidebarTrigger,
   v as default
 };
-//# sourceMappingURL=Sidebar.js.map

package/dist/esm/components/Sidebar/index.js

@@ -0,0 +1,29 @@
+import { Sidebar as a, SidebarContent as i, SidebarFooter as S, SidebarGroup as b, SidebarGroupAction as d, SidebarGroupContent as u, SidebarGroupLabel as n, SidebarHeader as t, SidebarInput as o, SidebarInset as M, SidebarMenu as p, SidebarMenuAction as l, SidebarMenuBadge as m, SidebarMenuButton as G, SidebarMenuItem as I, SidebarMenuSkeleton as f, SidebarMenuSub as g, SidebarMenuSubButton as s, SidebarMenuSubItem as B, SidebarProvider as c, SidebarRail as x, SidebarSeparator as A, SidebarTrigger as C, Sidebar as k } from "./Sidebar.js";
+import { useSidebar as F } from "../../packages/ui/src/components/sidebar.js";
+export {
+  a as Sidebar,
+  i as SidebarContent,
+  S as SidebarFooter,
+  b as SidebarGroup,
+  d as SidebarGroupAction,
+  u as SidebarGroupContent,
+  n as SidebarGroupLabel,
+  t as SidebarHeader,
+  o as SidebarInput,
+  M as SidebarInset,
+  p as SidebarMenu,
+  l as SidebarMenuAction,
+  m as SidebarMenuBadge,
+  G as SidebarMenuButton,
+  I as SidebarMenuItem,
+  f as SidebarMenuSkeleton,
+  g as SidebarMenuSub,
+  s as SidebarMenuSubButton,
+  B as SidebarMenuSubItem,
+  c as SidebarProvider,
+  x as SidebarRail,
+  A as SidebarSeparator,
+  C as SidebarTrigger,
+  k as default,
+  F as useSidebar
+};

package/dist/esm/components/Skeleton/Skeleton.js

@@ -9,4 +9,3 @@ l.displayName = "Skeleton";
 export {
   l as default
 };
-//# sourceMappingURL=Skeleton.js.map

package/dist/esm/components/Skeleton/index.js

@@ -0,0 +1,5 @@
+import { default as a, default as f } from "./Skeleton.js";
+export {
+  a as Skeleton,
+  f as default
+};

package/dist/esm/components/Slider/Slider.js

@@ -417,4 +417,3 @@ ot.displayName = "Slider";
 export {
   ot as default
 };
-//# sourceMappingURL=Slider.js.map

package/dist/esm/components/Slider/index.js

@@ -0,0 +1,5 @@
+import { default as d, default as f } from "./Slider.js";
+export {
+  d as Slider,
+  f as default
+};