@devalok/shilp-sutra 0.18.0 → 0.18.2

package/dist/shell/top-bar.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsxs as s, jsx as e, Fragment as D } from "react/jsx-runtime";
+import { jsxs as s, jsx as e, Fragment as I } from "react/jsx-runtime";
 import * as w from "react";
-import { useColorMode as I } from "../hooks/use-color-mode.js";
-import { A as j, a as K, b as F } from "../_chunks/avatar.js";
-import { DropdownMenu as U, DropdownMenuTrigger as B, DropdownMenuContent as E, DropdownMenuItem as d, DropdownMenuSeparator as N } from "../ui/dropdown-menu.js";
-import { a as t, b as n, c as i } from "../_chunks/tooltip.js";
-import { p as R } from "../_chunks/sidebar.js";
+import { useColorMode as j } from "../hooks/use-color-mode.js";
+import { Avatar as A, AvatarImage as K, AvatarFallback as F } from "../ui/avatar.js";
+import { DropdownMenu as U, DropdownMenuTrigger as B, DropdownMenuContent as E, DropdownMenuItem as a, DropdownMenuSeparator as N } from "../ui/dropdown-menu.js";
+import { Tooltip as t, TooltipTrigger as n, TooltipContent as i } from "../ui/tooltip.js";
+import { SidebarTrigger as R } from "../ui/sidebar.js";
 import { IconSearch as z, IconSparkles as L, IconUser as O, IconSun as P, IconMoon as q, IconLogout as G } from "@tabler/icons-react";
-import { c as l } from "../_chunks/utils.js";
+import { cn as l } from "../ui/lib/utils.js";
 const H = w.forwardRef(
   ({
     pageTitle: m = "",
-    user: a,
-    onNavigate: c,
+    user: c,
+    onNavigate: d,
     onLogout: f,
     onSearchClick: u,
     onAiChatClick: p,
@@ -23,7 +23,7 @@ const H = w.forwardRef(
     ...k
   }, v) => {
     var g;
-    const { colorMode: b, toggleColorMode: M } = I(), S = () => {
+    const { colorMode: b, toggleColorMode: M } = j(), S = () => {
       u ? u() : document.dispatchEvent(
         new KeyboardEvent("keydown", {
           key: "k",
@@ -75,11 +75,11 @@ const H = w.forwardRef(
               ) }),
               /* @__PURE__ */ e(i, { side: "bottom", align: "center", children: "AI Chat" })
             ] }),
-            a && /* @__PURE__ */ s(U, { children: [
+            c && /* @__PURE__ */ s(U, { children: [
               /* @__PURE__ */ s(t, { children: [
-                /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", className: "flex items-center gap-ds-03 outline-none", children: /* @__PURE__ */ s(j, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
-                  a.image ? /* @__PURE__ */ e(K, { src: a.image, alt: a.name }) : null,
-                  /* @__PURE__ */ e(F, { className: "bg-surface-2 text-surface-fg", children: (g = a.name) == null ? void 0 : g.charAt(0).toUpperCase() })
+                /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", className: "flex items-center gap-ds-03 outline-none", children: /* @__PURE__ */ s(A, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
+                  c.image ? /* @__PURE__ */ e(K, { src: c.image, alt: c.name }) : null,
+                  /* @__PURE__ */ e(F, { className: "bg-surface-2 text-surface-fg", children: (g = c.name) == null ? void 0 : g.charAt(0).toUpperCase() })
                 ] }) }) }) }),
                 /* @__PURE__ */ e(i, { side: "bottom", align: "center", children: "User Menu" })
               ] }),
