@devalok/shilp-sutra 0.18.0 → 0.18.2

package/dist/ui/input-otp.js

@@ -3,7 +3,7 @@ import { jsx as r, jsxs as p } from "react/jsx-runtime";
 import * as a from "react";
 import { OTPInput as m, OTPInputContext as u } from "input-otp";
 import { IconMinus as f } from "@tabler/icons-react";
-import { c as o } from "../_chunks/utils.js";
+import { cn as o } from "./lib/utils.js";
 const x = a.forwardRef(({ className: e, containerClassName: t, ...s }, n) => /* @__PURE__ */ r(
   m,
   {
@@ -20,20 +20,20 @@ x.displayName = "InputOTP";
 const b = a.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ r("div", { ref: s, className: o("flex items-center", e), ...t }));
 b.displayName = "InputOTPGroup";
 const I = a.forwardRef(({ index: e, className: t, ...s }, n) => {
-  const i = a.useContext(u), { char: d, hasFakeCaret: c, isActive: l } = i.slots[e];
+  const i = a.useContext(u), { char: d, hasFakeCaret: l, isActive: c } = i.slots[e];
   return /* @__PURE__ */ p(
     "div",
     {
       ref: n,
       className: o(
         "relative flex h-ds-sm-plus w-ds-sm-plus items-center justify-center border-y border-r border-surface-border-strong text-ds-md shadow-01 transition-[box-shadow] first:rounded-l-ds-md first:border-l last:rounded-r-ds-md",
-        l && "z-raised ring-2 ring-accent-9",
+        c && "z-raised ring-2 ring-accent-9",
         t
       ),
       ...s,
       children: [
         d,
-        c && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "animate-caret-blink h-[16px] w-px bg-surface-fg duration-slow-02" }) })
+        l && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "animate-caret-blink h-[16px] w-px bg-surface-fg duration-slow-02" }) })
       ]
     }
   );

package/dist/ui/input.js

@@ -2,10 +2,10 @@
 import { jsx as a, jsxs as b } from "react/jsx-runtime";
 import * as p from "react";
 import { ag as g } from "../_chunks/vendor-utils.js";
