@sth87/shadcn-design-system 0.1.8 → 0.2.0

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 r, 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(
@@ -35,56 +35,63 @@ const $ = G(
 function le({
   children: e,
   values: s,
-  defaultValues: o,
+  defaultValues: i,
   onValuesChange: t
 }) {
-  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 [a, d] = N(!1), [p, c] = N(
+    new Set(s ?? i)
+  ), x = s ? new Set(s) : p, [g, y] = N(/* @__PURE__ */ new Map());
+  function b(u) {
+    const f = (h) => {
+      const n = new Set(h);
+      return n.has(u) ? n.delete(u) : n.add(u), n;
     };
-    x(p), t?.([...p(w)]);
+    c(f), t?.([...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(
     _,
     {
       value: {
         open: a,
-        setOpen: m,
-        selectedValues: w,
-        toggleValue: y,
-        items: f,
+        setOpen: d,
+        selectedValues: x,
+        toggleValue: b,
+        items: g,
         onItemAdded: C
       },
-      children: /* @__PURE__ */ r(X, { open: a, onOpenChange: m, children: e })
+      children: /* @__PURE__ */ r(X, { open: a, onOpenChange: d, children: e })
     }
   );
 }
 function ae({
   className: e,
   dropdownClassName: s,
-  children: o,
+  children: i,
   size: t,
   state: a = "default",
-  ...m
+  disabled: d,
+  ...p
 }) {
-  const { open: i } = k();
-  return /* @__PURE__ */ r(B, { asChild: !0, children: /* @__PURE__ */ u(
+  const { open: c } = k();
+  return /* @__PURE__ */ r(B, { asChild: !0, disabled: d, children: /* @__PURE__ */ m(
     Z,
     {
-      className: v($({ size: t, state: a }), e),
+      "aria-disabled": d || void 0,
+      "data-disabled": d || void 0,
+      className: w(
+        $({ size: t, state: a }),
+        d && "ds:pointer-events-none ds:cursor-not-allowed ds:opacity-50",
+        e
+      ),
       children: [
-        o,
-        i && /* @__PURE__ */ r(
+        i,
+        c && /* @__PURE__ */ r(
           W,
           {
-            className: v(
+            className: w(
               "ds:z-10 ds:opacity-50",
               {
                 "ds:size-4": t === "sm" || t === "xs",
@@ -94,10 +101,10 @@ function ae({
             )
           }
         ),
-        !i && /* @__PURE__ */ r(
+        !c && /* @__PURE__ */ r(
           D,
           {
-            className: v(
+            className: w(
               "ds:z-10 ds:opacity-50",
               {
                 "ds:size-4": t === "sm" || t === "xs",
@@ -114,54 +121,54 @@ function ae({
 function ce({
   placeholder: e,
   clickToRemove: s = !0,
-  className: o,
+  className: i,
   overflowBehavior: t = "wrap-when-open",
   ...a
 }) {
-  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: d, toggleValue: p, items: c, open: x } = k(), [g, y] = N(0), b = j(null), C = j(null), u = t === "wrap" || t === "wrap-when-open" && x, f = V(() => {
+    if (b.current == null) return;
+    const n = b.current, o = C.current, v = n.querySelectorAll(
       "[data-selected-item]"
     );
-    d != null && (d.style.display = "none"), h.forEach((l) => l.style.removeProperty("display"));
+    o != null && (o.style.display = "none"), v.forEach((l) => l.style.removeProperty("display"));
     let S = 0;
-    for (let l = h.length - 1; l >= 0; l--) {
-      const M = h[l];
+    for (let l = v.length - 1; l >= 0; l--) {
+      const M = v[l];
       if (n.scrollWidth <= n.clientWidth)
         break;
-      S = h.length - l, M.style.display = "none", d?.style.removeProperty("display");
+      S = v.length - l, M.style.display = "none", o?.style.removeProperty("display");
     }
-    b(S);
-  }, []), g = V(
+    y(S);
+  }, []), h = V(
     (n) => {
-      y.current = n;
-      const d = new ResizeObserver(p);
-      return d.observe(n), () => {
-        d.disconnect(), y.current = null;
+      b.current = n;
+      const o = new ResizeObserver(f);
+      return o.observe(n), () => {
+        o.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 d.size === 0 && e ? /* @__PURE__ */ r("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(
+      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",
+        i
       ),
       children: [
-        [...m].filter((n) => x.has(n)).map((n) => {
-          const d = x.get(n), h = (S) => {
-            S.stopPropagation(), i(n);
+        [...d].filter((n) => c.has(n)).map((n) => {
+          const o = c.get(n), v = (S) => {
+            S.stopPropagation(), p(n);
           };
-          if (P.isValidElement(d)) {
-            const S = typeof d.type == "string" && ["div", "span", "button", "a"].includes(d.type), l = d, M = S ? {
+          if (P.isValidElement(o)) {
+            const S = typeof o.type == "string" && ["div", "span", "button", "a"].includes(o.type), l = o, M = S ? {
               key: n,
-              onClick: s ? h : void 0,
-              className: v(
+              onClick: s ? v : void 0,
+              className: w(
                 l.props.className,
                 "ds:group ds:flex ds:items-center ds:gap-1 ds:whitespace-nowrap ds:hover:scale-105 ds:transition-transform",
                 {
@@ -176,38 +183,38 @@ function ce({
             return P.cloneElement(
               l,
               M,
-              /* @__PURE__ */ u(O, { children: [
+              /* @__PURE__ */ m(O, { children: [
                 l.props.children,
                 s && /* @__PURE__ */ r(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: s ? v : void 0,
               children: [
-                d,
+                o,
                 s && /* @__PURE__ */ r(E, { className: "ds:size-2 ds:text-muted-foreground ds:group-hover:text-destructive" })
               ]
             },
             n
           );
         }),
-        /* @__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
             ]
           }
         )
@@ -218,19 +225,19 @@ function ce({
 function ue({
   search: e = !0,
   children: s,
-  ...o
+  ...i
 }) {
   const t = typeof e == "object" ? !0 : e;
-  return /* @__PURE__ */ u(O, { children: [
+  return /* @__PURE__ */ m(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: [
+    /* @__PURE__ */ r(J, { className: "ds:min-w-[var(--radix-popover-trigger-width)] ds:p-0", children: /* @__PURE__ */ m(I, { ...i, children: [
       t ? /* @__PURE__ */ r(
         R,
         {
           placeholder: typeof e == "object" ? e.placeholder : void 0
         }
       ) : /* @__PURE__ */ r("button", { autoFocus: !0, className: "ds:sr-only" }),
-      /* @__PURE__ */ u(z, { children: [
+      /* @__PURE__ */ m(z, { children: [
         t && /* @__PURE__ */ r(q, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
         s
       ] })
@@ -240,35 +247,35 @@ function ue({
 function me({
   value: e,
   children: s,
-  badgeLabel: o,
+  badgeLabel: i,
   onSelect: t,
   icon: a,
-  tagRender: m,
-  ...i
+  tagRender: d,
+  ...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, i ?? s);
+  }, [e, s, g, i]), /* @__PURE__ */ m(
     L,
     {
-      ...i,
-      onSelect: i?.disabled ? void 0 : () => {
-        x(e), t?.(e);
+      ...p,
+      onSelect: p?.disabled ? void 0 : () => {
+        c(e), t?.(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 }),
+        !d && a && /* @__PURE__ */ r("span", { className: "ds:mr-2 ds:max-w-4 ds:max-h-4", children: a }),
         s,
         /* @__PURE__ */ r(
           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"
             )
           }
         )
@@ -299,4 +306,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

package/dist/esm/utils/animations.js

@@ -1,41 +1,9 @@
-import { jsx as i } 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 { jsx as a } from "react/jsx-runtime";
 import { cn as e } 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 "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 { motion as f, easeOut as b } from "motion/react";
-import p from "../components/Glass/Glass.js";
-const X = (s, r) => {
-  switch (s) {
+import c from "../components/Glass/Glass.js";
+const h = (n, r) => {
+  switch (n) {
     case "bounce":
       return {
         className: e("ds:animate-bounce", r)
@@ -83,71 +51,71 @@ const X = (s, r) => {
     default:
       return { className: r };
   }
-}, Y = ({
-  animation: s,
+}, _ = ({
+  animation: n,
   children: r,
-  className: t,
-  rootClassName: n,
-  variantType: o,
-  ...d
+  className: s,
+  rootClassName: t,
+  variantType: i,
+  ...o
 }) => {
-  switch (s) {
+  switch (n) {
     case "heartbeat":
       return {
-        className: e("ds:animate-heartbeat", t)
+        className: e("ds:animate-heartbeat", s)
       };
     case "rainbow":
       return {
         className: e(
           "ds:animate-rainbow ds:text-primary-foreground ds:focus-visible:ring-ring/50 ds:relative ds:inline-flex ds:h-9 ds:items-center ds:justify-center ds:gap-2 ds:rounded-md ds:border-2 ds:border-transparent ds:bg-[length:200%] ds:[background-clip:padding-box,border-box,border-box] ds:[background-origin:border-box] ds:px-3 ds:py-2 ds:text-sm ds:font-medium ds:transition-colors ds:focus-visible:ring-[3px] ds:focus-visible:outline-none ds:disabled:pointer-events-none ds:disabled:opacity-50",
           "ds:before:animate-rainbow ds:before:absolute ds:before:bottom-[-20%] ds:before:left-0 ds:before:z-0 ds:before:h-1/5 ds:before:w-full ds:before:bg-[linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)] ds:before:[filter:blur(calc(0.625*1rem))] ds:bg-[linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary)_30%,rgba(0,0,0,0)),linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)]",
-          t
+          s
         )
       };
     case "shine":
       return {
         className: e(
           "ds:relative ds:overflow-hidden ds:before:absolute ds:before:inset-0 ds:before:rounded-[inherit] ds:before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] ds:before:bg-[length:250%_250%,100%_100%] ds:before:bg-[position:200%_0,0_0] ds:before:bg-no-repeat ds:before:transition-[background-position_0s_ease] ds:before:duration-1000 ds:hover:before:bg-[position:-100%_0,0_0] ds:dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)]",
-          t
+          s
         )
       };
     case "bounce":
       return {
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(
           f.button,
           {
             whileHover: { scale: 1.1 },
-            className: e(n, "ds:transition-none", t),
+            className: e(t, "ds:transition-none", s),
             transition: { type: "spring", stiffness: 400, damping: 10 },
-            ...d,
+            ...o,
             children: r
           }
         )
       };
     case "tap":
       return {
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(
           f.button,
           {
             whileTap: { scale: 0.85 },
-            className: e(n, "ds:transition-none", t),
+            className: e(t, "ds:transition-none", s),
             transition: { type: "spring", stiffness: 400, damping: 10 },
-            ...d,
+            ...o,
             children: r
           }
         )
       };
     case "glass": {
-      const a = n?.match(/((?:!)?rounded-\S+)/g), l = a ? a[a.length - 1] : "rounded-md";
+      const d = t?.match(/((?:!)?rounded-\S+)/g), l = d ? d[d.length - 1] : "rounded-md";
       return {
-        variant: o ? "link" : void 0,
-        children: /* @__PURE__ */ i(p, { className: e("ds:hover:scale-110", l), children: /* @__PURE__ */ i(
+        variant: i ? "link" : void 0,
+        children: /* @__PURE__ */ a(c, { className: e("ds:hover:scale-110", l), children: /* @__PURE__ */ a(
           "span",
           {
             className: e(
-              n,
+              t,
               "ds:!bg-none ds:!bg-transparent ds:border-0",
-              t
+              s
             ),
             children: r
           }
@@ -156,7 +124,7 @@ const X = (s, r) => {
     }
     case "glow":
       return {
-        className: e(n, "ds:animate-glow", t)
+        className: e(t, "ds:animate-glow", s)
       };
     case "liquid":
       return {
@@ -168,15 +136,15 @@ const X = (s, r) => {
           "ds:hover:bg-[length:200%_100%] ds:hover:bg-[position:0%_100%]",
           "ds:hover:text-white",
           "ds:hover:[transition:0.3s_0.3s,background-position_0.3s_0s]",
-          t
+          s
         )
       };
     case "link-underline":
       return {
-        variant: o ? "link" : void 0,
+        variant: i ? "link" : void 0,
         className: e(
           "ds:after:bg-primary ds:relative ds:!no-underline ds:after:absolute ds:after:bottom-2 ds:after:h-px ds:after:w-2/3 ds:after:origin-bottom-right ds:after:scale-x-0 ds:after:transition-transform ds:after:duration-300 ds:after:ease-in-out ds:hover:after:origin-bottom-left ds:hover:after:scale-x-100",
-          t
+          s
         )
       };
     case "loading":
@@ -186,36 +154,35 @@ const X = (s, r) => {
           "ds:before:content-[''] ds:before:absolute ds:before:z-[1] ds:before:top-0 ds:before:-left-full ds:before:w-[300%] ds:before:h-full",
           "ds:before:bg-[repeating-linear-gradient(60deg,transparent,transparent_10px,#ffffff20_10px,#ffffff20_20px)]",
           "ds:before:animate-slide-loading",
-          t
+          s
         )
       };
     case "gradient-outline":
       return {
-        className: e("ds:gradient-outline", t)
+        className: e("ds:gradient-outline", s)
       };
     case "draw":
       return {
-        className: e("ds:animate-draw", t)
+        className: e("ds:animate-draw", s)
       };
     default:
       return null;
   }
-}, Z = (s) => {
-  const r = Math.random() * Math.PI * 2, t = 30 + Math.random() * 20;
+}, v = (n) => {
+  const r = Math.random() * Math.PI * 2, s = 30 + Math.random() * 20;
   return {
     initial: { x: "50%", y: "50%", scale: 0, opacity: 0 },
     animate: {
-      x: `calc(50% + ${Math.cos(r) * t}px)`,
-      y: `calc(50% + ${Math.sin(r) * t}px)`,
+      x: `calc(50% + ${Math.cos(r) * s}px)`,
+      y: `calc(50% + ${Math.sin(r) * s}px)`,
       scale: [0, 1, 0],
       opacity: [0, 1, 0]
     },
-    transition: { duration: 0.4, delay: s * 0.05, ease: b }
+    transition: { duration: 0.4, delay: n * 0.05, ease: b }
   };
 };
 export {
-  X as animationClass,
-  Y as animationEffect,
-  Z as particleAnimation
+  h as animationClass,
+  _ as animationEffect,
+  v as particleAnimation
 };
-//# sourceMappingURL=animations.js.map

package/dist/esm/utils/css.js

@@ -22,4 +22,3 @@ const i = ({ index: o }) => {
 export {
   i as ConfettiPiece
 };
-//# sourceMappingURL=css.js.map

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

@@ -17,4 +17,3 @@ function o({
 export {
   o as getCommonPinningStyles
 };
-//# sourceMappingURL=data-table.js.map

package/dist/esm/utils/datetime.js

@@ -14,4 +14,3 @@ function t(e, r = {}) {
 export {
   t as formatDate
 };
-//# sourceMappingURL=datetime.js.map

package/dist/esm/utils/parsers.js

@@ -31,4 +31,3 @@ r.object({
 export {
   d as getSortingStateParser
 };
-//# sourceMappingURL=parsers.js.map