@sth87/shadcn-design-system 0.1.9 → 0.2.1

package/dist/esm/components/Marquee/Marquee.js

@@ -1,138 +1,108 @@
 import { jsx as z, jsxs as I, Fragment as W } from "react/jsx-runtime";
-import { Slot as V } from "@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 O } 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 * as d from "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 { Slot as V } from "@radix-ui/react-slot";
 import { useComposedRefs as _ } from "../../packages/ui/src/lib/compose-refs.js";
 import { cva as $ } from "class-variance-authority";
+import * as d from "react";
 const G = "Marquee", J = "MarqueeContent";
 function L() {
-  const a = /* @__PURE__ */ new Set();
+  const i = /* @__PURE__ */ new Set();
   let t = null;
-  const i = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), f = typeof ResizeObserver < "u";
+  const n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), f = typeof ResizeObserver < "u";
   let u = !1;
   const b = /* @__PURE__ */ new WeakMap();
   function e() {
     u || (u = !0, queueMicrotask(() => {
       u = !1;
-      for (const s of a)
+      for (const s of i)
         s();
     }));
   }
   function q() {
-    t && (t.disconnect(), t = null), i.clear(), r.clear();
+    t && (t.disconnect(), t = null), n.clear(), r.clear();
   }
   function g(s) {
-    return a.add(s), () => {
-      a.delete(s), a.size === 0 && q();
+    return i.add(s), () => {
+      i.delete(s), i.size === 0 && q();
     };
   }
-  function h(s, o, l) {
+  function p(s, o, l) {
     if (!s || !o) return null;
-    const n = i.get(s), c = i.get(o);
-    if (!n || !c) return null;
-    const m = l === "vertical" ? n.height : n.width, R = l === "vertical" ? c.height : c.width;
+    const a = n.get(s), c = n.get(o);
+    if (!a || !c) return null;
+    const m = l === "vertical" ? a.height : a.width, R = l === "vertical" ? c.height : c.width;
     let v = b.get(s);
     v || (v = /* @__PURE__ */ new WeakMap(), b.set(s, v));
-    let p = v.get(o);
-    p || (p = {
+    let h = v.get(o);
+    h || (h = {
       horizontal: { rootSize: -1, contentSize: -1 },
       vertical: { rootSize: -1, contentSize: -1 }
-    }, v.set(o, p));
-    const w = p[l];
+    }, v.set(o, h));
+    const w = h[l];
     if (w.rootSize === m && w.contentSize === R)
       return w;
     const x = { rootSize: m, contentSize: R };
-    return p[l] = x, x;
+    return h[l] = x, x;
   }
   function C(s, o) {
     if (!f || !s || !o) return;
     t || (t = new ResizeObserver((R) => {
       let v = !1;
-      for (const p of R) {
-        const w = p.target, { width: x, height: N } = p.contentRect, y = i.get(w);
-        (!y || y.width !== x || y.height !== N) && (i.set(w, { width: x, height: N }), v = !0);
+      for (const h of R) {
+        const w = h.target, { width: x, height: N } = h.contentRect, y = n.get(w);
+        (!y || y.width !== x || y.height !== N) && (n.set(w, { width: x, height: N }), v = !0);
       }
       v && e();
     })), r.set(s, (r.get(s) ?? 0) + 1), r.set(o, (r.get(o) ?? 0) + 1), t.observe(s), t.observe(o);
-    const l = s.getBoundingClientRect(), n = o.getBoundingClientRect(), c = { width: l.width, height: l.height }, m = {
-      width: n.width,
-      height: n.height
+    const l = s.getBoundingClientRect(), a = o.getBoundingClientRect(), c = { width: l.width, height: l.height }, m = {
+      width: a.width,
+      height: a.height
     };
-    i.set(s, c), i.set(o, m), c.width > 0 && c.height > 0 && m.width > 0 && m.height > 0 && e();
+    n.set(s, c), n.set(o, m), c.width > 0 && c.height > 0 && m.width > 0 && m.height > 0 && e();
   }
   function M(s, o) {
     if (!t || !s || !o) return;
-    const l = (r.get(s) ?? 1) - 1, n = (r.get(o) ?? 1) - 1;
-    l <= 0 ? (t.unobserve(s), i.delete(s), r.delete(s)) : r.set(s, l), n <= 0 ? (t.unobserve(o), i.delete(o), r.delete(o)) : r.set(o, n);
+    const l = (r.get(s) ?? 1) - 1, a = (r.get(o) ?? 1) - 1;
+    l <= 0 ? (t.unobserve(s), n.delete(s), r.delete(s)) : r.set(s, l), a <= 0 ? (t.unobserve(o), n.delete(o), r.delete(o)) : r.set(o, a);
   }
   return {
     subscribe: g,
-    getSnapshot: h,
+    getSnapshot: p,
     observe: C,
     unobserve: M
   };
 }
 const P = L();
-function A(a, t, i) {
+function A(i, t, n) {
   const r = d.useCallback(
     (u) => P.subscribe(u),
     []
   ), f = d.useCallback(
     () => P.getSnapshot(
-      a.current,
+      i.current,
       t.current,
-      i
+      n
     ),
-    [a, t, i]
+    [i, t, n]
   );
   return d.useSyncExternalStore(r, f, f);
 }
 const Q = d.createContext(void 0);
-function U(a) {
+function U(i) {
   const t = d.useContext(Q);
-  return a ?? t ?? "ltr";
+  return i ?? t ?? "ltr";
 }
 const K = d.createContext(null);
-function X(a) {
+function X(i) {
   const t = d.useContext(K);
   if (!t)
-    throw new Error(`\`${a}\` must be used within \`${G}\``);
+    throw new Error(`\`${i}\` must be used within \`${G}\``);
   return t;
 }
-function Ve(a) {
+function re(i) {
   const {
     side: t = "left",
-    dir: i,
+    dir: n,
     speed: r = 50,
     delay: f = 0,
     loopCount: u = 0,
@@ -140,18 +110,18 @@ function Ve(a) {
     asChild: e,
     autoFill: q = !1,
     pauseOnHover: g = !1,
-    pauseOnKeyboard: h = !1,
+    pauseOnKeyboard: p = !1,
     reverse: C = !1,
     className: M,
     style: s,
     ref: o,
     ...l
-  } = a, n = t === "top" || t === "bottom" ? "vertical" : "horizontal", c = U(i), m = d.useRef(null), R = d.useRef(null), v = _(o, m), [p, w] = d.useState(!1), x = d.useCallback(
+  } = i, a = t === "top" || t === "bottom" ? "vertical" : "horizontal", c = U(n), m = d.useRef(null), R = d.useRef(null), v = _(o, m), [h, w] = d.useState(!1), x = d.useCallback(
     (S) => {
-      h && S.key === " " && (S.preventDefault(), w((D) => !D));
+      p && S.key === " " && (S.preventDefault(), w((D) => !D));
     },
-    [h]
-  ), N = A(m, R, n), y = d.useMemo(() => {
+    [p]
+  ), N = A(m, R, a), y = d.useMemo(() => {
     const S = Math.max(1e-3, r);
     if (!N)
       return (q ? 1e3 : 2e3) / S;
@@ -173,28 +143,28 @@ function Ve(a) {
   ), j = d.useMemo(
     () => ({
       side: t,
-      orientation: n,
+      orientation: a,
       dir: c,
       speed: r,
       loopCount: u,
       contentRef: R,
       rootRef: m,
       autoFill: q,
-      paused: p,
+      paused: h,
       pauseOnHover: g,
-      pauseOnKeyboard: h,
+      pauseOnKeyboard: p,
       reverse: C
     }),
     [
       t,
-      n,
+      a,
       c,
       r,
       u,
       q,
-      p,
-      g,
       h,
+      g,
+      p,
       C
     ]
   ), B = e ? V : "div";
@@ -203,23 +173,23 @@ function Ve(a) {
     {
       role: "marquee",
       "aria-live": "off",
-      "data-orientation": n,
+      "data-orientation": a,
       "data-slot": "marquee",
       dir: c,
-      tabIndex: h ? 0 : void 0,
+      tabIndex: p ? 0 : void 0,
       ...l,
       ref: v,
       className: O(
         "ds:relative ds:flex ds:overflow-hidden ds:motion-reduce:animate-none",
-        n === "vertical" && "ds:h-full ds:flex-col",
-        n === "horizontal" && "ds:w-full",
-        p && "ds:[&_*]:[animation-play-state:paused]",
+        a === "vertical" && "ds:h-full ds:flex-col",
+        a === "horizontal" && "ds:w-full",
+        h && "ds:[&_*]:[animation-play-state:paused]",
         g && "ds:group",
-        h && "ds:rounded-md ds:focus-visible:border-ring ds:focus-visible:outline-none ds:focus-visible:ring-[3px] ds:focus-visible:ring-ring/50",
+        p && "ds:rounded-md ds:focus-visible:border-ring ds:focus-visible:outline-none ds:focus-visible:ring-[3px] ds:focus-visible:ring-ring/50",
         M
       ),
       style: T,
-      onKeyDown: h ? x : void 0
+      onKeyDown: p ? x : void 0
     }
   ) }) });
 }
@@ -266,15 +236,15 @@ const F = $(
     }
   }
 );
-function He(a) {
+function oe(i) {
   const {
     className: t,
-    asChild: i,
+    asChild: n,
     ref: r,
     children: f,
     style: u,
     ...b
-  } = a, e = X(J), q = _(r, e.contentRef), g = e.orientation === "vertical", h = e.dir === "rtl", C = A(
+  } = i, e = X(J), q = _(r, e.contentRef), g = e.orientation === "vertical", p = e.dir === "rtl", C = A(
     e.rootRef,
     e.contentRef,
     e.orientation
@@ -293,10 +263,10 @@ function He(a) {
   }, [e.rootRef, e.contentRef]);
   const M = d.useMemo(() => {
     if (!e.autoFill || !C) return 1;
-    const { rootSize: n, contentSize: c } = C;
-    return c === 0 ? 1 : c < n ? Math.ceil(n / c) : 1;
+    const { rootSize: a, contentSize: c } = C;
+    return c === 0 ? 1 : c < a ? Math.ceil(a / c) : 1;
   }, [e.autoFill, C]), s = d.useCallback(
-    (n) => Array.from({ length: Math.max(0, n) }).map((c, m) => /* @__PURE__ */ z(d.Fragment, { children: f }, m)),
+    (a) => Array.from({ length: Math.max(0, a) }).map((c, m) => /* @__PURE__ */ z(d.Fragment, { children: f }, m)),
     [f]
   ), o = d.useMemo(
     () => ({
@@ -307,7 +277,7 @@ function He(a) {
       animationDirection: e.reverse ? "reverse" : "normal"
     }),
     [u, e.reverse]
-  ), l = i ? V : "div";
+  ), l = n ? V : "div";
   return /* @__PURE__ */ I(W, { children: [
     /* @__PURE__ */ I(
       l,
@@ -325,7 +295,7 @@ function He(a) {
             className: t
           }),
           g && "ds:flex-col",
-          g ? "ds:mb-(--marquee-gap)" : h ? "ds:ml-(--marquee-gap)" : "ds:mr-(--marquee-gap)"
+          g ? "ds:mb-(--marquee-gap)" : p ? "ds:ml-(--marquee-gap)" : "ds:mr-(--marquee-gap)"
         ),
         children: [
           /* @__PURE__ */ z(
@@ -365,10 +335,10 @@ function He(a) {
     )
   ] });
 }
-function Ie(a) {
-  const { className: t, asChild: i, ...r } = a;
+function ne(i) {
+  const { className: t, asChild: n, ...r } = i;
   return /* @__PURE__ */ z(
-    i ? V : "div",
+    n ? V : "div",
     {
       "data-slot": "marquee-item",
       ...r,
@@ -426,26 +396,25 @@ const Y = $("ds:pointer-events-none ds:absolute ds:z-10", {
     size: "default"
   }
 });
-function Fe(a) {
-  const { side: t, size: i, className: r, asChild: f, ...u } = a;
+function ae(i) {
+  const { side: t, size: n, className: r, asChild: f, ...u } = i;
   return /* @__PURE__ */ z(
     f ? V : "div",
     {
-      "data-size": i,
+      "data-size": n,
       "data-slot": "marquee-edge",
       ...u,
-      className: O(Y({ side: t, size: i, className: r }))
+      className: O(Y({ side: t, size: n, className: r }))
     }
   );
 }
 export {
-  He as Content,
-  Fe as Edge,
-  Ie as Item,
-  Ve as Marquee,
-  He as MarqueeContent,
-  Fe as MarqueeEdge,
-  Ie as MarqueeItem,
-  Ve as Root
+  oe as Content,
+  ae as Edge,
+  ne as Item,
+  re as Marquee,
+  oe as MarqueeContent,
+  ae as MarqueeEdge,
+  ne as MarqueeItem,
+  re as Root
 };
-//# sourceMappingURL=Marquee.js.map

package/dist/esm/components/Marquee/MarqueeWrapper.js

@@ -22,4 +22,3 @@ function b({
 export {
   b as MarqueeWrapper
 };
-//# sourceMappingURL=MarqueeWrapper.js.map

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

@@ -12,4 +12,3 @@ const m = Object.assign(a, {
 export {
   m as Marquee
 };
-//# sourceMappingURL=index.js.map