@sth87/shadcn-design-system 0.1.9 → 0.2.0

package/dist/esm/components/DatePicker/TimePicker.js

@@ -1,57 +1,29 @@
 import { jsxs as b, jsx as r } from "react/jsx-runtime";
 import { useState as E, useEffect as Ne, useRef as U, useMemo as _, useCallback as V, memo as ze } from "react";
-import "@radix-ui/react-slot";
-import "../../packages/ui/src/components/button.js";
-import "../../packages/ui/src/components/button-group.js";
-import "../../packages/ui/src/components/input.js";
-import "../../packages/ui/src/components/textarea.js";
-import "@radix-ui/react-label";
 import { cn as C } from "../../packages/ui/src/lib/utils.js";
-import "../../packages/ui/src/components/select.js";
-import "../../packages/ui/src/components/combobox.js";
-import "@radix-ui/react-tooltip";
-import { Clock as Ee } from "lucide-react";
-import "react-day-picker";
-import { Popover as Ue, PopoverTrigger as qe, PopoverContent as Ae } from "../../packages/ui/src/components/popover.js";
-import "@radix-ui/react-separator";
-import "../../packages/ui/src/components/switch.js";
-import { Drawer as Ge, DrawerTrigger as Je, DrawerContent as Ke, DrawerHeader as Qe, DrawerTitle as We, DrawerDescription as Xe } from "../../packages/ui/src/components/drawer.js";
-import "@radix-ui/react-scroll-area";
-import "../../packages/ui/src/components/tree-view.js";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-avatar";
-import "../../packages/ui/src/components/badge.js";
-import "../../packages/ui/src/components/checkbox.js";
-import "@radix-ui/react-collapsible";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-dropdown-menu";
-import "../../packages/ui/src/components/input-otp.js";
-import "../../packages/ui/src/components/radio-group.js";
-import "../../packages/ui/src/components/sidebar.js";
-import "@radix-ui/react-slider";
-import "../../packages/ui/src/components/tabs.js";
-import "../../packages/ui/src/components/toggle.js";
+import B from "../Button/Button.js";
+import Ee from "../Select/Select.js";
+import Ue from "../Input/Input.js";
+import { Popover as qe, PopoverTrigger as Ae, PopoverContent as Ge } from "../../packages/ui/src/components/popover.js";
+import { Drawer as Je, DrawerTrigger as Ke, DrawerContent as Qe, DrawerHeader as We, DrawerTitle as Xe, DrawerDescription as Ye } from "../../packages/ui/src/components/drawer.js";
 import { isMobile as De } from "react-device-detect";
