@devalok/shilp-sutra 0.18.0 → 0.18.2

package/dist/ui/radio.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { ai as o, aj as i, ak as d } from "../_chunks/primitives.js";
-import { IconCircle as n } from "@tabler/icons-react";
-import * as c from "react";
-import { c as t } from "../_chunks/utils.js";
-const l = c.forwardRef(({ className: a, ...r }, s) => /* @__PURE__ */ e(o, { className: t("grid gap-ds-03", a), ...r, ref: s }));
-l.displayName = o.displayName;
-const m = c.forwardRef(({ className: a, ...r }, s) => /* @__PURE__ */ e(
+import { aj as s, ak as i, al as d } from "../_chunks/primitives.js";
+import { IconCircle as l } from "@tabler/icons-react";
+import * as t from "react";
+import { cn as c } from "./lib/utils.js";
+const n = t.forwardRef(({ className: a, ...r }, o) => /* @__PURE__ */ e(s, { className: c("grid gap-ds-03", a), ...r, ref: o }));
+n.displayName = s.displayName;
+const m = t.forwardRef(({ className: a, ...r }, o) => /* @__PURE__ */ e(
   i,
   {
-    ref: s,
-    className: t(
+    ref: o,
+    className: c(
       "aspect-square h-ico-md w-ico-md rounded-ds-full",
       "border border-surface-border-strong bg-surface-3",
       "transition-colors duration-fast-01",
@@ -20,11 +20,11 @@ const m = c.forwardRef(({ className: a, ...r }, s) => /* @__PURE__ */ e(
       a
     ),
     ...r,
-    children: /* @__PURE__ */ e(d, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "h-ds-03 w-ds-03 fill-accent-9 text-accent-11" }) })
+    children: /* @__PURE__ */ e(d, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(l, { className: "h-ds-03 w-ds-03 fill-accent-9 text-accent-11" }) })
   }
 ));
 m.displayName = i.displayName;
 export {
-  l as RadioGroup,
+  n as RadioGroup,
   m as RadioGroupItem
 };

package/dist/ui/search-input.js

@@ -2,8 +2,8 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { IconSearch as l, IconX as m } from "@tabler/icons-react";
 import * as u from "react";
-import { c as f } from "../_chunks/utils.js";
-import { S as p } from "../_chunks/spinner.js";
+import { cn as f } from "./lib/utils.js";
+import { Spinner as p } from "./spinner.js";
 const b = {
   sm: "h-ds-sm text-ds-sm pl-ds-08 pr-ds-07",
   md: "h-ds-md text-ds-md pl-[2.5rem] pr-[2.25rem]",

package/dist/ui/segmented-control.d.ts

@@ -117,6 +117,8 @@ export interface SegmentedControlItemProps {
     isFocused: boolean;
     onFocus: () => void;
     onBlur: () => void;
+    /** @internal Unique layout animation ID — provided by the parent SegmentedControl. */
+    layoutId?: string;
 }
 declare const SegmentedControlItem: React.ForwardRefExoticComponent<SegmentedControlItemProps & React.RefAttributes<HTMLButtonElement>>;
 export { SegmentedControl, SegmentedControlItem, segmentedControlItemVariants };

package/dist/ui/segmented-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/ui/segmented-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAQ/C,QAAA,MAAM,4BAA4B;;;;;;8EAmGjC,CAAA;AAqBD,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAClF,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnG,IAAI,EAAE,oBAAoB,CAAA;IAC1B,OAAO,EAAE,uBAAuB,CAAA;IAChC,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAGD,QAAA,MAAM,gBAAgB,8FAwFrB,CAAA;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxB,OAAO,EAAE,uBAAuB,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAClD,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,QAAA,MAAM,oBAAoB,qGA4GzB,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,4BAA4B,EAAE,CAAA"}
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/ui/segmented-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAQtD,QAAA,MAAM,4BAA4B;;;;;;8EAmGjC,CAAA;AAqBD,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAClF,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnG,IAAI,EAAE,oBAAoB,CAAA;IAC1B,OAAO,EAAE,uBAAuB,CAAA;IAChC,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAGD,QAAA,MAAM,gBAAgB,8FA0FrB,CAAA;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxB,OAAO,EAAE,uBAAuB,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAClD,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,oBAAoB,qGA6GzB,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,4BAA4B,EAAE,CAAA"}

package/dist/ui/segmented-control.js

@@ -1,24 +1,26 @@
 "use client";
 import { jsx as d, jsxs as z } from "react/jsx-runtime";
-import N, { useState as D, useRef as C, useEffect as I, useCallback as R } from "react";
-import { ag as S } from "../_chunks/vendor-utils.js";
-import { c as _ } from "../_chunks/utils.js";
-import { s as H } from "../_chunks/motion2.js";
-import { L, m as k, A as E } from "../_chunks/motion.js";
-function T(u = 600) {
-  const [b, l] = D([]), s = C();
-  I(() => () => {
-    clearTimeout(s.current);
+import D, { useState as k, useRef as I, useEffect as S, useCallback as R, useId as E } from "react";
+import { ag as H } from "../_chunks/vendor-utils.js";
+import { cn as w } from "./lib/utils.js";
+import { springs as L } from "./lib/motion.js";
+import { L as T, m as C, A } from "../_chunks/framer.js";
+function j(u = 600) {
+  const [b, l] = k([]), s = I(/* @__PURE__ */ new Set());
+  S(() => () => {
+    s.current.forEach(clearTimeout);
   }, []);
   const m = R((n) => {
-    const a = n.currentTarget.getBoundingClientRect(), t = Math.max(a.width, a.height) * 2, h = n.clientX - a.left - t / 2, o = n.clientY - a.top - t / 2, x = Date.now();
-    l((i) => [...i, { id: x, x: h, y: o, size: t }]), s.current = setTimeout(() => {
-      l((i) => i.filter((f) => f.id !== x));
+    const a = n.currentTarget.getBoundingClientRect(), t = Math.max(a.width, a.height) * 2, v = n.clientX - a.left - t / 2, o = n.clientY - a.top - t / 2, x = Date.now();
+    l((i) => [...i, { id: x, x: v, y: o, size: t }]);
+    const g = setTimeout(() => {
+      l((i) => i.filter((f) => f.id !== x)), s.current.delete(g);
     }, u);
+    s.current.add(g);
   }, [u]);
   return { ripples: b, createRipple: m };
 }
-const A = S(
+const B = H(
   [
     "inline-flex items-center gap-ds-03 rounded-ds-full border-none outline-none cursor-pointer",
     "transition-[color,background-color,border-color,box-shadow] duration-moderate-02 ease-productive-standard",
@@ -117,18 +119,18 @@ const A = S(
       isDisabled: !1
     }
   }
-), j = {
+), F = {
   filled: "bg-surface-overlay-light",
   tonal: "bg-surface-overlay-dark"
-}, B = {
+}, V = {
   small: "sm",
   medium: "md",
   big: "lg"
 };
-function F(u) {
-  return B[u] ?? u;
+function K(u) {
+  return V[u] ?? u;
 }
-const V = N.forwardRef(
+const U = D.forwardRef(
   function({
     size: b,
     variant: l,
@@ -137,11 +139,11 @@ const V = N.forwardRef(
     onSelect: n,
     disabled: a = !1,
     className: t = "",
-    ...h
+    ...v
   }, o) {
-    const x = F(b), [i, f] = D(null), g = C(null), w = N.useCallback((e) => {
-      g.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
-    }, [o]), y = (e) => {
+    const x = K(b), g = E(), [i, f] = k(null), h = I(null), y = D.useCallback((e) => {
+      h.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+    }, [o]), N = (e) => {
       if (a) return;
       const p = s.findIndex((r) => r.id === i);
       let c = p;
@@ -161,25 +163,25 @@ const V = N.forwardRef(
         default:
           return;
       }
-      const v = s[c];
-      f(v.id), n(v.id);
+      const _ = s[c];
+      f(_.id), n(_.id);
     };
     return /* @__PURE__ */ d(
       "div",
       {
-        ref: w,
-        className: _(
+        ref: y,
+        className: w(
           "inline-flex gap-0 p-0 rounded-ds-full",
           "bg-surface-2",
           "border border-solid border-surface-border-strong",
           t
         ),
         role: "tablist",
-        onKeyDown: y,
+        onKeyDown: N,
         tabIndex: -1,
         "aria-label": "Segmented control options",
-        ...h,
-        children: /* @__PURE__ */ d(L, { children: s.map((e) => /* @__PURE__ */ d(
+        ...v,
+        children: /* @__PURE__ */ d(T, { children: s.map((e) => /* @__PURE__ */ d(
           M,
           {
             size: x,
@@ -191,7 +193,8 @@ const V = N.forwardRef(
             disabled: a,
             isFocused: e.id === i,
             onFocus: () => f(e.id),
-            onBlur: () => f(null)
+            onBlur: () => f(null),
+            layoutId: `${g}-segment-indicator`
           },
           e.id
         )) })
@@ -199,8 +202,8 @@ const V = N.forwardRef(
     );
   }
 );
-V.displayName = "SegmentedControl";
-const M = N.forwardRef(
+U.displayName = "SegmentedControl";
+const M = D.forwardRef(
   function({
     size: b,
     variant: l,
@@ -209,25 +212,26 @@ const M = N.forwardRef(
     isSelected: n,
     onClick: a,
     disabled: t = !1,
-    isFocused: h,
+    isFocused: v,
     onFocus: o,
-    onBlur: x
+    onBlur: x,
+    layoutId: g = "segment-indicator"
   }, i) {
-    const [f, g] = D("default"), { ripples: w, createRipple: y } = T(), e = () => {
-      !t && !h && g("hover");
+    const [f, h] = k("default"), { ripples: y, createRipple: N } = j(), e = () => {
+      !t && !v && h("hover");
     }, p = () => {
-      t || g("default");
+      t || h("default");
     }, c = () => {
-      t || g("pressed");
-    }, v = () => {
-      t || g("hover");
+      t || h("pressed");
+    }, _ = () => {
+      t || h("hover");
     };
     return /* @__PURE__ */ z(
       "button",
       {
         ref: i,
-        className: _(
-          A({
+        className: w(
+          B({
             size: b,
             variant: l,
             selected: n,
@@ -236,7 +240,7 @@ const M = N.forwardRef(
           })
         ),
         onClick: (r) => {
-          y(r), a();
+          N(r), a();
         },
         disabled: t,
         type: "button",
@@ -246,29 +250,29 @@ const M = N.forwardRef(
         onMouseEnter: e,
         onMouseLeave: p,
         onMouseDown: c,
-        onMouseUp: v,
+        onMouseUp: _,
         onTouchStart: c,
-        onTouchEnd: v,
+        onTouchEnd: _,
         onFocus: o,
         onBlur: x,
         children: [
           n && /* @__PURE__ */ d(
-            k.span,
+            C.span,
             {
-              layoutId: "segment-indicator",
-              className: _(
+              layoutId: g,
+              className: w(
                 "absolute inset-0 rounded-ds-full pointer-events-none",
                 l === "filled" ? "bg-accent-9 shadow-[0px_1px_3px_0.05px_var(--color-accent-10),inset_0px_8px_16px_0px_var(--color-inset-glow-strong),inset_0px_2px_0px_0px_var(--color-inset-glow-subtle)]" : "bg-surface-3"
               ),
-              transition: H.smooth
+              transition: L.smooth
             }
           ),
-          /* @__PURE__ */ d(E, { children: w.map((r) => /* @__PURE__ */ d(
-            k.span,
+          /* @__PURE__ */ d(A, { children: y.map((r) => /* @__PURE__ */ d(
+            C.span,
             {
-              className: _(
+              className: w(
                 "absolute rounded-ds-full -translate-x-1/2 -translate-y-1/2 pointer-events-none",
-                j[l]
+                F[l]
               ),
               style: {
                 left: r.x,
@@ -291,7 +295,7 @@ const M = N.forwardRef(
 );
 M.displayName = "SegmentedControlItem";
 export {
-  V as SegmentedControl,
+  U as SegmentedControl,
   M as SegmentedControlItem,
-  A as segmentedControlItemVariants
+  B as segmentedControlItemVariants
 };

package/dist/ui/select.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import * as o from "react";
-import { al as c, am as w, an as n, ao as m, ap as x, aq as p, ar as N, as as f, at as u, au as v, av as S, aw as h, ax as I, ay as R, az as C } from "../_chunks/primitives.js";
-import { IconChevronDown as y, IconChevronUp as j, IconCheck as V } from "@tabler/icons-react";
-import { ag as z } from "../_chunks/vendor-utils.js";
-import { c as r } from "../_chunks/utils.js";
-import { t as B, s as T } from "../_chunks/motion2.js";
-import { m as D } from "../_chunks/motion.js";
-const O = I, Q = C, W = R, U = z(
+import { ao as c, ap as w, aq as n, ar as m, as as x, at as p, au as N, av as f, aw as u, ax as v, ay as S, az as h, aA as I, aB as R, aC as C } from "../_chunks/primitives.js";
+import { IconChevronDown as y, IconChevronUp as j, IconCheck as B } from "@tabler/icons-react";
+import { ag as V } from "../_chunks/vendor-utils.js";
+import { cn as r } from "./lib/utils.js";
+import { tweens as z, springs as T } from "./lib/motion.js";
+import { m as D } from "../_chunks/framer.js";
+const O = I, Q = C, W = R, U = V(
   "flex w-full items-center justify-between whitespace-nowrap rounded-ds-md border border-surface-border-strong bg-surface-3 placeholder:text-surface-fg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 focus-visible:border-accent-7 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1",
   {
     variants: {
@@ -19,10 +19,10 @@ const O = I, Q = C, W = R, U = z(
     },
     defaultVariants: { size: "md" }
   }
-), G = o.forwardRef(({ className: s, children: t, size: a, ...d }, l) => /* @__PURE__ */ i(
+), G = o.forwardRef(({ className: s, children: t, size: a, ...d }, i) => /* @__PURE__ */ l(
   c,
   {
-    ref: l,
+    ref: i,
     className: r(U({ size: a }), s),
     ...d,
     children: [
@@ -58,19 +58,19 @@ const g = o.forwardRef(({ className: s, ...t }, a) => /* @__PURE__ */ e(
   }
 ));
 g.displayName = m.displayName;
-const L = o.forwardRef(({ className: s, children: t, position: a = "popper", ...d }, l) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
+const L = o.forwardRef(({ className: s, children: t, position: a = "popper", ...d }, i) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
   p,
   {
-    ref: l,
+    ref: i,
     position: a,
     asChild: !0,
     ...d,
-    children: /* @__PURE__ */ i(
+    children: /* @__PURE__ */ l(
       D.div,
       {
         initial: { opacity: 0, scale: 0.95 },
         animate: { opacity: 1, scale: 1 },
-        transition: { ...T.snappy, opacity: B.fade },
+        transition: { ...T.snappy, opacity: z.fade },
         className: r(
           "relative z-popover max-h-96 min-w-[8rem] overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-1 text-surface-fg shadow-03",
           a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
@@ -104,7 +104,7 @@ const k = o.forwardRef(({ className: s, ...t }, a) => /* @__PURE__ */ e(
   }
 ));
 k.displayName = f.displayName;
-const q = o.forwardRef(({ className: s, children: t, ...a }, d) => /* @__PURE__ */ i(
+const q = o.forwardRef(({ className: s, children: t, ...a }, d) => /* @__PURE__ */ l(
   u,
   {
     ref: d,
@@ -114,13 +114,13 @@ const q = o.forwardRef(({ className: s, children: t, ...a }, d) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(V, { className: "h-ico-sm w-ico-sm" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(B, { className: "h-ico-sm w-ico-sm" }) }) }),
       /* @__PURE__ */ e(S, { children: t })
     ]
   }
 ));
 q.displayName = u.displayName;
-const P = o.forwardRef(({ className: s, ...t }, a) => /* @__PURE__ */ e(
+const A = o.forwardRef(({ className: s, ...t }, a) => /* @__PURE__ */ e(
   h,
   {
     ref: a,
@@ -128,7 +128,7 @@ const P = o.forwardRef(({ className: s, ...t }, a) => /* @__PURE__ */ e(
     ...t
   }
 ));
-P.displayName = h.displayName;
+A.displayName = h.displayName;
 export {
   O as Select,
   L as SelectContent,
@@ -137,7 +137,7 @@ export {
   k as SelectLabel,
   g as SelectScrollDownButton,
   b as SelectScrollUpButton,
-  P as SelectSeparator,
+  A as SelectSeparator,
   G as SelectTrigger,
   W as SelectValue,
   U as selectTriggerVariants

package/dist/ui/separator.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
 import * as e from "react";
-import { bb as o } from "../_chunks/primitives.js";
-import { c as f } from "../_chunks/utils.js";
+import { ai as o } from "../_chunks/primitives.js";
+import { cn as f } from "./lib/utils.js";
 const l = e.forwardRef(
-  ({ className: a, orientation: r = "horizontal", decorative: m = !0, ...s }, p) => /* @__PURE__ */ t(
+  ({ className: a, orientation: r = "horizontal", decorative: m = !0, ...p }, s) => /* @__PURE__ */ t(
     o,
     {
-      ref: p,
+      ref: s,
       decorative: m,
       orientation: r,
       className: f(
@@ -15,7 +15,7 @@ const l = e.forwardRef(
         r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         a
       ),
-      ...s
+      ...p
     }
   )
 );

package/dist/ui/sheet.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import * as r from "react";
 import { aa as h, ab as R, ac as u, ad as x, ae as b, af as y, ag as P, ah as j } from "../_chunks/primitives.js";
 import { ag as T } from "../_chunks/vendor-utils.js";
 import { IconX as A } from "@tabler/icons-react";
-import { c as a } from "../_chunks/utils.js";
-import { t as M, m as g, s as z } from "../_chunks/motion2.js";
-import { m as N, A as D } from "../_chunks/motion.js";
+import { cn as a } from "./lib/utils.js";
+import { tweens as M, motionProps as g, springs as z } from "./lib/motion.js";
+import { m as N, A as D } from "../_chunks/framer.js";
 const v = r.createContext(!1), F = ({
   open: e,
   defaultOpen: s = !1,
@@ -14,11 +14,11 @@ const v = r.createContext(!1), F = ({
   children: i,
   ...n
 }) => {
-  const [l, S] = r.useState(s), c = e !== void 0, m = c ? e : l, C = r.useCallback(
+  const [l, S] = r.useState(s), d = e !== void 0, m = d ? e : l, C = r.useCallback(
     (f) => {
-      c || S(f), t == null || t(f);
+      d || S(f), t == null || t(f);
     },
-    [c, t]
+    [d, t]
   );
   return /* @__PURE__ */ o(v.Provider, { value: m, children: /* @__PURE__ */ o(P, { open: m, onOpenChange: C, ...n, children: i }) });
 };
@@ -63,9 +63,9 @@ const p = {
   }
 ), k = r.forwardRef(({ side: e = "right", className: s, children: t, ...i }, n) => {
   const l = r.useContext(v);
-  return /* @__PURE__ */ o(D, { children: l && /* @__PURE__ */ d(H, { forceMount: !0, children: [
+  return /* @__PURE__ */ o(D, { children: l && /* @__PURE__ */ c(H, { forceMount: !0, children: [
     /* @__PURE__ */ o(w, {}),
-    /* @__PURE__ */ o(u, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ o(u, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ c(
       N.div,
       {
         ref: n,
@@ -76,7 +76,7 @@ const p = {
         transition: z.smooth,
         ...g(i),
         children: [
-          /* @__PURE__ */ d(x, { className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors hover:text-surface-fg-muted hover:bg-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ c(x, { className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors hover:text-surface-fg-muted hover:bg-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
             /* @__PURE__ */ o(A, { className: "h-ico-sm w-ico-sm" }),
             /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
           ] }),