@sth87/shadcn-design-system 0.1.8 → 0.2.0

package/dist/esm/components/Tour/TourWrapper.js

@@ -64,4 +64,3 @@ function W({
 export {
   W as TourWrapper
 };
-//# sourceMappingURL=TourWrapper.js.map

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

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

package/dist/esm/components/TreeSelect/TreeSelect.js

@@ -10,4 +10,3 @@ export {
   m as TreeSelect,
   T as TreeView
 };
-//# sourceMappingURL=TreeSelect.js.map

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

@@ -0,0 +1,5 @@
+import { TreeSelect as o, TreeView as t } from "./TreeSelect.js";
+export {
+  o as TreeSelect,
+  t as TreeView
+};

package/dist/esm/components/Upload/Upload.js

@@ -945,4 +945,3 @@ export {
   bs as Upload,
   bs as default
 };
-//# sourceMappingURL=Upload.js.map

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

@@ -0,0 +1,4 @@
+import { Upload as r } from "./Upload.js";
+export {
+  r as Upload
+};

package/dist/esm/components/WheelColumn.js

@@ -1,39 +1,8 @@
 import { jsxs as T, jsx as l } from "react/jsx-runtime";
 import * as Y from "react";
 import { memo as O, useRef as C, useState as _, useCallback as D, useEffect as k } 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 w } 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 "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";
-const F = (r) => String(r).padStart(2, "0"), P = (r = "primary") => ({
+const F = (e) => String(e).padStart(2, "0"), P = (e = "primary") => ({
   primary: "ds:text-primary",
   secondary: "ds:text-secondary",
   accent: "ds:text-accent",
@@ -43,62 +12,62 @@ const F = (r) => String(r).padStart(2, "0"), P = (r = "primary") => ({
   error: "ds:text-error",
   warning: "ds:text-warning",
   foreground: "ds:text-foreground"
-})[r], W = O(
+})[e], W = O(
   Y.forwardRef(
     ({
-      items: r,
-      value: o,
-      onChange: u,
-      timeLabel: f,
+      items: e,
+      value: s,
+      onChange: f,
+      timeLabel: p,
       itemClassName: M,
       isItemDisabled: h,
       disabled: b,
       color: I = "primary"
     }, m) => {
-      const s = C(
+      const o = C(
         null
       ), n = C(null), [j, R] = _(0), g = D(() => {
         if (!n.current || b) return;
-        const t = n.current, i = t.scrollTop;
-        R(i), s.current && clearTimeout(s.current), s.current = setTimeout(() => {
-          const c = t.scrollTop, e = 40, a = t.clientHeight, x = a / 2, v = c - 120 + x;
-          let d = r[0], y = 1 / 0;
-          if (r.forEach((H, p) => {
-            const z = p * e + e / 2, N = Math.abs(z - v);
-            N < y && (y = N, d = H);
-          }), !h(d))
-            if (d !== o)
-              u(d);
+        const t = n.current, c = t.scrollTop;
+        R(c), o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+          const d = t.scrollTop, r = 40, a = t.clientHeight, x = a / 2, v = d - 120 + x;
+          let i = e[0], y = 1 / 0;
+          if (e.forEach((H, u) => {
+            const z = u * r + r / 2, N = Math.abs(z - v);
+            N < y && (y = N, i = H);
+          }), !h(i))
+            if (i !== s)
+              f(i);
             else {
-              const p = 120 + r.indexOf(d) * e - a / 2 + e / 2;
-              Math.abs(t.scrollTop - p) > 5 && t.scrollTo({
-                top: p,
+              const u = 120 + e.indexOf(i) * r - a / 2 + r / 2;
+              Math.abs(t.scrollTop - u) > 5 && t.scrollTo({
+                top: u,
                 behavior: "smooth"
               });
             }
         }, 100);
-      }, [r, o, u, h, b]);
+      }, [e, s, f, h, b]);
       k(() => {
         const t = n.current;
         if (t)
           return t.addEventListener("scroll", g, { passive: !0 }), () => {
-            t.removeEventListener("scroll", g), s.current && clearTimeout(s.current);
+            t.removeEventListener("scroll", g), o.current && clearTimeout(o.current);
           };
       }, [g]), k(() => {
-        if (n.current && o !== void 0) {
-          const t = r.indexOf(o);
+        if (n.current && s !== void 0) {
+          const t = e.indexOf(s);
           if (t !== -1) {
-            const c = n.current.clientHeight, e = 120 + t * 40 - c / 2 + 40 / 2;
+            const d = n.current.clientHeight, r = 120 + t * 40 - d / 2 + 40 / 2;
             n.current.scrollTo({
-              top: e,
+              top: r,
               behavior: "smooth"
             });
           }
         }
-      }, [o, r]), k(() => () => {
-        s.current && clearTimeout(s.current);
+      }, [s, e]), k(() => () => {
+        o.current && clearTimeout(o.current);
       }, []);
-      const E = (t, i) => {
+      const E = (t, c) => {
         const x = 120 + t * 40 + 20, S = Math.abs(
           x - (j + 128)
         ), v = 256 / 2;
@@ -107,18 +76,18 @@ const F = (r) => String(r).padStart(2, "0"), P = (r = "primary") => ({
             0.3,
             1 - S / v * 0.7
           ),
-          fontSize: i ? "1.3rem" : "1rem",
+          fontSize: c ? "1.3rem" : "1rem",
           transition: "opacity 0.2s ease, transform 0.2s ease"
         };
       };
       return /* @__PURE__ */ T("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-2 ds:w-full ds:h-full ds:max-h-72", children: [
-        f && /* @__PURE__ */ l("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 ds:h-8", children: f }),
+        p && /* @__PURE__ */ l("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 ds:h-8", children: p }),
         /* @__PURE__ */ T(
           "div",
           {
             className: w(
               "ds:relative ds:w-full",
-              f ? "ds:h-[calc(100%_-_2rem)]" : " ds:h-full"
+              p ? "ds:h-[calc(100%_-_2rem)]" : " ds:h-full"
             ),
             children: [
               /* @__PURE__ */ l("div", { className: "ds:absolute ds:top-1/2 ds:left-0 ds:right-0 ds:h-10 ds:-translate-y-1/2 ds:border-t ds:border-b ds:border-border ds:pointer-events-none ds:z-10" }),
@@ -141,18 +110,18 @@ const F = (r) => String(r).padStart(2, "0"), P = (r = "primary") => ({
                   },
                   children: [
                     /* @__PURE__ */ l("div", { className: "ds:h-[calc(50%-1.25rem)] ds:flex-shrink-0" }),
-                    r.map((t, i) => {
-                      const c = h(t), e = o !== void 0 && t === o, a = E(i, e);
+                    e.map((t, c) => {
+                      const d = h(t), r = s !== void 0 && t === s, a = E(c, r);
                       return /* @__PURE__ */ l(
                         "div",
                         {
-                          onClick: b || c ? void 0 : () => u(t),
-                          "data-selected": e || void 0,
+                          onClick: b || d ? void 0 : () => f(t),
+                          "data-selected": r || void 0,
                           className: w(
                             "ds:h-10 ds:flex-shrink-0 ds:flex ds:items-center ds:justify-center ds:transition-all ds:snap-center",
                             "ds:cursor-pointer ds:text-lg ds:font-medium ds:select-none",
                             "ds:disabled:opacity-30 ds:disabled:cursor-not-allowed ds:disabled:line-through",
-                            e ? `${P(I)} ds:font-bold` : "ds:text-muted-foreground"
+                            r ? `${P(I)} ds:font-bold` : "ds:text-muted-foreground"
                           ),
                           style: a,
                           children: F(t)
@@ -175,4 +144,3 @@ W.displayName = "TimeColumnwheel";
 export {
   W as TimeColumnwheel
 };
-//# sourceMappingURL=WheelColumn.js.map

package/dist/esm/config/data-table.js

@@ -29,4 +29,3 @@ const e = {
 export {
   e as dataTableConfig
 };
-//# sourceMappingURL=data-table.js.map

package/dist/esm/constants/common.js

@@ -2,4 +2,3 @@ const y = "dd/MM/yyyy";
 export {
   y as DATE_FORMAT
 };
-//# sourceMappingURL=common.js.map

package/dist/esm/hooks/index.js

@@ -0,0 +1,26 @@
+import { useCallbackRef as r } from "./use-callback-ref.js";
+import { useDebouncedCallback as s } from "./use-debounced-callback.js";
+import { useDebounceValue as f } from "./use-debounced-value.js";
+import { useIntersectionObserver as m } from "./use-intersection-observer.js";
+import { useScript as c } from "./use-script.js";
+import { useScrollLock as i } from "./use-scroll-lock.js";
+import { useOnClickOutside as n } from "./use-on-click-outside.js";
+import { useEventListener as k } from "./use-event-listener.js";
+import { useMediaQuery as C } from "./use-media-query.js";
+import { useIsomorphicLayoutEffect as L } from "./use-isomorphic-layout-effect.js";
+import { useMousePosition as v } from "./use-mouse-position.js";
+import { useDataTable as E } from "./use-data-table.js";
+export {
+  r as useCallbackRef,
+  E as useDataTable,
+  f as useDebounceValue,
+  s as useDebouncedCallback,
+  k as useEventListener,
+  m as useIntersectionObserver,
+  L as useIsomorphicLayoutEffect,
+  C as useMediaQuery,
+  v as useMousePosition,
+  n as useOnClickOutside,
+  c as useScript,
+  i as useScrollLock
+};

package/dist/esm/hooks/use-callback-ref.js

@@ -11,4 +11,3 @@ function c(r) {
 export {
   c as useCallbackRef
 };
-//# sourceMappingURL=use-callback-ref.js.map

package/dist/esm/hooks/use-data-table.js

@@ -1,26 +1,27 @@
-import { useReactTable as ie, getFacetedMinMaxValues as se, getFacetedUniqueValues as ae, getFacetedRowModel as re, getSortedRowModel as le, getPaginationRowModel as ce, getFilteredRowModel as ue, getCoreRowModel as ge } from "@tanstack/react-table";
-import { useQueryState as A, parseAsInteger as v, parseAsArrayOf as de, parseAsString as Y, useQueryStates as fe } from "nuqs";
+import { useReactTable as se, getFacetedMinMaxValues as ae, getFacetedUniqueValues as re, getFacetedRowModel as le, getSortedRowModel as ce, getPaginationRowModel as ue, getFilteredRowModel as ge, getCoreRowModel as de } from "@tanstack/react-table";
+import { useQueryState as A, parseAsInteger as v, parseAsArrayOf as fe, parseAsString as Y, useQueryStates as pe } from "nuqs";
 import * as t from "react";
-import { useDebouncedCallback as pe } from "./use-debounced-callback.js";
-import { getSortingStateParser as me } from "../utils/parsers.js";
-const Se = "page", we = "perPage", be = "sort", Ce = "filters", Me = "joinOperator", Re = ",", ye = 300, Pe = 50;
-function Ke(j) {
+import { useDebouncedCallback as me } from "./use-debounced-callback.js";
+import { getSortingStateParser as Se } from "../utils/parsers.js";
+const we = "page", be = "perPage", Ce = "sort", Me = "filters", Re = "joinOperator", ye = ",", Pe = 300, Fe = 50;
+function xe(j) {
   const {
     columns: g,
     pageCount: U,
     initialState: s,
     queryKeys: d,
     history: O = "replace",
-    debounceMs: p = ye,
-    throttleMs: S = Pe,
+    debounceMs: p = Pe,
+    throttleMs: S = Fe,
     clearOnDefault: E = !1,
     enableAdvancedFilter: r = !1,
     scroll: K = !1,
     shallow: w = !0,
     startTransition: x,
     enableNuqs: i = !1,
+    state: V,
     ...b
-  } = j, I = d?.page ?? Se, T = d?.perPage ?? we, _ = d?.sort ?? be, V = d?.filters ?? Ce, k = d?.joinOperator ?? Me, c = t.useMemo(
+  } = j, I = d?.page ?? we, T = d?.perPage ?? be, _ = d?.sort ?? Ce, k = d?.filters ?? Me, B = d?.joinOperator ?? Re, c = t.useMemo(
     () => ({
       history: O,
       scroll: K,
@@ -39,9 +40,9 @@ function Ke(j) {
       E,
       x
     ]
-  ), [B, N] = t.useState(
+  ), [N, G] = t.useState(
     s?.rowSelection ?? {}
-  ), [G, H] = t.useState(s?.columnVisibility ?? {}), [L, Q] = t.useState(
+  ), [H, L] = t.useState(s?.columnVisibility ?? {}), [Q, Z] = t.useState(
     s?.columnOrder ?? []
   ), [C, m] = i ? A(
     I,
@@ -53,7 +54,7 @@ function Ke(j) {
     pageIndex: i ? C - 1 : C,
     // zero-based index
     pageSize: z
-  }), [C, z, i]), Z = t.useCallback(
+  }), [C, z, i]), J = t.useCallback(
     (e) => {
       if (typeof e == "function") {
         const o = e(R);
@@ -66,12 +67,12 @@ function Ke(j) {
         ), M(e.pageSize);
     },
     [R, m, M, i]
-  ), J = t.useMemo(() => new Set(
+  ), W = t.useMemo(() => new Set(
     g.map((e) => e.id).filter(Boolean)
   ), [g]), [y, P] = i ? A(
     _,
-    me(J).withOptions(c).withDefault(s?.sorting ?? [])
-  ) : t.useState(s?.sorting ?? []), W = t.useCallback(
+    Se(W).withOptions(c).withDefault(s?.sorting ?? [])
+  ) : t.useState(s?.sorting ?? []), X = t.useCallback(
     (e) => {
       if (typeof e == "function") {
         const o = e(y);
@@ -80,15 +81,15 @@ function Ke(j) {
         P(e);
     },
     [y, P]
-  ), u = t.useMemo(() => r ? [] : g.filter((e) => e.enableColumnFilter), [g, r]), X = t.useMemo(() => r ? {} : u.reduce((e, o) => (o.meta?.variant === "multiSelect" ? e[o.id ?? ""] = de(
+  ), u = t.useMemo(() => r ? [] : g.filter((e) => e.enableColumnFilter), [g, r]), $ = t.useMemo(() => r ? {} : u.reduce((e, o) => (o.meta?.variant === "multiSelect" ? e[o.id ?? ""] = fe(
     Y,
-    Re
-  ).withOptions(c) : e[o.id ?? ""] = Y.withOptions(c), e), {}), [u, c, r]), [D, $] = i ? fe(X) : t.useState({}), q = pe(
+    ye
+  ).withOptions(c) : e[o.id ?? ""] = Y.withOptions(c), e), {}), [u, c, r]), [D, ee] = i ? pe($) : t.useState({}), q = me(
     (e) => {
-      m(1), $(e);
+      m(1), ee(e);
     },
     p
-  ), ee = t.useMemo(() => r ? [] : Object.entries(D).reduce(
+  ), te = t.useMemo(() => r ? [] : Object.entries(D).reduce(
     (e, [o, n]) => {
       if (n !== null) {
         const a = u.find((f) => f.id === o)?.meta?.variant === "multiSelect", l = Array.isArray(n) ? n : a && typeof n == "string" && /[^a-zA-Z0-9]/.test(n) ? n.split(/[^a-zA-Z0-9]+/).filter(Boolean) : a ? [n] : n;
@@ -100,9 +101,9 @@ function Ke(j) {
       return e;
     },
     []
-  ), [D, r, u]), [te, oe] = t.useState(ee), ne = t.useCallback(
+  ), [D, r, u]), [oe, ne] = t.useState(te), ie = t.useCallback(
     (e) => {
-      r || oe((o) => {
+      r || ne((o) => {
         const n = typeof e == "function" ? e(o) : e, F = n.reduce((a, l) => {
           const f = u.find((h) => h.id === l.id);
           if (f) {
@@ -123,16 +124,17 @@ function Ke(j) {
       i
     ]
   );
-  return { table: ie({
+  return { table: se({
     initialState: s,
     pageCount: U,
     state: {
       pagination: R,
       sorting: y,
-      columnVisibility: G,
-      columnOrder: L,
-      rowSelection: B,
-      columnFilters: te
+      columnVisibility: H,
+      columnOrder: Q,
+      rowSelection: N,
+      columnFilters: oe,
+      ...V
     },
     defaultColumn: {
       ...b.defaultColumn,
@@ -142,27 +144,27 @@ function Ke(j) {
       enablePinning: !0
     },
     enableRowSelection: !0,
-    onRowSelectionChange: N,
-    onPaginationChange: Z,
-    onSortingChange: W,
-    onColumnFiltersChange: ne,
-    onColumnVisibilityChange: H,
-    onColumnOrderChange: Q,
-    getCoreRowModel: ge(),
-    getFilteredRowModel: ue(),
-    getPaginationRowModel: ce(),
-    getSortedRowModel: le(),
-    getFacetedRowModel: re(),
-    getFacetedUniqueValues: ae(),
-    getFacetedMinMaxValues: se(),
+    onRowSelectionChange: G,
+    onPaginationChange: J,
+    onSortingChange: X,
+    onColumnFiltersChange: ie,
+    onColumnVisibilityChange: L,
+    onColumnOrderChange: Z,
+    getCoreRowModel: de(),
+    getFilteredRowModel: ge(),
+    getPaginationRowModel: ue(),
+    getSortedRowModel: ce(),
+    getFacetedRowModel: le(),
+    getFacetedUniqueValues: re(),
+    getFacetedMinMaxValues: ae(),
     meta: {
       ...b.meta,
       queryKeys: {
         page: I,
         perPage: T,
         sort: _,
-        filters: V,
-        joinOperator: k
+        filters: k,
+        joinOperator: B
       }
     },
     ...b,
@@ -170,6 +172,5 @@ function Ke(j) {
   }), shallow: w, debounceMs: p, throttleMs: S };
 }
 export {
-  Ke as useDataTable
+  xe as useDataTable
 };
-//# sourceMappingURL=use-data-table.js.map

package/dist/esm/hooks/use-debounced-callback.js

@@ -18,4 +18,3 @@ function s(u, c) {
 export {
   s as useDebouncedCallback
 };
-//# sourceMappingURL=use-debounced-callback.js.map

package/dist/esm/hooks/use-debounced-value.js

@@ -9,4 +9,3 @@ function b(u, t) {
 export {
   b as useDebounceValue
 };
-//# sourceMappingURL=use-debounced-value.js.map

package/dist/esm/hooks/use-event-listener.js

@@ -18,4 +18,3 @@ function m(r, t, s, n) {
 export {
   m as useEventListener
 };
-//# sourceMappingURL=use-event-listener.js.map

package/dist/esm/hooks/use-intersection-observer.js

@@ -53,4 +53,3 @@ function A({
 export {
   A as useIntersectionObserver
 };
-//# sourceMappingURL=use-intersection-observer.js.map

package/dist/esm/hooks/use-isomorphic-layout-effect.js

@@ -3,4 +3,3 @@ const o = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
 export {
   o as useIsomorphicLayoutEffect
 };
-//# sourceMappingURL=use-isomorphic-layout-effect.js.map

package/dist/esm/hooks/use-media-query.js

@@ -19,4 +19,3 @@ function u(n, {
 export {
   u as useMediaQuery
 };
-//# sourceMappingURL=use-media-query.js.map

package/dist/esm/hooks/use-mouse-position.js

@@ -0,0 +1,27 @@
+import * as s from "react";
+function f() {
+  const [l, m] = s.useState({
+    x: 0,
+    y: 0
+  }), o = s.useRef(null);
+  return s.useLayoutEffect(() => {
+    const c = (t) => {
+      const e = {
+        x: t.pageX,
+        y: t.pageY
+      };
+      if (o.current?.nodeType === Node.ELEMENT_NODE) {
+        const { left: n, top: r } = o.current.getBoundingClientRect(), i = n + window.scrollX, u = r + window.scrollY, a = t.pageX - i, d = t.pageY - u;
+        e.elementPositionX = i, e.elementPositionY = u, e.elementX = a, e.elementY = d;
+      }
+      m((n) => ({
+        ...n,
+        ...e
+      }));
+    };
+    return document.addEventListener("mousemove", c), () => document.removeEventListener("mousemove", c);
+  }, []), [l, o];
+}
+export {
+  f as useMousePosition
+};

package/dist/esm/hooks/use-on-click-outside.js

@@ -15,4 +15,3 @@ function d(t, i, s = "mousedown", o = {}) {
 export {
   d as useOnClickOutside
 };
-//# sourceMappingURL=use-on-click-outside.js.map

package/dist/esm/hooks/use-script.js

@@ -43,4 +43,3 @@ function p(t, r) {
 export {
   p as useScript
 };
-//# sourceMappingURL=use-script.js.map

package/dist/esm/hooks/use-scroll-lock.js

@@ -24,4 +24,3 @@ function L(l = {}) {
 export {
   L as useScrollLock
 };
-//# sourceMappingURL=use-scroll-lock.js.map