-import { TimeColumnwheel as B } from "../WheelColumn.js";
-import { TimeGridView as Ye } from "../TimeGridView.js";
-import { parse as Ze, isValid as Me, format as _e } from "date-fns";
-import Be from "../Select/Select.js";
-import L from "../Button/Button.js";
-import Le from "../Input/Input.js";
-const ee = (n, m = 1) => {
+import { Clock as Ze } from "lucide-react";
+import { TimeColumnwheel as L } from "../WheelColumn.js";
+import { TimeGridView as _e } from "../TimeGridView.js";
+import { parse as Be, isValid as Me, format as Le } from "date-fns";
+const ee = (o, m = 1) => {
   const H = [];
-  for (let v = 0; v < n; v += m)
+  for (let v = 0; v < o; v += m)
     H.push(v);
   return H;
-}, q = (n) => String(n).padStart(2, "0"), Se = (n, m = "HH:mm") => !n || !Me(n) ? "" : _e(n, m), ye = (n, m = "HH:mm") => {
-  if (!n) return;
-  const v = Ze(n, m, /* @__PURE__ */ new Date());
+}, q = (o) => String(o).padStart(2, "0"), Se = (o, m = "HH:mm") => !o || !Me(o) ? "" : Le(o, m), ye = (o, m = "HH:mm") => {
+  if (!o) return;
+  const v = Be(o, m, /* @__PURE__ */ new Date());
   if (Me(v))
     return v;
 };
-function es(n) {
-  return n.replace(/HH|mm|ss/g, (m) => {
+function es(o) {
+  return o.replace(/HH|mm|ss/g, (m) => {
     switch (m) {
       case "HH":
       case "mm":
@@ -62,8 +34,8 @@ function es(n) {
     }
   }).replace(/H|m|s/g, () => "9");
 }
-function Gs({
-  value: n,
+function hs({
+  value: o,
   onChange: m,
   onSelect: H,
   showHours: v = !0,
@@ -76,8 +48,8 @@ function Gs({
   format: y,
   mode: l = "wheel",
   hourInterval: re = 1,
-  minuteInterval: oe = 1,
-  secondInterval: ne = 1,
+  minuteInterval: ne = 1,
+  secondInterval: oe = 1,
   disabledTimes: ie = [],
   disabledTimeRanges: ce = [],
   showNowButton: le = !1,
@@ -93,25 +65,25 @@ function Gs({
   typeof y == "string" ? (x = y, T = y) : y ? (x = y.input, T = y.output) : (x = P ? "HH:mm:ss" : "HH:mm", T = P ? "HH:mm:ss" : "HH:mm");
   const [f, N] = E(void 0), [p, D] = E(void 0), [g, S] = E(void 0), [$, me] = E(!1);
   Ne(() => {
-    if (n) {
-      const e = ye(n, x);
+    if (o) {
+      const e = ye(o, x);
       e && (N(e.getHours()), D(e.getMinutes()), S(e.getSeconds()));
     } else
       N(void 0), D(void 0), S(void 0);
-  }, [n, x]);
+  }, [o, x]);
   const G = U(null), J = U(null), K = U(null), Q = U(null), M = _(
     () => ee(24, re),
     [re]
   ), k = _(
-    () => ee(60, oe),
-    [oe]
-  ), j = _(
     () => ee(60, ne),
     [ne]
+  ), j = _(
+    () => ee(60, oe),
+    [oe]
   ), d = V(
     (e, s, t = 0) => {
-      const o = `${q(e ?? 0)}:${q(s ?? 0)}${P ? `:${q(t ?? 0)}` : ""}`;
-      if (ie.includes(o))
+      const n = `${q(e ?? 0)}:${q(s ?? 0)}${P ? `:${q(t ?? 0)}` : ""}`;
+      if (ie.includes(n))
         return !0;
       for (const a of ce) {
         const [u, i, h = 0] = a.from.split(":").map(Number), [z, Fe, Oe = 0] = a.to.split(":").map(Number), Te = (e ?? 0) * 3600 + (s ?? 0) * 60 + (t ?? 0), Re = u * 3600 + i * 60 + h, $e = z * 3600 + Fe * 60 + Oe;
@@ -136,29 +108,29 @@ function Gs({
     "common-label"
   ), Pe = V(
     (e, s, t = 0) => {
-      const o = M.reduce(
+      const n = M.reduce(
         (i, h) => Math.abs(h - e) < Math.abs(i - e) ? h : i
       ), a = k.reduce(
         (i, h) => Math.abs(h - s) < Math.abs(i - s) ? h : i
       ), u = j.reduce(
         (i, h) => Math.abs(h - t) < Math.abs(i - t) ? h : i
       );
-      if (d(o, a, u)) {
+      if (d(n, a, u)) {
         for (const i of M)
           for (const h of k)
             for (const z of j)
               if (!d(i, h, z))
                 return { h: i, m: h, s: z };
       }
-      return { h: o, m: a, s: u };
+      return { h: n, m: a, s: u };
     },
     [M, k, j, d]
   ), I = V(
     (e, s, t) => {
-      const o = /* @__PURE__ */ new Date();
-      o.setHours(e, s, t, 0);
-      const a = Se(o, T);
-      m?.(void 0, a, o), H?.(o, a);
+      const n = /* @__PURE__ */ new Date();
+      n.setHours(e, s, t, 0);
+      const a = Se(n, T);
+      m?.(void 0, a, n), H?.(n, a);
     },
     [T, m, H]
   ), pe = (e) => {
@@ -174,7 +146,7 @@ function Gs({
           "[data-selected]"
         );
         if (s) {
-          const t = e.current, o = t.clientHeight, a = s.offsetTop, u = s.clientHeight, i = a - o / 2 + u / 2;
+          const t = e.current, n = t.clientHeight, a = s.offsetTop, u = s.clientHeight, i = a - n / 2 + u / 2;
           t.scrollTo({
             top: i,
             behavior: "smooth"
@@ -186,12 +158,12 @@ function Gs({
   ), X = V(() => {
     l === "wheel" ? (F(G), F(J), F(K)) : l === "compact" && F(Q);
   }, [G, J, K, Q, l, F]), ve = () => {
-    const e = /* @__PURE__ */ new Date(), { h: s, m: t, s: o } = Pe(
+    const e = /* @__PURE__ */ new Date(), { h: s, m: t, s: n } = Pe(
       e.getHours(),
       e.getMinutes(),
       e.getSeconds()
     );
-    N(s), D(t), S(o), I(s, t, o), setTimeout(() => X(), 100);
+    N(s), D(t), S(n), I(s, t, n), setTimeout(() => X(), 100);
   };
   Ne(() => {
     if ((O ? $ : ue) || (f !== void 0 || p !== void 0 || g !== void 0)) {
@@ -213,12 +185,12 @@ function Gs({
       items: e,
       value: s,
       onChange: t,
-      timeLabel: o,
+      timeLabel: n,
       type: a
     }) => /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-2", children: [
-      o && /* @__PURE__ */ r("div", { className: "ds:text-xs ds:font-semibold ds:text-muted-foreground ds:uppercase ds:p-2 ds:border-b ds:w-full ds:text-center", children: o }),
+      n && /* @__PURE__ */ r("div", { className: "ds:text-xs ds:font-semibold ds:text-muted-foreground ds:uppercase ds:p-2 ds:border-b ds:w-full ds:text-center", children: n }),
       /* @__PURE__ */ r("div", { className: "ds:p-2", children: /* @__PURE__ */ r(
-        Be,
+        Ee,
         {
           value: s?.toString() || "",
           onValueChange: (u) => t(Number(u)),
@@ -242,7 +214,7 @@ function Gs({
     const e = [];
     if (l === "compact")
       return /* @__PURE__ */ r(
-        Ye,
+        _e,
         {
           HOURS: M,
           MINUTES: k,
@@ -259,7 +231,7 @@ function Gs({
       const s = typeof c == "string" ? void 0 : W("hours");
       l === "wheel" ? e.push(
         /* @__PURE__ */ r(
-          B,
+          L,
           {
             ref: G,
             items: M,
@@ -290,7 +262,7 @@ function Gs({
       const s = typeof c == "string" ? void 0 : W("minutes");
       l === "wheel" ? e.push(
         /* @__PURE__ */ r(
-          B,
+          L,
           {
             ref: J,
             items: k,
@@ -322,7 +294,7 @@ function Gs({
       const s = typeof c == "string" ? void 0 : W("seconds");
       l === "wheel" ? e.push(
         /* @__PURE__ */ r(
-          B,
+          L,
           {
             ref: K,
             items: j,
@@ -370,7 +342,7 @@ function Gs({
             }
           ),
           le && /* @__PURE__ */ r(
-            L,
+            B,
             {
               type: "button",
               variant: "solid",
@@ -401,7 +373,7 @@ function Gs({
       }
     ),
     le && /* @__PURE__ */ r(
-      L,
+      B,
       {
         type: "button",
         variant: "solid",
@@ -413,20 +385,20 @@ function Gs({
       }
     )
   ] }), be = /* @__PURE__ */ b(
-    L,
+    B,
     {
       variant: "ghost",
       className: "ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",
       disabled: w,
       children: [
-        /* @__PURE__ */ r(Ee, { className: "ds:size-4" }),
+        /* @__PURE__ */ r(Ze, { className: "ds:size-4" }),
         /* @__PURE__ */ r("span", { className: "ds:sr-only", children: "Select time" })
       ]
     }
-  ), Ce = /* @__PURE__ */ b(Ue, { open: $, onOpenChange: me, children: [
-    /* @__PURE__ */ r(qe, { asChild: !0, disabled: w, children: be }),
+  ), Ce = /* @__PURE__ */ b(qe, { open: $, onOpenChange: me, children: [
+    /* @__PURE__ */ r(Ae, { asChild: !0, disabled: w, children: be }),
     /* @__PURE__ */ r(
-      Ae,
+      Ge,
       {
         className: C(
           "ds:w-auto ds:overflow-hidden ds:p-0",
@@ -435,19 +407,19 @@ function Gs({
         children: He
       }
     )
-  ] }), xe = /* @__PURE__ */ b(Ge, { open: $, onOpenChange: me, children: [
-    /* @__PURE__ */ r(Je, { asChild: !0, children: be }),
+  ] }), xe = /* @__PURE__ */ b(Je, { open: $, onOpenChange: me, children: [
+    /* @__PURE__ */ r(Ke, { asChild: !0, children: be }),
     /* @__PURE__ */ b(
-      Ke,
+      Qe,
       {
         className: C(
           "ds:w-auto ds:overflow-hidden ds:p-0",
           "ds:backdrop-blur ds:bg-background"
         ),
         children: [
-          /* @__PURE__ */ b(Qe, { className: "ds:sr-only", children: [
-            /* @__PURE__ */ r(We, { children: "Select time" }),
-            /* @__PURE__ */ r(Xe, { children: "Choose a time" })
+          /* @__PURE__ */ b(We, { className: "ds:sr-only", children: [
+            /* @__PURE__ */ r(Xe, { children: "Select time" }),
+            /* @__PURE__ */ r(Ye, { children: "Choose a time" })
           ] }),
           He
         ]
@@ -456,11 +428,11 @@ function Gs({
   ] }), Ie = T;
   let Z;
   return A === !0 ? Z = es(x) : typeof A == "string" && (Z = A), /* @__PURE__ */ r(
-    Le,
+    Ue,
     {
       ...Ve,
       clearable: !0,
-      value: n || "",
+      value: o || "",
       placeholder: Ie,
       mask: Z,
       disabled: w,
@@ -469,8 +441,8 @@ function Gs({
         const s = e.target.value, t = ye(s, x);
         if (t) {
           N(t.getHours()), D(t.getMinutes()), S(t.getSeconds());
-          const o = Se(t, T);
-          m?.(e, o, t), H?.(t, o);
+          const n = Se(t, T);
+          m?.(e, n, t), H?.(t, n);
         } else
           N(0), D(0), S(0), m?.(e, s, void 0), H?.(void 0, s);
       },
@@ -479,6 +451,5 @@ function Gs({
   );
 }
 export {
-  Gs as TimePicker
+  hs as TimePicker
 };
-//# sourceMappingURL=TimePicker.js.map

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

@@ -0,0 +1,8 @@
+import { DatePicker as o } from "./DatePicker.js";
+import { RangePicker as m } from "./RangePicker.js";
+import { TimePicker as c } from "./TimePicker.js";
+export {
+  o as DatePicker,
+  m as RangePicker,
+  c as TimePicker
+};

package/dist/esm/components/Dialog/Dialog.js

@@ -220,4 +220,3 @@ gs.displayName = "Dialog";
 export {
   gs as default
 };
-//# sourceMappingURL=Dialog.js.map

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

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

package/dist/esm/components/DropdownMenu/DropdownMenu.js

@@ -193,4 +193,3 @@ U.displayName = "DropdownMenu";
 export {
   U as default
 };
-//# sourceMappingURL=DropdownMenu.js.map

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

@@ -21,4 +21,3 @@ const C = Object.assign(o, {
 export {
   C as DropdownMenu
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/components/FloatLabel.js

@@ -67,4 +67,3 @@ w.displayName = "FloatingLabel";
 export {
   w as FloatingLabel
 };
-//# sourceMappingURL=FloatLabel.js.map

package/dist/esm/components/Glass/Glass.js

@@ -1,49 +1,18 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import "@radix-ui/react-slot";
-import "../../packages/ui/src/components/button.js";
-import "../../packages/ui/src/components/button-group.js";
-import "../../packages/ui/src/components/input.js";
-import "../../packages/ui/src/components/textarea.js";
-import "@radix-ui/react-label";
-import { cn as r } from "../../packages/ui/src/lib/utils.js";
-import "../../packages/ui/src/components/select.js";
-import "../../packages/ui/src/components/combobox.js";
-import "@radix-ui/react-tooltip";
+import { cn as t } from "../../packages/ui/src/lib/utils.js";
+import { cva as n } from "class-variance-authority";
 import "react";
-import "lucide-react";
-import "react-day-picker";
-import "../../packages/ui/src/components/popover.js";
-import "@radix-ui/react-separator";
-import "../../packages/ui/src/components/switch.js";
-import "vaul";
-import "@radix-ui/react-scroll-area";
-import "../../packages/ui/src/components/tree-view.js";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-avatar";
-import "../../packages/ui/src/components/badge.js";
-import "../../packages/ui/src/components/checkbox.js";
-import "@radix-ui/react-collapsible";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-dropdown-menu";
-import "../../packages/ui/src/components/input-otp.js";
-import "../../packages/ui/src/components/radio-group.js";
-import "../../packages/ui/src/components/sidebar.js";
-import "@radix-ui/react-slider";
-import "../../packages/ui/src/components/tabs.js";
-import "../../packages/ui/src/components/toggle.js";
-import { cva as d } from "class-variance-authority";
-d(
+n(
   "ds:inline-flex ds:items-center ds:justify-center ds:gap-2 ds:whitespace-nowrap ds:text-sm ds:font-medium ds:transition-all ds:disabled:pointer-events-none ds:disabled:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg:not([class*='size-'])]:size-4 ds:shrink-0 ds:[&_svg]:shrink-0 ds:outline-none 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: {},
     defaultVariants: {}
   }
 );
-const P = ({ className: i, children: t }) => /* @__PURE__ */ s(
+const c = ({ className: i, children: d }) => /* @__PURE__ */ s(
   "div",
   {
-    className: r(
+    className: t(
       "ds:relative ds:inline-flex ds:overflow-hidden ds:cursor-pointer ds:shadow-[0_6px_6px_rgba(0,0,0,0.2),0_0_20px_rgba(0,0,0,0.1)] ds:transition-all ds:duration-400 ds:ease-[cubic-bezier(0.175,0.885,0.32,2.2)] ds:p-0 ds:rounded-md",
       i
     ),
@@ -51,7 +20,7 @@ const P = ({ className: i, children: t }) => /* @__PURE__ */ s(
       /* @__PURE__ */ e("div", { className: "ds:absolute ds:z-0 ds:inset-0 ds:backdrop-blur-[2.5px] ds:overflow-hidden ds:isolate ds:[filter:url(#glass-distortion)] ds:rounded-[inherit]" }),
       /* @__PURE__ */ e("div", { className: "ds:z-1 ds:absolute ds:inset-0 ds:bg-white/25 ds:rounded-[inherit]" }),
       /* @__PURE__ */ e("div", { className: "ds:absolute ds:inset-0 ds:z-2 ds:overflow-hidden ds:shadow-[inset_2px_2px_1px_0_rgba(255,255,255,0.5),inset_-1px_-1px_1px_1px_rgba(255,255,255,0.5)] ds:rounded-[inherit]" }),
-      /* @__PURE__ */ e("div", { className: "ds:z-3 ds:relative", children: /* @__PURE__ */ e("div", { className: "ds:text-foreground ds:[text-shadow:0px_1px_3px_rgba(255, ds:255, ds:255, ds:0.3)] ds:transition-all ds:duration-100 ds:ease-in ds:inline-flex ds:gap-2", children: t }) }),
+      /* @__PURE__ */ e("div", { className: "ds:z-3 ds:relative", children: /* @__PURE__ */ e("div", { className: "ds:text-foreground ds:[text-shadow:0px_1px_3px_rgba(255, ds:255, ds:255, ds:0.3)] ds:transition-all ds:duration-100 ds:ease-in ds:inline-flex ds:gap-2", children: d }) }),
       /* @__PURE__ */ e("svg", { className: "ds:hidden", children: /* @__PURE__ */ s(
         "filter",
         {
@@ -119,6 +88,5 @@ const P = ({ className: i, children: t }) => /* @__PURE__ */ s(
   }
 );
 export {
-  P as default
+  c as default
 };
-//# sourceMappingURL=Glass.js.map

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

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