@devalok/shilp-sutra 0.31.0 → 0.32.0

package/dist/ui/popover.js

@@ -1,57 +1,132 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import * as r from "react";
-import { o as u, p as d, q as g, r as v, s as h } from "../_chunks/primitives.js";
-import { cn as y } from "./lib/utils.js";
-import { tweens as C, springs as P } from "./lib/motion.js";
-import { A as x, m as b } from "../_chunks/framer.js";
-const m = r.createContext(!1), w = ({
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as n from "react";
+import { ab as P, a6 as R, a5 as M, a7 as w, q as N, r as y, p as A, o as O, bh as j } from "../_chunks/primitives.js";
+import { cn as g } from "./lib/utils.js";
+import { tweens as v, springs as z } from "./lib/motion.js";
+import { useIsMobile as E } from "../hooks/use-mobile.js";
+import { u as k, A as b, m as p } from "../_chunks/framer.js";
+function B({
+  open: t,
+  onOpenChange: s,
+  children: i,
+  className: l,
+  dragHandle: c = !0,
+  swipeable: d = !0,
+  title: a
+}) {
+  const o = k(), r = n.useRef(null), u = n.useCallback(
+    (f, m) => {
+      const C = r.current?.getBoundingClientRect().height ?? 300;
+      (m.offset.y > C * 0.3 || m.velocity.y > 500) && s(!1);
+    },
+    [s]
+  );
+  return /* @__PURE__ */ e(P, { open: t, onOpenChange: s, children: /* @__PURE__ */ e(b, { children: t && /* @__PURE__ */ h(R, { forceMount: !0, children: [
+    /* @__PURE__ */ e(M, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
+      p.div,
+      {
+        className: "fixed inset-0 z-modal bg-overlay",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: v.fade
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      w,
+      {
+        forceMount: !0,
+        asChild: !0,
+        "aria-label": a,
+        children: /* @__PURE__ */ h(
+          p.div,
+          {
+            ref: r,
+            className: g(
+              "fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-ds-xl border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-none",
+              l
+            ),
+            initial: { y: "100%" },
+            animate: { y: 0 },
+            exit: { y: "100%" },
+            transition: o ? { duration: 0 } : { type: "spring", damping: 30, stiffness: 300 },
+            drag: d && !o ? "y" : !1,
+            dragConstraints: { top: 0 },
+            dragElastic: 0.2,
+            onDragEnd: u,
+            children: [
+              c && /* @__PURE__ */ e("div", { className: "flex justify-center pt-ds-03 pb-ds-02", children: /* @__PURE__ */ e("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" }) }),
+              /* @__PURE__ */ e("div", { className: "px-ds-05 pb-ds-06", children: i })
+            ]
+          }
+        )
+      }
+    )
+  ] }) }) });
+}
+const x = n.createContext({ open: !1, onClose: () => {
+} }), D = ({
   open: t,
   defaultOpen: s = !1,
-  onOpenChange: n,
-  ...a
+  onOpenChange: i,
+  ...l
 }) => {
-  const [i, c] = r.useState(s), e = t !== void 0, p = e ? t : i, f = r.useCallback(
-    (l) => {
-      e || c(l), n?.(l);
+  const [c, d] = n.useState(s), a = t !== void 0, o = a ? t : c, r = n.useCallback(
+    (f) => {
+      a || d(f), i?.(f);
     },
-    [e, n]
+    [a, i]
+  ), u = n.useMemo(
+    () => ({ open: o, onClose: () => r(!1) }),
+    [o, r]
   );
-  return /* @__PURE__ */ o(m.Provider, { value: p, children: /* @__PURE__ */ o(v, { open: p, onOpenChange: f, ...a }) });
+  return /* @__PURE__ */ e(x.Provider, { value: u, children: /* @__PURE__ */ e(O, { open: o, onOpenChange: r, ...l }) });
 };
-w.displayName = "Popover";
-const j = g, k = h, A = r.forwardRef(({ className: t, align: s = "center", sideOffset: n = 4, children: a, ...i }, c) => {
-  const e = r.useContext(m);
-  return /* @__PURE__ */ o(x, { children: e && /* @__PURE__ */ o(u, { forceMount: !0, children: /* @__PURE__ */ o(
-    d,
+D.displayName = "Popover";
+const _ = A, $ = j, S = n.forwardRef(({ className: t, align: s = "center", sideOffset: i = 4, children: l, ...c }, d) => {
+  const a = E(), { open: o, onClose: r } = n.useContext(x);
+  return a ? /* @__PURE__ */ e(
+    B,
+    {
+      open: o,
+      onOpenChange: (u) => {
+        u || r();
+      },
+      title: "Options",
+      className: t,
+      children: l
+    }
+  ) : /* @__PURE__ */ e(b, { children: o && /* @__PURE__ */ e(N, { forceMount: !0, children: /* @__PURE__ */ e(
+    y,
     {
-      ref: c,
+      ref: d,
       align: s,
-      sideOffset: n,
+      sideOffset: i,
       forceMount: !0,
       asChild: !0,
-      ...i,
-      children: /* @__PURE__ */ o(
-        b.div,
+      ...c,
+      children: /* @__PURE__ */ e(
+        p.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...P.snappy, opacity: C.fade },
-          className: y(
+          transition: { ...z.snappy, opacity: v.fade },
+          className: g(
             "z-popover w-72 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-none",
             t
           ),
-          children: a
+          children: l
         }
       )
     }
   ) }) });
 });
-A.displayName = d.displayName;
+S.displayName = y.displayName;
 export {
-  w as Popover,
-  k as PopoverAnchor,
-  A as PopoverContent,
-  j as PopoverTrigger
+  D as Popover,
+  $ as PopoverAnchor,
+  S as PopoverContent,
+  _ as PopoverTrigger
 };

package/dist/ui/progress-ring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../src/ui/progress-ring.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAC1F,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,YAAY,yFA2EjB,CAAA;AAGD;;;;;;;;GAQG;AACH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAC/F,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;QAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAC,CAAA;IACF,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,iBAAiB,8FAsDtB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../src/ui/progress-ring.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAC1F,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,YAAY,yFA2EjB,CAAA;AAGD;;;;;;;;GAQG;AACH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAC/F,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;QAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAC,CAAA;IACF,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,iBAAiB,8FAuDtB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/ui/progress-ring.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as W, jsx as a } from "react/jsx-runtime";
-import * as d from "react";
-import { springs as M } from "./lib/motion.js";
-import { cn as x } from "./lib/utils.js";
-import { a as R, b as D, c as b, m as v } from "../_chunks/framer.js";
-const y = {
+import { jsxs as W, jsx as c } from "react/jsx-runtime";
+import * as f from "react";
+import { springs as y } from "./lib/motion.js";
+import { cn as v } from "./lib/utils.js";
+import { u as w, a as b, b as N, c as S, m as M } from "../_chunks/framer.js";
+const R = {
   default: "var(--color-accent-9)",
   success: "var(--color-success-9)",
   warning: "var(--color-warning-9)",
@@ -14,68 +14,68 @@ const y = {
   sm: { size: 32, strokeWidth: 3, fontSize: "text-ds-xs" },
   md: { size: 48, strokeWidth: 3.5, fontSize: "text-ds-sm" },
   lg: { size: 64, strokeWidth: 4, fontSize: "text-ds-md" }
-}, N = d.forwardRef(
-  ({ value: l, max: f = 100, size: m = "md", color: h = "default", showValue: u = !1, label: e, className: r, ...g }, c) => {
-    const s = $[m], t = (s.size - s.strokeWidth) / 2, i = 2 * Math.PI * t, n = Math.min(Math.max(l / f, 0), 1), k = i * (1 - n), o = s.size / 2, w = Math.round(n * 100), p = R(0), P = D(p, (z) => `${Math.round(z)}%`);
-    return d.useEffect(() => {
-      const z = b(p, n * 100, {
-        stiffness: 100,
-        damping: 30,
-        type: "spring"
-      });
-      return () => z.stop();
-    }, [n, p]), /* @__PURE__ */ W(
+}, B = f.forwardRef(
+  ({ value: l, max: d = 100, size: m = "md", color: h = "default", showValue: u = !1, label: g, className: s, ...r }, k) => {
+    const i = w(), e = $[m], o = (e.size - e.strokeWidth) / 2, a = 2 * Math.PI * o, n = Math.min(Math.max(l / d, 0), 1), p = a * (1 - n), t = e.size / 2, P = Math.round(n * 100), z = b(0), D = N(z, (x) => `${Math.round(x)}%`);
+    return f.useEffect(() => {
+      const x = S(
+        z,
+        n * 100,
+        i ? { type: "tween", duration: 0 } : { stiffness: 100, damping: 30, type: "spring" }
+      );
+      return () => x.stop();
+    }, [n, z, i]), /* @__PURE__ */ W(
       "svg",
       {
-        ref: c,
-        width: s.size,
-        height: s.size,
-        viewBox: `0 0 ${s.size} ${s.size}`,
+        ref: k,
+        width: e.size,
+        height: e.size,
+        viewBox: `0 0 ${e.size} ${e.size}`,
         role: "progressbar",
         "aria-valuenow": l,
         "aria-valuemin": 0,
-        "aria-valuemax": f,
-        "aria-label": e ?? `${w}% progress`,
-        className: x("shrink-0", r),
-        ...g,
+        "aria-valuemax": d,
+        "aria-label": g ?? `${P}% progress`,
+        className: v("shrink-0", s),
+        ...r,
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ c(
             "circle",
             {
-              cx: o,
-              cy: o,
-              r: t,
+              cx: t,
+              cy: t,
+              r: o,
               fill: "none",
-              stroke: "var(--color-surface-sunken)",
-              strokeWidth: s.strokeWidth
+              stroke: "var(--color-surface-raised-hover)",
+              strokeWidth: e.strokeWidth
             }
           ),
-          /* @__PURE__ */ a(
-            v.circle,
+          /* @__PURE__ */ c(
+            M.circle,
             {
-              cx: o,
-              cy: o,
-              r: t,
+              cx: t,
+              cy: t,
+              r: o,
               fill: "none",
-              stroke: y[h],
-              strokeWidth: s.strokeWidth,
+              stroke: R[h],
+              strokeWidth: e.strokeWidth,
               strokeLinecap: "round",
-              strokeDasharray: i,
-              initial: { strokeDashoffset: i },
-              animate: { strokeDashoffset: k },
-              transition: M.smooth,
-              transform: `rotate(-90 ${o} ${o})`
+              strokeDasharray: a,
+              initial: { strokeDashoffset: a },
+              animate: { strokeDashoffset: p },
+              transition: i ? { duration: 0 } : y.smooth,
+              transform: `rotate(-90 ${t} ${t})`
             }
           ),
-          u && /* @__PURE__ */ a(
-            v.text,
+          u && /* @__PURE__ */ c(
+            M.text,
             {
-              x: o,
-              y: o,
+              x: t,
+              y: t,
               textAnchor: "middle",
               dominantBaseline: "central",
-              className: x(s.fontSize, "fill-surface-fg font-sans font-semibold"),
-              children: P
+              className: v(e.fontSize, "fill-surface-fg font-sans font-semibold"),
+              children: D
             }
           )
         ]
@@ -83,62 +83,62 @@ const y = {
     );
   }
 );
-N.displayName = "ProgressRing";
-const S = d.forwardRef(
-  ({ rings: l, size: f = "md", className: m, ...h }, u) => {
-    const e = $[f], r = e.size / 2, g = e.strokeWidth + 2;
-    return /* @__PURE__ */ a(
+B.displayName = "ProgressRing";
+const V = f.forwardRef(
+  ({ rings: l, size: d = "md", className: m, ...h }, u) => {
+    const g = w(), s = $[d], r = s.size / 2, k = s.strokeWidth + 2;
+    return /* @__PURE__ */ c(
       "svg",
       {
         ref: u,
-        width: e.size,
-        height: e.size,
-        viewBox: `0 0 ${e.size} ${e.size}`,
+        width: s.size,
+        height: s.size,
+        viewBox: `0 0 ${s.size} ${s.size}`,
         role: "group",
         "aria-label": "Progress rings",
-        className: x("shrink-0", m),
+        className: v("shrink-0", m),
         ...h,
-        children: l.map((c, s) => {
-          const t = (e.size - e.strokeWidth) / 2 - s * g;
-          if (t <= 0) return null;
-          const i = 2 * Math.PI * t, n = Math.min(Math.max(c.value / (c.max ?? 100), 0), 1), k = i * (1 - n);
-          return /* @__PURE__ */ W(d.Fragment, { children: [
-            /* @__PURE__ */ a(
+        children: l.map((i, e) => {
+          const o = (s.size - s.strokeWidth) / 2 - e * k;
+          if (o <= 0) return null;
+          const a = 2 * Math.PI * o, n = Math.min(Math.max(i.value / (i.max ?? 100), 0), 1), p = a * (1 - n);
+          return /* @__PURE__ */ W(f.Fragment, { children: [
+            /* @__PURE__ */ c(
               "circle",
               {
                 cx: r,
                 cy: r,
-                r: t,
+                r: o,
                 fill: "none",
-                stroke: "var(--color-surface-sunken)",
-                strokeWidth: e.strokeWidth
+                stroke: "var(--color-surface-raised-hover)",
+                strokeWidth: s.strokeWidth
               }
             ),
-            /* @__PURE__ */ a(
-              v.circle,
+            /* @__PURE__ */ c(
+              M.circle,
               {
                 cx: r,
                 cy: r,
-                r: t,
+                r: o,
                 fill: "none",
-                stroke: y[c.color ?? "default"],
-                strokeWidth: e.strokeWidth,
+                stroke: R[i.color ?? "default"],
+                strokeWidth: s.strokeWidth,
                 strokeLinecap: "round",
-                strokeDasharray: i,
-                initial: { strokeDashoffset: i },
-                animate: { strokeDashoffset: k },
-                transition: M.smooth,
+                strokeDasharray: a,
+                initial: { strokeDashoffset: a },
+                animate: { strokeDashoffset: p },
+                transition: g ? { duration: 0 } : y.smooth,
                 transform: `rotate(-90 ${r} ${r})`
               }
             )
-          ] }, s);
+          ] }, e);
         })
       }
     );
   }
 );
-S.displayName = "MultiProgressRing";
+V.displayName = "MultiProgressRing";
 export {
-  S as MultiProgressRing,
-  N as ProgressRing
+  V as MultiProgressRing,
+  B as ProgressRing
 };

package/dist/ui/progress.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import * as x from "react";
-import { aQ as c, aR as d } from "../_chunks/primitives.js";
+import { aP as c, aQ as d } from "../_chunks/primitives.js";
 import { a as m } from "../_chunks/vendor-utils.js";
 import { cn as s } from "./lib/utils.js";
 import { springs as N } from "./lib/motion.js";
@@ -31,7 +31,7 @@ const v = m(
     },
     defaultVariants: { color: "default" }
   }
-), R = x.forwardRef(
+), V = x.forwardRef(
   ({
     className: f,
     value: r,
@@ -88,9 +88,9 @@ const v = m(
     ] });
   }
 );
-R.displayName = c.displayName;
+V.displayName = c.displayName;
 export {
-  R as Progress,
+  V as Progress,
   l as progressIndicatorVariants,
   v as progressTrackVariants
 };

package/dist/ui/radio.d.ts

@@ -2,8 +2,11 @@
 import * as RadioGroupPrimitive from '../primitives/react-radio-group';
 import * as React from 'react';
 declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    /** Control size — `sm` (20px), `md` (24px, default, WCAG compliant), `lg` (28px). */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 export type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-export type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio.d.ts.map

package/dist/ui/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/ui/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,UAAU,+JAKd,CAAA;AAGF,QAAA,MAAM,cAAc,yKA+BlB,CAAA;AAGF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAA;AAC7F,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAA;AAEjG,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/ui/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,UAAU,+JAKd,CAAA;AAGF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IAC1G,qFAAqF;IACrF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAcD,QAAA,MAAM,cAAc,+FAgClB,CAAA;AAGF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAA;AAE7F,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/radio.js

@@ -1,19 +1,28 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { ak as o, al as i, am as n } from "../_chunks/primitives.js";
-import { IconCircle as d } from "@tabler/icons-react";
-import * as t from "react";
-import { springs as l } from "./lib/motion.js";
-import { cn as c } from "./lib/utils.js";
-import { m } from "../_chunks/framer.js";
-const f = t.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ e(o, { className: c("grid gap-ds-03", r), ...a, ref: s }));
-f.displayName = o.displayName;
-const u = t.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ e(
-  i,
+import { aj as i, ak as t, al as n } from "../_chunks/primitives.js";
+import { IconCircle as l } from "@tabler/icons-react";
+import * as c from "react";
+import { springs as m } from "./lib/motion.js";
+import { cn as o } from "./lib/utils.js";
+import { m as f } from "../_chunks/framer.js";
+const u = c.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ e(i, { className: o("grid gap-ds-03", r), ...a, ref: s }));
+u.displayName = i.displayName;
+const p = {
+  sm: "h-5 w-5",
+  md: "h-6 w-6",
+  lg: "h-7 w-7"
+}, b = {
+  sm: "h-1.5 w-1.5",
+  md: "h-ds-03 w-ds-03",
+  lg: "h-2.5 w-2.5"
+}, h = c.forwardRef(({ className: r, size: a = "md", ...s }, d) => /* @__PURE__ */ e(
+  t,
   {
-    ref: s,
-    className: c(
-      "aspect-square h-ico-md w-ico-md rounded-ds-full",
+    ref: d,
+    className: o(
+      "touch-target aspect-square rounded-ds-full",
+      p[a],
       "border border-surface-border-strong bg-surface-raised-hover",
       "transition-colors duration-fast-01",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
@@ -22,21 +31,21 @@ const u = t.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ e(
       "data-[state=checked]:border-accent-7",
       r
     ),
-    ...a,
+    ...s,
     children: /* @__PURE__ */ e(n, { asChild: !0, className: "flex items-center justify-center", children: /* @__PURE__ */ e(
-      m.span,
+      f.span,
       {
         className: "flex items-center justify-center",
         initial: { scale: 0 },
         animate: { scale: 1 },
-        transition: l.bouncy,
-        children: /* @__PURE__ */ e(d, { className: "h-ds-03 w-ds-03 fill-accent-9 text-accent-11" })
+        transition: m.bouncy,
+        children: /* @__PURE__ */ e(l, { className: o(b[a], "fill-accent-9 text-accent-11") })
       }
     ) })
   }
 ));
-u.displayName = i.displayName;
+h.displayName = t.displayName;
 export {
-  f as RadioGroup,
-  u as RadioGroupItem
+  u as RadioGroup,
+  h as RadioGroupItem
 };

package/dist/ui/search-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/ui/search-input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB;AAED,QAAA,MAAM,WAAW,2FA4ChB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/ui/search-input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB;AAED,QAAA,MAAM,WAAW,2FA6ChB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/search-input.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { IconX as d, IconSearch as l } from "@tabler/icons-react";
+import { jsx as t } from "react/jsx-runtime";
+import { IconX as f, IconSearch as d } from "@tabler/icons-react";
 import * as h from "react";
 import { springs as y } from "./lib/motion.js";
 import { Spinner as S } from "./spinner.js";
@@ -9,15 +9,15 @@ import { Input as u } from "./input.js";
 import { Button as I } from "./button.js";
 import { A as b, m as x } from "../_chunks/framer.js";
 const C = h.forwardRef(
-  ({ className: a, value: t, onClear: r, loading: i, size: c = "md", placeholder: m, ...s }, p) => {
-    const n = t !== void 0 && t !== "", f = i ? /* @__PURE__ */ o(S, { size: "sm" }) : /* @__PURE__ */ o(b, { children: n && r && /* @__PURE__ */ o(
+  ({ className: a, value: i, onClear: r, loading: o, size: c = "md", placeholder: m, ...s }, p) => {
+    const n = i !== void 0 && i !== "", l = o ? /* @__PURE__ */ t(S, { size: "sm" }) : /* @__PURE__ */ t(b, { children: n && r && /* @__PURE__ */ t(
       x.div,
       {
         initial: { opacity: 0, scale: 0.8 },
         animate: { opacity: 1, scale: 1 },
         exit: { opacity: 0, scale: 0.8 },
         transition: y.snappy,
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ t(
           I,
           {
             type: "button",
@@ -25,22 +25,23 @@ const C = h.forwardRef(
             size: "icon-xs",
             onClick: r,
             "aria-label": "Clear search",
-            children: /* @__PURE__ */ o(e, { icon: d })
+            title: "Clear",
+            children: /* @__PURE__ */ t(e, { icon: f })
           }
         )
       }
     ) });
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ t(
       u,
       {
         ref: p,
         size: c,
-        startSection: /* @__PURE__ */ o(e, { icon: l }),
-        endSection: f,
-        endSectionClickable: !!n && !i,
+        startSection: /* @__PURE__ */ t(e, { icon: d }),
+        endSection: l,
+        endSectionClickable: !!n && !o,
         placeholder: m,
-        value: t,
-        "aria-busy": i || void 0,
+        value: i,
+        "aria-busy": o || void 0,
         className: a,
         ...s
       }