-import { c as v } from "../_chunks/utils.js";
-import { m as x } from "../_chunks/motion2.js";
-import { u as h } from "../_chunks/form.js";
-import { m as w } from "../_chunks/motion.js";
+import { cn as v } from "./lib/utils.js";
+import { motionProps as x } from "./lib/motion.js";
+import { useFormField as h } from "./form.js";
+import { m as w } from "../_chunks/framer.js";
 const y = g(
   [
     "flex w-full font-sans",
@@ -29,15 +29,15 @@ const y = g(
     defaultVariants: { size: "md" }
   }
 ), N = p.forwardRef(
-  ({ className: d, type: n, state: c, size: l, startIcon: e, endIcon: s, ...t }, u) => {
-    const r = h(), i = c ?? (r.state === "helper" ? void 0 : r.state), f = t["aria-describedby"] ?? r.helperTextId, m = t["aria-required"] ?? r.required, o = /* @__PURE__ */ a(
+  ({ className: d, type: n, state: c, size: l, startIcon: e, endIcon: r, ...t }, u) => {
+    const s = h(), i = c ?? (s.state === "helper" ? void 0 : s.state), f = t["aria-describedby"] ?? s.helperTextId, m = t["aria-required"] ?? s.required, o = /* @__PURE__ */ a(
       w.input,
       {
         type: n,
         className: v(
           y({ size: l }),
           e && "pl-ds-07",
-          s && "pr-ds-07",
+          r && "pr-ds-07",
           i === "error" && "border-error-7 focus-visible:ring-error-7",
           i === "warning" && "border-warning-7 focus-visible:ring-warning-7",
           i === "success" && "border-success-7 focus-visible:ring-success-7",
@@ -50,10 +50,10 @@ const y = g(
         ...x(t)
       }
     );
-    return !e && !s ? o : /* @__PURE__ */ b("div", { className: "relative flex items-center w-full", children: [
+    return !e && !r ? o : /* @__PURE__ */ b("div", { className: "relative flex items-center w-full", children: [
       e && /* @__PURE__ */ a("span", { className: "absolute left-ds-03 flex items-center text-surface-fg-muted pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: e }),
       o,
-      s && /* @__PURE__ */ a("span", { className: "absolute right-ds-03 flex items-center text-surface-fg-muted pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: s })
+      r && /* @__PURE__ */ a("span", { className: "absolute right-ds-03 flex items-center text-surface-fg-muted pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: r })
     ] });
   }
 );

package/dist/ui/label.js

@@ -1,24 +1,24 @@
 "use client";
 import { jsxs as d, jsx as i } from "react/jsx-runtime";
 import * as m from "react";
-import { A as a } from "../_chunks/primitives.js";
-import { c as n } from "../_chunks/utils.js";
-const c = m.forwardRef(({ className: e, required: s, children: r, ...o }, t) => /* @__PURE__ */ d(
-  a,
+import { v as e } from "../_chunks/primitives.js";
+import { cn as n } from "./lib/utils.js";
+const l = m.forwardRef(({ className: a, required: r, children: s, ...o }, t) => /* @__PURE__ */ d(
+  e,
   {
     ref: t,
     className: n(
       "font-sans text-ds-md font-medium text-surface-fg leading-none peer-disabled:opacity-action-disabled",
-      e
+      a
     ),
     ...o,
     children: [
-      r,
-      s && /* @__PURE__ */ i("span", { className: "text-error-11 ml-ds-01", "aria-hidden": "true", children: "*" })
+      s,
+      r && /* @__PURE__ */ i("span", { className: "text-error-11 ml-ds-01", "aria-hidden": "true", children: "*" })
     ]
   }
 ));
-c.displayName = a.displayName;
+l.displayName = e.displayName;
 export {
-  c as Label
+  l as Label
 };

package/dist/ui/lib/date-utils.d.ts

@@ -1,4 +1,3 @@
-"use client";
 /**
  * Shared relative-time formatting utility.
  */

package/dist/{_chunks → ui/lib}/date-utils.js

@@ -1,4 +1,3 @@
-"use client";
 function a(t) {
   const n = typeof t == "string" ? new Date(t) : t, f = (/* @__PURE__ */ new Date()).getTime() - n.getTime(), o = Math.floor(f / 6e4);
   if (o < 1) return "Just now";
@@ -9,5 +8,5 @@ function a(t) {
   return r < 7 ? `${r}d ago` : n.toLocaleDateString("en-IN", { month: "short", day: "numeric" });
 }
 export {
-  a as f
+  a as formatRelativeTime
 };

package/dist/{_chunks/motion2.js → ui/lib/motion.js}

@@ -1,5 +1,4 @@
-"use client";
-const n = {
+const s = {
   /** Micro-interactions: buttons, hover, form inputs */
   snappy: { type: "spring", stiffness: 500, damping: 30, mass: 0.5 },
   /** Dialogs, sheets, panels, navigation */
@@ -14,22 +13,22 @@ const n = {
   /** Hover color, bg, border transitions */
   colorShift: { type: "tween", duration: 0.1, ease: "easeOut" }
 };
-function e(s = 0.04) {
+function e(n = 0.04) {
   return {
-    visible: { transition: { staggerChildren: s } },
-    hidden: { transition: { staggerChildren: s } }
+    visible: { transition: { staggerChildren: n } },
+    hidden: { transition: { staggerChildren: n } }
   };
 }
-function i(s) {
-  return { ...s, duration: 0 };
+function i(n) {
+  return { ...n, duration: 0 };
 }
-function a(s) {
-  return s;
+function r(n) {
+  return n;
 }
 export {
-  e as a,
-  a as m,
-  n as s,
-  t,
-  i as w
+  r as motionProps,
+  s as springs,
+  e as stagger,
+  t as tweens,
+  i as withReducedMotion
 };

package/dist/ui/lib/use-ripple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-ripple.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/use-ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjF,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,QAAQ,SAAM;;sBAQD,UAAU,CAAC,WAAW,CAAC;EAc7D"}
+{"version":3,"file":"use-ripple.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/use-ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjF,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,QAAQ,SAAM;;sBAQD,UAAU,CAAC,WAAW,CAAC;EAgB7D"}

package/dist/ui/lib/utils.js

@@ -1,4 +1,4 @@
-import { ai as d, ah as e } from "../../_chunks/vendor-utils.js";
+import { ah as d, ai as e } from "../../_chunks/vendor-utils.js";
 const t = d({
   extend: {
     theme: {

package/dist/ui/link.js

@@ -2,7 +2,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { S as s } from "../_chunks/primitives.js";
 import * as a from "react";
-import { c } from "../_chunks/utils.js";
+import { cn as c } from "./lib/utils.js";
 const f = a.forwardRef(
   ({ className: o, inline: e = !0, asChild: n = !1, ...t }, i) => /* @__PURE__ */ r(
     n ? s : "a",

package/dist/ui/menubar.js

@@ -1,29 +1,29 @@
 "use client";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import * as o from "react";
-import { aP as p, aQ as f, aR as b, aS as y, aT as g, aU as N, aV as x, aW as h, aX as v, aY as M, aZ as w, a_ as R, a$ as T, b0 as _, b1 as j, b2 as G } from "../_chunks/primitives.js";
+import { aW as p, aX as f, aY as b, aZ as y, a_ as g, a$ as N, b0 as x, b1 as h, b2 as v, b3 as M, b4 as w, b5 as R, b6 as j, b7 as G, b8 as P, b9 as T } from "../_chunks/primitives.js";
 import { IconChevronRight as z, IconCheck as A, IconCircle as L } from "@tabler/icons-react";
-import { c as n } from "../_chunks/utils.js";
-import { t as S, s as C } from "../_chunks/motion2.js";
-import { A as U, m as I } from "../_chunks/motion.js";
-const k = o.createContext(!1), Q = (e) => /* @__PURE__ */ t(j, { ...e });
-Q.displayName = "MenubarMenu";
-const te = T, re = g, V = ({
+import { cn as n } from "./lib/utils.js";
+import { tweens as C, springs as S } from "./lib/motion.js";
+import { A as U, m as I } from "../_chunks/framer.js";
+const k = o.createContext(!1), W = (e) => /* @__PURE__ */ r(P, { ...e });
+W.displayName = "MenubarMenu";
+const re = j, te = g, X = ({
   open: e,
   defaultOpen: a = !1,
   onOpenChange: s,
-  ...r
+  ...t
 }) => {
-  const [d, i] = o.useState(a), c = e !== void 0, u = c ? e : d, P = o.useCallback(
+  const [d, i] = o.useState(a), c = e !== void 0, u = c ? e : d, _ = o.useCallback(
     (m) => {
       c || i(m), s == null || s(m);
     },
     [c, s]
   );
-  return /* @__PURE__ */ t(k.Provider, { value: u, children: /* @__PURE__ */ t(G, { open: u, onOpenChange: P, ...r }) });
+  return /* @__PURE__ */ r(k.Provider, { value: u, children: /* @__PURE__ */ r(T, { open: u, onOpenChange: _, ...t }) });
 };
-V.displayName = "MenubarSub";
-const oe = _, W = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+X.displayName = "MenubarSub";
+const oe = G, Y = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ r(
   p,
   {
     ref: s,
@@ -34,8 +34,8 @@ const oe = _, W = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
     ...a
   }
 ));
-W.displayName = p.displayName;
-const X = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+Y.displayName = p.displayName;
+const Z = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ r(
   f,
   {
     ref: s,
@@ -46,8 +46,8 @@ const X = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
     ...a
   }
 ));
-X.displayName = f.displayName;
-const Y = o.forwardRef(({ className: e, inset: a, children: s, ...r }, d) => /* @__PURE__ */ l(
+Z.displayName = f.displayName;
+const $ = o.forwardRef(({ className: e, inset: a, children: s, ...t }, d) => /* @__PURE__ */ l(
   b,
   {
     ref: d,
@@ -56,30 +56,30 @@ const Y = o.forwardRef(({ className: e, inset: a, children: s, ...r }, d) => /*
       a && "pl-ds-07",
       e
     ),
-    ...r,
+    ...t,
     children: [
       s,
-      /* @__PURE__ */ t(z, { className: "ml-auto" })
+      /* @__PURE__ */ r(z, { className: "ml-auto" })
     ]
   }
 ));
-Y.displayName = b.displayName;
-const Z = o.forwardRef(({ className: e, children: a, ...s }, r) => {
+$.displayName = b.displayName;
+const q = o.forwardRef(({ className: e, children: a, ...s }, t) => {
   const d = o.useContext(k);
-  return /* @__PURE__ */ t(U, { children: d && /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(U, { children: d && /* @__PURE__ */ r(
     y,
     {
-      ref: r,
+      ref: t,
       forceMount: !0,
       asChild: !0,
       ...s,
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         I.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...C.snappy, opacity: S.fade },
+          transition: { ...S.snappy, opacity: C.fade },
           className: n(
             "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-02 text-surface-fg shadow-03",
             e
@@ -90,24 +90,24 @@ const Z = o.forwardRef(({ className: e, children: a, ...s }, r) => {
     }
   ) });
 });
-Z.displayName = y.displayName;
-const $ = o.forwardRef(
-  ({ className: e, align: a = "start", alignOffset: s = -4, sideOffset: r = 8, children: d, ...i }, c) => /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
+q.displayName = y.displayName;
+const B = o.forwardRef(
+  ({ className: e, align: a = "start", alignOffset: s = -4, sideOffset: t = 8, children: d, ...i }, c) => /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
     N,
     {
       ref: c,
       align: a,
       alignOffset: s,
-      sideOffset: r,
+      sideOffset: t,
       asChild: !0,
       ...i,
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         I.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...C.snappy, opacity: S.fade },
+          transition: { ...S.snappy, opacity: C.fade },
           className: n(
             "z-popover min-w-[12rem] rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-02 text-surface-fg shadow-03",
             e
@@ -118,11 +118,11 @@ const $ = o.forwardRef(
     }
   ) })
 );
-$.displayName = N.displayName;
-const q = o.forwardRef(({ className: e, inset: a, ...s }, r) => /* @__PURE__ */ t(
+B.displayName = N.displayName;
+const D = o.forwardRef(({ className: e, inset: a, ...s }, t) => /* @__PURE__ */ r(
   x,
   {
-    ref: r,
+    ref: t,
     className: n(
       "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none transition-colors focus:bg-surface-2 focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
       a && "pl-ds-07",
@@ -131,8 +131,8 @@ const q = o.forwardRef(({ className: e, inset: a, ...s }, r) => /* @__PURE__ */
     ...s
   }
 ));
-q.displayName = x.displayName;
-const B = o.forwardRef(({ className: e, children: a, checked: s, ...r }, d) => /* @__PURE__ */ l(
+D.displayName = x.displayName;
+const E = o.forwardRef(({ className: e, children: a, checked: s, ...t }, d) => /* @__PURE__ */ l(
   h,
   {
     ref: d,
@@ -141,34 +141,34 @@ const B = o.forwardRef(({ className: e, children: a, checked: s, ...r }, d) => /
       e
     ),
     checked: s,
-    ...r,
+    ...t,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(A, { className: "h-ico-sm w-ico-sm" }) }) }),
+      /* @__PURE__ */ r("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(A, { className: "h-ico-sm w-ico-sm" }) }) }),
       a
     ]
   }
 ));
-B.displayName = h.displayName;
-const D = o.forwardRef(({ className: e, children: a, ...s }, r) => /* @__PURE__ */ l(
+E.displayName = h.displayName;
+const F = o.forwardRef(({ className: e, children: a, ...s }, t) => /* @__PURE__ */ l(
   M,
   {
-    ref: r,
+    ref: t,
     className: n(
       "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-surface-2 focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       e
     ),
     ...s,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(L, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ r("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(L, { className: "h-2 w-2 fill-current" }) }) }),
       a
     ]
   }
 ));
-D.displayName = M.displayName;
-const E = o.forwardRef(({ className: e, inset: a, ...s }, r) => /* @__PURE__ */ t(
+F.displayName = M.displayName;
+const H = o.forwardRef(({ className: e, inset: a, ...s }, t) => /* @__PURE__ */ r(
   w,
   {
-    ref: r,
+    ref: t,
     className: n(
       "px-ds-03 py-ds-02b text-ds-md font-semibold",
       a && "pl-ds-07",
@@ -177,8 +177,8 @@ const E = o.forwardRef(({ className: e, inset: a, ...s }, r) => /* @__PURE__ */
     ...s
   }
 ));
-E.displayName = w.displayName;
-const F = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+H.displayName = w.displayName;
+const J = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ r(
   R,
   {
     ref: s,
@@ -186,11 +186,11 @@ const F = o.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
     ...a
   }
 ));
-F.displayName = R.displayName;
-const H = ({
+J.displayName = R.displayName;
+const K = ({
   className: e,
   ...a
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ r(
   "span",
   {
     className: n(
@@ -200,22 +200,22 @@ const H = ({
     ...a
   }
 );
-H.displayName = "MenubarShortcut";
+K.displayName = "MenubarShortcut";
 export {
-  W as Menubar,
-  B as MenubarCheckboxItem,
-  $ as MenubarContent,
-  te as MenubarGroup,
-  q as MenubarItem,
-  E as MenubarLabel,
-  Q as MenubarMenu,
-  re as MenubarPortal,
+  Y as Menubar,
+  E as MenubarCheckboxItem,
+  B as MenubarContent,
+  re as MenubarGroup,
+  D as MenubarItem,
+  H as MenubarLabel,
+  W as MenubarMenu,
+  te as MenubarPortal,
   oe as MenubarRadioGroup,
-  D as MenubarRadioItem,
-  F as MenubarSeparator,
-  H as MenubarShortcut,
-  V as MenubarSub,
-  Z as MenubarSubContent,
-  Y as MenubarSubTrigger,
-  X as MenubarTrigger
+  F as MenubarRadioItem,
+  J as MenubarSeparator,
+  K as MenubarShortcut,
+  X as MenubarSub,
+  q as MenubarSubContent,
+  $ as MenubarSubTrigger,
+  Z as MenubarTrigger
 };

package/dist/ui/navigation-menu.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as v, jsx as c } from "react/jsx-runtime";
 import * as a from "react";
-import { b3 as N, b4 as h, b5 as w, b6 as x, b7 as R, b8 as M, b9 as O, ba as V } from "../_chunks/primitives.js";
+import { ba as N, bb as h, bc as w, bd as x, be as R, bf as M, bg as O, bh as V } from "../_chunks/primitives.js";
 import { IconChevronDown as E } from "@tabler/icons-react";
-import { c as u } from "../_chunks/utils.js";
-import { t as y, s as j } from "../_chunks/motion2.js";
-import { m as g } from "../_chunks/motion.js";
+import { cn as u } from "./lib/utils.js";
+import { tweens as y, springs as j } from "./lib/motion.js";
+import { m as g } from "../_chunks/framer.js";
 const L = a.forwardRef(({ className: r, children: n, ...t }, o) => /* @__PURE__ */ v(
   N,
   {

package/dist/ui/number-input.js

@@ -2,8 +2,8 @@
 import { jsxs as y, jsx as i } from "react/jsx-runtime";
 import * as v from "react";
 import { IconMinus as E, IconPlus as j } from "@tabler/icons-react";
-import { c as M } from "../_chunks/utils.js";
-import { u as k } from "../_chunks/form.js";
+import { cn as M } from "./lib/utils.js";
+import { useFormField as k } from "./form.js";
 const D = v.forwardRef(
   ({
     value: s = 0,
@@ -14,17 +14,17 @@ const D = v.forwardRef(
     disabled: m = !1,
     className: n,
     "aria-label": l,
-    ...a
+    ...b
   }, p) => {
-    const b = k(), u = l ?? (a.id || b.helperTextId ? void 0 : "Numeric value"), N = (c) => {
+    const f = k(), u = l ?? (b.id || f.helperTextId ? void 0 : "Numeric value"), N = (c) => {
       const t = c.target.value.trim();
       if (t === "" || t === "-") {
         e == null || e(r >= 0 ? r : 0);
         return;
       }
-      const f = Number(t);
-      if (Number.isNaN(f)) return;
-      const I = Math.min(Math.max(f, r), d);
+      const a = Number(t);
+      if (Number.isNaN(a)) return;
+      const I = Math.min(Math.max(a, r), d);
       e == null || e(I);
     }, x = (c) => {
       c.preventDefault();
@@ -66,9 +66,9 @@ const D = v.forwardRef(
               step: o,
               disabled: m,
               "aria-label": u,
-              "aria-describedby": a["aria-describedby"] ?? b.helperTextId,
+              "aria-describedby": b["aria-describedby"] ?? f.helperTextId,
               className: "bg-transparent text-ds-md font-semibold w-ds-sm-plus border-0 text-center text-surface-fg-muted [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-              ...a
+              ...b
             }
           ),
           /* @__PURE__ */ i(

package/dist/ui/pagination.js

@@ -3,7 +3,7 @@ import { jsx as a, jsxs as g } from "react/jsx-runtime";
 import * as o from "react";
 import { S as R } from "../_chunks/primitives.js";
 import { IconChevronLeft as j, IconChevronRight as k, IconDots as C } from "@tabler/icons-react";
-import { c as r } from "../_chunks/utils.js";
+import { cn as r } from "./lib/utils.js";
 const w = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
   "nav",
   {

package/dist/ui/popover.js

@@ -1,32 +1,32 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
 import * as t from "react";
-import { P as u, i as d, h as v, g as P, aM as y } from "../_chunks/primitives.js";
-import { c as g } from "../_chunks/utils.js";
-import { t as h, s as x } from "../_chunks/motion2.js";
-import { A as b, m as C } from "../_chunks/motion.js";
+import { P as u, d as l, c as P, b as v, aP as y } from "../_chunks/primitives.js";
+import { cn as x } from "./lib/utils.js";
+import { tweens as b, springs as g } from "./lib/motion.js";
+import { A as h, m as C } from "../_chunks/framer.js";
 const m = t.createContext(!1), w = ({
   open: s,
-  defaultOpen: a = !1,
+  defaultOpen: n = !1,
   onOpenChange: o,
-  ...n
+  ...a
 }) => {
-  const [c, i] = t.useState(a), r = s !== void 0, p = r ? s : c, f = t.useCallback(
-    (l) => {
-      r || i(l), o == null || o(l);
+  const [c, i] = t.useState(n), r = s !== void 0, p = r ? s : c, f = t.useCallback(
+    (d) => {
+      r || i(d), o == null || o(d);
     },
     [r, o]
   );
-  return /* @__PURE__ */ e(m.Provider, { value: p, children: /* @__PURE__ */ e(P, { open: p, onOpenChange: f, ...n }) });
+  return /* @__PURE__ */ e(m.Provider, { value: p, children: /* @__PURE__ */ e(v, { open: p, onOpenChange: f, ...a }) });
 };
 w.displayName = "Popover";
-const k = v, z = y, A = t.forwardRef(({ className: s, align: a = "center", sideOffset: o = 4, children: n, ...c }, i) => {
+const k = P, z = y, A = t.forwardRef(({ className: s, align: n = "center", sideOffset: o = 4, children: a, ...c }, i) => {
   const r = t.useContext(m);
-  return /* @__PURE__ */ e(b, { children: r && /* @__PURE__ */ e(u, { forceMount: !0, children: /* @__PURE__ */ e(
-    d,
+  return /* @__PURE__ */ e(h, { children: r && /* @__PURE__ */ e(u, { forceMount: !0, children: /* @__PURE__ */ e(
+    l,
     {
       ref: i,
-      align: a,
+      align: n,
       sideOffset: o,
       forceMount: !0,
       asChild: !0,
@@ -37,18 +37,18 @@ const k = v, z = y, A = t.forwardRef(({ className: s, align: a = "center", sideO
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...x.snappy, opacity: h.fade },
-          className: g(
+          transition: { ...g.snappy, opacity: b.fade },
+          className: x(
             "z-popover w-72 rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-05 text-surface-fg shadow-03 outline-none",
             s
           ),
-          children: n
+          children: a
         }
       )
     }
   ) }) });
 });
-A.displayName = d.displayName;
+A.displayName = l.displayName;
 export {
   w as Popover,
   z as PopoverAnchor,

package/dist/ui/progress.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import * as h from "react";
-import { aN as d, aO as l } from "../_chunks/primitives.js";
+import { aQ as d, aR as l } from "../_chunks/primitives.js";
 import { ag as c } from "../_chunks/vendor-utils.js";
-import { c as a } from "../_chunks/utils.js";
-import { s as x } from "../_chunks/motion2.js";
-import { m as w } from "../_chunks/motion.js";
+import { cn as a } from "./lib/utils.js";
+import { springs as x } from "./lib/motion.js";
+import { m as w } from "../_chunks/framer.js";
 const N = c(
   "relative w-full overflow-hidden rounded-ds-full bg-surface-2",
   {