@@ -91,14 +91,14 @@ const H = w.forwardRef(
                   align: "end",
                   children: [
                     /* @__PURE__ */ s("div", { className: "border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
-                      /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg", children: a.name }),
-                      a.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: a.email })
+                      /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg", children: c.name }),
+                      c.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: c.email })
                     ] }),
                     /* @__PURE__ */ s(
-                      d,
+                      a,
                       {
                         className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-2",
-                        onClick: () => c == null ? void 0 : c("/profile"),
+                        onClick: () => d == null ? void 0 : d("/profile"),
                         children: [
                           /* @__PURE__ */ e(O, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }),
                           /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-muted", children: "Profile" })
@@ -106,16 +106,16 @@ const H = w.forwardRef(
                       }
                     ),
                     o == null ? void 0 : o.map((r, T) => {
-                      const A = {
+                      const D = {
                         error: "text-error-11",
                         success: "text-success-11",
                         warning: "text-warning-11",
                         info: "text-info-11"
-                      }, x = r.color ? A[r.color] ?? "text-surface-fg-muted" : "text-surface-fg-muted";
+                      }, x = r.color ? D[r.color] ?? "text-surface-fg-muted" : "text-surface-fg-muted";
                       return /* @__PURE__ */ s(w.Fragment, { children: [
                         r.separator && /* @__PURE__ */ e(N, { className: "bg-surface-border" }),
                         /* @__PURE__ */ s(
-                          d,
+                          a,
                           {
                             className: l(
                               "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-2",
@@ -123,7 +123,7 @@ const H = w.forwardRef(
                             ),
                             disabled: r.disabled,
                             onClick: () => {
-                              r.disabled || (r.onClick ? r.onClick() : r.href && (c == null || c(r.href)));
+                              r.disabled || (r.onClick ? r.onClick() : r.href && (d == null || d(r.href)));
                             },
                             children: [
                               r.icon && /* @__PURE__ */ e("span", { className: l("[&>svg]:h-ico-sm [&>svg]:w-ico-sm", x), children: r.icon }),
@@ -135,7 +135,7 @@ const H = w.forwardRef(
                       ] }, r.label + T);
                     }),
                     /* @__PURE__ */ s(
-                      d,
+                      a,
                       {
                         className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-2",
                         onClick: M,
@@ -145,10 +145,10 @@ const H = w.forwardRef(
                         ]
                       }
                     ),
-                    f && /* @__PURE__ */ s(D, { children: [
+                    f && /* @__PURE__ */ s(I, { children: [
                       /* @__PURE__ */ e(N, { className: "bg-surface-border" }),
                       /* @__PURE__ */ s(
-                        d,
+                        a,
                         {
                           className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-2",
                           onClick: f,

package/dist/ui/accordion.js

@@ -1,25 +1,25 @@
 "use client";
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import * as s from "react";
-import { c as m, H as f, T as n, d as c, e as l } from "../_chunks/primitives.js";
+import * as i from "react";
+import { I as m, H as f, T as n, C as c, R as l } from "../_chunks/primitives.js";
 import { IconChevronDown as p } from "@tabler/icons-react";
-import { c as i } from "../_chunks/utils.js";
-import { t as u } from "../_chunks/motion2.js";
-import { m as N } from "../_chunks/motion.js";
-const I = l, w = s.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
+import { cn as s } from "./lib/utils.js";
+import { tweens as u } from "./lib/motion.js";
+import { m as N } from "../_chunks/framer.js";
+const I = l, w = i.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
   m,
   {
     ref: t,
-    className: i("border-b border-surface-border", o),
+    className: s("border-b border-surface-border", o),
     ...a
   }
 ));
 w.displayName = "AccordionItem";
-const x = s.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(f, { className: "flex", children: /* @__PURE__ */ d(
+const x = i.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(f, { className: "flex", children: /* @__PURE__ */ d(
   n,
   {
     ref: r,
-    className: i(
+    className: s(
       "group flex flex-1 items-center justify-between py-ds-05 text-left text-ds-md font-medium hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
       o
     ),
@@ -31,7 +31,7 @@ const x = s.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__
   }
 ) }));
 x.displayName = n.displayName;
-const b = s.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(
+const b = i.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__ */ e(
   c,
   {
     ref: r,
@@ -43,7 +43,7 @@ const b = s.forwardRef(({ className: o, children: a, ...t }, r) => /* @__PURE__
         initial: !1,
         animate: { opacity: 1 },
         transition: u.fade,
-        children: /* @__PURE__ */ e("div", { className: i("pb-ds-05 pt-0", o), children: a })
+        children: /* @__PURE__ */ e("div", { className: s("pb-ds-05 pt-0", o), children: a })
       }
     )
   }

package/dist/ui/alert-dialog.js

@@ -1,26 +1,26 @@
 "use client";
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import * as o from "react";
-import { O as p, B as R, D as u, E as g, J as x, K as b, M as y, N as C, Q as j } from "../_chunks/primitives.js";
-import { c as i } from "../_chunks/utils.js";
-import { t as f, s as M } from "../_chunks/motion2.js";
-import { A as T, m } from "../_chunks/motion.js";
-const v = o.createContext({ open: !1 }), P = () => o.useContext(v), z = ({
+import { O as p, w as R, x as u, y as g, D as x, A as y, z as b, B as C, E as j } from "../_chunks/primitives.js";
+import { cn as i } from "./lib/utils.js";
+import { tweens as f, springs as M } from "./lib/motion.js";
+import { A as T, m } from "../_chunks/framer.js";
+const v = o.createContext({ open: !1 }), z = () => o.useContext(v), P = ({
   open: t,
-  defaultOpen: s,
+  defaultOpen: a,
   onOpenChange: e,
   ...r
 }) => {
-  const [l, A] = o.useState(s ?? !1), n = t !== void 0, c = n ? t : l, D = o.useCallback(
-    (d) => {
-      n || A(d), e == null || e(d);
+  const [l, A] = o.useState(a ?? !1), n = t !== void 0, d = n ? t : l, D = o.useCallback(
+    (c) => {
+      n || A(c), e == null || e(c);
     },
     [n, e]
-  ), w = o.useMemo(() => ({ open: c }), [c]);
-  return /* @__PURE__ */ a(v.Provider, { value: w, children: /* @__PURE__ */ a(C, { open: c, onOpenChange: D, ...r }) });
+  ), w = o.useMemo(() => ({ open: d }), [d]);
+  return /* @__PURE__ */ s(v.Provider, { value: w, children: /* @__PURE__ */ s(C, { open: d, onOpenChange: D, ...r }) });
 };
-z.displayName = "AlertDialog";
-const G = j, F = R, N = o.forwardRef(({ className: t, ...s }, e) => /* @__PURE__ */ a(
+P.displayName = "AlertDialog";
+const L = j, F = R, N = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
   p,
   {
     ref: e,
@@ -29,14 +29,14 @@ const G = j, F = R, N = o.forwardRef(({ className: t, ...s }, e) => /* @__PURE__
       "fixed inset-0 z-modal bg-overlay",
       t
     ),
-    ...s
+    ...a
   }
 ));
 N.displayName = p.displayName;
-const H = o.forwardRef(({ className: t, children: s, ...e }, r) => {
-  const { open: l } = P();
-  return /* @__PURE__ */ a(T, { children: l && /* @__PURE__ */ h(F, { forceMount: !0, children: [
-    /* @__PURE__ */ a(N, { asChild: !0, children: /* @__PURE__ */ a(
+const H = o.forwardRef(({ className: t, children: a, ...e }, r) => {
+  const { open: l } = z();
+  return /* @__PURE__ */ s(T, { children: l && /* @__PURE__ */ h(F, { forceMount: !0, children: [
+    /* @__PURE__ */ s(N, { asChild: !0, children: /* @__PURE__ */ s(
       m.div,
       {
         initial: { opacity: 0 },
@@ -45,14 +45,14 @@ const H = o.forwardRef(({ className: t, children: s, ...e }, r) => {
         transition: f.fade
       }
     ) }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ s(
       u,
       {
         ref: r,
         forceMount: !0,
         asChild: !0,
         ...e,
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ s(
           m.div,
           {
             initial: { opacity: 0, scale: 0.95 },
@@ -63,7 +63,7 @@ const H = o.forwardRef(({ className: t, children: s, ...e }, r) => {
               "fixed left-[50%] top-[50%] z-modal grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-ds-05 border border-surface-border-strong bg-surface-1 p-ds-06 shadow-04 rounded-ds-xl",
               t
             ),
-            children: s
+            children: a
           }
         )
       }
@@ -72,7 +72,7 @@ const H = o.forwardRef(({ className: t, children: s, ...e }, r) => {
 });
 H.displayName = u.displayName;
 const O = o.forwardRef(
-  ({ className: t, ...s }, e) => /* @__PURE__ */ a(
+  ({ className: t, ...a }, e) => /* @__PURE__ */ s(
     "div",
     {
       ref: e,
@@ -80,13 +80,13 @@ const O = o.forwardRef(
         "flex flex-col space-y-ds-02b text-center sm:text-left",
         t
       ),
-      ...s
+      ...a
     }
   )
 );
 O.displayName = "AlertDialogHeader";
 const k = o.forwardRef(
-  ({ className: t, ...s }, e) => /* @__PURE__ */ a(
+  ({ className: t, ...a }, e) => /* @__PURE__ */ s(
     "div",
     {
       ref: e,
@@ -94,12 +94,12 @@ const k = o.forwardRef(
         "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
         t
       ),
-      ...s
+      ...a
     }
   )
 );
 k.displayName = "AlertDialogFooter";
-const B = o.forwardRef(({ className: t, ...s }, e) => /* @__PURE__ */ a(
+const B = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
   g,
   {
     ref: e,
@@ -107,47 +107,47 @@ const B = o.forwardRef(({ className: t, ...s }, e) => /* @__PURE__ */ a(
       "text-ds-lg font-semibold",
       t
     ),
-    ...s
+    ...a
   }
 ));
 B.displayName = g.displayName;
-const E = o.forwardRef(({ className: t, ...s }, e) => /* @__PURE__ */ a(
+const E = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
   x,
   {
     ref: e,
     className: i("text-ds-md text-surface-fg-muted", t),
-    ...s
+    ...a
   }
 ));
 E.displayName = x.displayName;
-const I = o.forwardRef(({ className: t, ...s }, e) => /* @__PURE__ */ a(
-  b,
+const I = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+  y,
   {
     ref: e,
     className: i(
       "inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-10 shadow-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled",
       t
     ),
-    ...s
+    ...a
   }
 ));
-I.displayName = b.displayName;
-const J = o.forwardRef(({ className: t, ...s }, e) => /* @__PURE__ */ a(
-  y,
+I.displayName = y.displayName;
+const S = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+  b,
   {
     ref: e,
     className: i(
       "inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-transparent text-surface-fg-muted border border-surface-border-strong hover:bg-surface-2 hover:text-surface-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled",
       t
     ),
-    ...s
+    ...a
   }
 ));
-J.displayName = y.displayName;
+S.displayName = b.displayName;
 export {
-  z as AlertDialog,
+  P as AlertDialog,
   I as AlertDialogAction,
-  J as AlertDialogCancel,
+  S as AlertDialogCancel,
   H as AlertDialogContent,
   E as AlertDialogDescription,
   k as AlertDialogFooter,
@@ -155,5 +155,5 @@ export {
   N as AlertDialogOverlay,
   F as AlertDialogPortal,
   B as AlertDialogTitle,
-  G as AlertDialogTrigger
+  L as AlertDialogTrigger
 };

package/dist/ui/alert.js

@@ -3,9 +3,9 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { IconInfoCircle as o, IconAlertCircle as x, IconAlertTriangle as v, IconCircleCheck as p, IconX as N } from "@tabler/icons-react";
 import * as r from "react";
 import { ag as w } from "../_chunks/vendor-utils.js";
-import { c as h } from "../_chunks/utils.js";
-import { s as y, m as I } from "../_chunks/motion2.js";
-import { A as C, m as A } from "../_chunks/motion.js";
+import { cn as h } from "./lib/utils.js";
+import { springs as y, motionProps as I } from "./lib/motion.js";
+import { A as C, m as A } from "../_chunks/framer.js";
 const k = w(
   "relative flex gap-ds-04 rounded-ds-lg border p-ds-05",
   {
@@ -52,28 +52,28 @@ const k = w(
   error: x,
   neutral: o
 }, j = r.forwardRef(
-  ({ className: c, variant: i = "subtle", color: s = "info", title: a, onDismiss: t, children: l, ...f }, m) => {
-    const u = V[s ?? "info"], [d, g] = r.useState(!0), b = r.useCallback(() => {
+  ({ className: c, variant: i = "subtle", color: t = "info", title: a, onDismiss: s, children: l, ...f }, u) => {
+    const m = V[t ?? "info"], [d, g] = r.useState(!0), b = r.useCallback(() => {
       g(!1);
     }, []);
-    return /* @__PURE__ */ e(C, { onExitComplete: t, children: d && /* @__PURE__ */ n(
+    return /* @__PURE__ */ e(C, { onExitComplete: s, children: d && /* @__PURE__ */ n(
       A.div,
       {
-        ref: m,
+        ref: u,
         initial: { opacity: 1, y: 0 },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -8 },
         transition: y.snappy,
-        className: h(k({ variant: i, color: s }), c),
+        className: h(k({ variant: i, color: t }), c),
         role: "alert",
         ...I(f),
         children: [
-          /* @__PURE__ */ e(u, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ e(m, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
           /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
             a && /* @__PURE__ */ e("p", { className: "text-ds-md font-semibold mb-ds-01", children: a }),
             /* @__PURE__ */ e("div", { className: "text-ds-md opacity-[0.9]", children: l })
           ] }),
-          t && /* @__PURE__ */ e(
+          s && /* @__PURE__ */ e(
             "button",
             {
               type: "button",

package/dist/ui/aspect-ratio.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
 import * as m from "react";
-import { f as s } from "../_chunks/primitives.js";
-import { c as p } from "../_chunks/utils.js";
-const c = m.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ r(
+import { a as s } from "../_chunks/primitives.js";
+import { cn as p } from "./lib/utils.js";
+const e = m.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ r(
   s,
   {
     ref: a,
@@ -11,7 +11,7 @@ const c = m.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ r(
     ...t
   }
 ));
-c.displayName = "AspectRatio";
+e.displayName = "AspectRatio";
 export {
-  c as AspectRatio
+  e as AspectRatio
 };

package/dist/ui/autocomplete.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as T, jsx as f } from "react/jsx-runtime";
 import * as t from "react";
-import { c as b } from "../_chunks/utils.js";
-import { t as j, s as L } from "../_chunks/motion2.js";
-import { A as P, m as g } from "../_chunks/motion.js";
+import { cn as b } from "./lib/utils.js";
+import { tweens as j, springs as L } from "./lib/motion.js";
+import { A as P, m as g } from "../_chunks/framer.js";
 const q = {
   hidden: {},
   visible: { transition: { staggerChildren: 0.03 } }
@@ -22,7 +22,7 @@ const q = {
     id: E,
     ...N
   }, c) => {
-    const $ = t.useId(), k = E || $, v = `${k}-listbox`, D = `${k}-option`, [m, y] = t.useState((s == null ? void 0 : s.label) ?? ""), [l, i] = t.useState(!1), [r, a] = t.useState(-1), M = t.useRef(null), S = t.useRef(null), x = t.useRef(), C = t.useCallback(
+    const $ = t.useId(), k = E || $, v = `${k}-listbox`, D = `${k}-option`, [m, y] = t.useState((s == null ? void 0 : s.label) ?? ""), [l, i] = t.useState(!1), [r, n] = t.useState(-1), M = t.useRef(null), S = t.useRef(null), x = t.useRef(), C = t.useCallback(
       (e) => {
         M.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
       },
@@ -33,12 +33,12 @@ const q = {
     }, [s]), t.useEffect(() => () => {
       x.current && clearTimeout(x.current);
     }, []);
-    const n = t.useMemo(
+    const a = t.useMemo(
       () => m ? h.filter((e) => e.label.toLowerCase().includes(m.toLowerCase())) : h,
       [h, m]
     ), p = t.useCallback(
       (e) => {
-        y(e.label), i(!1), a(-1), u == null || u(e);
+        y(e.label), i(!1), n(-1), u == null || u(e);
       },
       [u]
     ), K = t.useCallback(
@@ -49,20 +49,20 @@ const q = {
         }
         switch (e.key) {
           case "ArrowDown":
-            e.preventDefault(), a((o) => Math.min(o + 1, n.length - 1));
+            e.preventDefault(), n((o) => Math.min(o + 1, a.length - 1));
             break;
           case "ArrowUp":
-            e.preventDefault(), a((o) => Math.max(o - 1, 0));
+            e.preventDefault(), n((o) => Math.max(o - 1, 0));
             break;
           case "Enter":
-            e.preventDefault(), r >= 0 && n[r] && p(n[r]);
+            e.preventDefault(), r >= 0 && a[r] && p(a[r]);
             break;
           case "Escape":
-            i(!1), a(-1);
+            i(!1), n(-1);
             break;
         }
       },
-      [l, n, r, p]
+      [l, a, r, p]
     ), O = r >= 0 ? `${D}-${r}` : void 0;
     return /* @__PURE__ */ T("div", { className: b("relative", A), ...N, children: [
       /* @__PURE__ */ f(
@@ -85,7 +85,7 @@ const q = {
             w && "opacity-action-disabled cursor-not-allowed"
           ),
           onChange: (e) => {
-            y(e.target.value), i(!0), a(-1);
+            y(e.target.value), i(!0), n(-1);
           },
           onFocus: () => i(!0),
           onBlur: () => {
@@ -108,7 +108,7 @@ const q = {
             "absolute z-popover mt-ds-02 w-full overflow-auto rounded-ds-md border border-surface-border-strong bg-surface-1 shadow-02",
             "max-h-60"
           ),
-          children: n.length === 0 ? /* @__PURE__ */ f(
+          children: a.length === 0 ? /* @__PURE__ */ f(
             g.li,
             {
               initial: { opacity: 0 },
@@ -117,7 +117,7 @@ const q = {
               className: "px-ds-04 py-ds-03 text-ds-md text-surface-fg-muted",
               children: R
             }
-          ) : n.map((e, o) => /* @__PURE__ */ f(
+          ) : a.map((e, o) => /* @__PURE__ */ f(
             g.li,
             {
               id: `${D}-${o}`,
@@ -134,7 +134,7 @@ const q = {
               onKeyDown: (d) => {
                 (d.key === "Enter" || d.key === " ") && (d.preventDefault(), p(e));
               },
-              onMouseEnter: () => a(o),
+              onMouseEnter: () => n(o),
               children: e.label
             },
             e.value

package/dist/ui/avatar.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as p, jsx as l } from "react/jsx-runtime";
 import * as o from "react";
-import { R as i, I as n, F as t } from "../_chunks/primitives.js";
+import { F as i, J as n, K as t } from "../_chunks/primitives.js";
 import { ag as u } from "../_chunks/vendor-utils.js";
-import { t as w } from "../_chunks/motion2.js";
-import { c as r } from "../_chunks/utils.js";
-import { m as h } from "../_chunks/motion.js";
+import { tweens as w } from "./lib/motion.js";
+import { cn as r } from "./lib/utils.js";
+import { m as h } from "../_chunks/framer.js";
 const x = u(
   "relative flex shrink-0 overflow-hidden",
   {

package/dist/ui/badge.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { IconX as g } from "@tabler/icons-react";
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { IconX as d } from "@tabler/icons-react";
 import * as b from "react";
 import { ag as m } from "../_chunks/vendor-utils.js";
-import { c as u } from "../_chunks/utils.js";
-import { m as f } from "../_chunks/motion.js";
+import { cn as u } from "./lib/utils.js";
+import { m as f } from "../_chunks/framer.js";
 const x = m(
   "inline-flex items-center gap-ds-02b font-sans font-medium rounded-ds-full border",
   {
@@ -100,8 +100,8 @@ const x = m(
     }
   }
 ), v = b.forwardRef(
-  ({ className: t, variant: o, color: s, size: n, dot: c, onDismiss: e, children: l, ...i }, d) => /* @__PURE__ */ r("span", { ref: d, className: u(x({ variant: o, color: s, size: n }), t), ...i, children: [
-    c && /* @__PURE__ */ r("span", { className: "relative inline-flex h-ds-02b w-ds-02b shrink-0", "aria-hidden": "true", children: [
+  ({ className: o, variant: s, color: n, size: c, dot: l, onDismiss: r, children: e, ...i }, g) => /* @__PURE__ */ t("span", { ref: g, className: u(x({ variant: s, color: n, size: c }), o), ...i, children: [
+    l && /* @__PURE__ */ t("span", { className: "relative inline-flex h-ds-02b w-ds-02b shrink-0", "aria-hidden": "true", children: [
       /* @__PURE__ */ a(
         f.span,
         {
@@ -112,15 +112,15 @@ const x = m(
       ),
       /* @__PURE__ */ a("span", { className: "relative h-ds-02b w-ds-02b rounded-ds-full bg-current" })
     ] }),
-    l,
-    e && /* @__PURE__ */ a(
+    e,
+    r && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: e,
+        onClick: r,
         className: "ml-ds-01 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-full text-surface-fg-subtle hover:rotate-90 transition-[color,transform] duration-fast-02 hover:text-surface-fg-muted hover:bg-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
-        "aria-label": "Remove",
-        children: /* @__PURE__ */ a(g, { className: "h-ico-sm w-ico-sm" })
+        "aria-label": `Remove ${typeof e == "string" ? e : ""}`.trim() || "Remove",
+        children: /* @__PURE__ */ a(d, { className: "h-ico-sm w-ico-sm" })
       }
     )
   ] })

package/dist/ui/banner.js

@@ -3,9 +3,9 @@ import { jsx as e, jsxs as b } from "react/jsx-runtime";
 import { IconInfoCircle as o, IconAlertCircle as g, IconAlertTriangle as p, IconCircleCheck as h, IconX as x } from "@tabler/icons-react";
 import * as r from "react";
 import { ag as v } from "../_chunks/vendor-utils.js";
-import { c as w } from "../_chunks/utils.js";
-import { s as N, m as I } from "../_chunks/motion2.js";
-import { A as C, m as y } from "../_chunks/motion.js";
+import { cn as w } from "./lib/utils.js";
+import { springs as N, motionProps as I } from "./lib/motion.js";
+import { A as C, m as y } from "../_chunks/framer.js";
 const k = v(
   "flex items-center gap-ds-04 px-ds-06 py-ds-04 text-ds-md font-medium border-b",
   {