@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/ui/pagination.js

@@ -1,10 +1,11 @@
 "use client";
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
 import * as o from "react";
-import { S as R } from "../_chunks/primitives.js";
+import { S as I } from "../_chunks/primitives.js";
 import { IconChevronLeft as j, IconChevronRight as k, IconDots as C } from "@tabler/icons-react";
 import { cn as r } from "./lib/utils.js";
-const v = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
+import { Icon as v } from "./icon.js";
+const x = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
   "nav",
   {
     ref: s,
@@ -14,8 +15,8 @@ const v = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
     ...i
   }
 ));
-v.displayName = "PaginationRoot";
-const w = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
+x.displayName = "PaginationRoot";
+const y = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
   "ul",
   {
     ref: s,
@@ -23,12 +24,12 @@ const w = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
     ...i
   }
 ));
-w.displayName = "PaginationContent";
-const f = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a("li", { ref: s, className: r("", e), ...i }));
-f.displayName = "PaginationItem";
+y.displayName = "PaginationContent";
+const m = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a("li", { ref: s, className: r("", e), ...i }));
+m.displayName = "PaginationItem";
 const u = o.forwardRef(
   ({ className: e, isActive: i = !1, asChild: s = !1, ...c }, t) => /* @__PURE__ */ a(
-    s ? R : "button",
+    s ? I : "button",
     {
       ref: t,
       "aria-current": i ? "page" : void 0,
@@ -42,7 +43,7 @@ const u = o.forwardRef(
   )
 );
 u.displayName = "PaginationLink";
-const x = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
+const P = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ h(
   u,
   {
     ref: s,
@@ -50,13 +51,13 @@ const x = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
     className: r("w-auto gap-ds-02 pl-ds-03 pr-ds-04", e),
     ...i,
     children: [
-      /* @__PURE__ */ a(j, { className: "h-ico-sm w-ico-sm" }),
+      /* @__PURE__ */ a(v, { icon: j, size: "sm" }),
       /* @__PURE__ */ a("span", { children: "Previous" })
     ]
   }
 ));
-x.displayName = "PaginationPrevious";
-const y = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
+P.displayName = "PaginationPrevious";
+const w = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ h(
   u,
   {
     ref: s,
@@ -65,12 +66,12 @@ const y = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
     ...i,
     children: [
       /* @__PURE__ */ a("span", { children: "Next" }),
-      /* @__PURE__ */ a(k, { className: "h-ico-sm w-ico-sm" })
+      /* @__PURE__ */ a(v, { icon: k, size: "sm" })
     ]
   }
 ));
-y.displayName = "PaginationNext";
-const P = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
+w.displayName = "PaginationNext";
+const b = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ h(
   "span",
   {
     ref: s,
@@ -81,34 +82,34 @@ const P = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
     ),
     ...i,
     children: [
-      /* @__PURE__ */ a(C, { className: "h-ico-sm w-ico-sm" }),
+      /* @__PURE__ */ a(v, { icon: C, size: "sm" }),
       /* @__PURE__ */ a("span", { className: "sr-only", children: "More pages" })
     ]
   }
 ));
-P.displayName = "PaginationEllipsis";
-function I(e, i, s) {
+b.displayName = "PaginationEllipsis";
+function M(e, i, s) {
   const c = s * 2 + 5;
   if (i <= c)
-    return Array.from({ length: i }, (n, m) => m + 1);
-  const t = Math.max(e - s, 1), d = Math.min(e + s, i), p = t > 2, h = d < i - 1;
-  if (!p && h) {
+    return Array.from({ length: i }, (n, f) => f + 1);
+  const t = Math.max(e - s, 1), d = Math.min(e + s, i), p = t > 2, g = d < i - 1;
+  if (!p && g) {
     const n = s * 2 + 3;
-    return [...Array.from({ length: n }, (b, N) => N + 1), "ellipsis", i];
+    return [...Array.from({ length: n }, (R, N) => N + 1), "ellipsis", i];
   }
-  if (p && !h) {
+  if (p && !g) {
     const n = s * 2 + 3;
     return [1, "ellipsis", ...Array.from(
       { length: n },
-      (b, N) => i - n + 1 + N
+      (R, N) => i - n + 1 + N
     )];
   }
   return [1, "ellipsis", ...Array.from(
     { length: d - t + 1 },
-    (n, m) => t + m
+    (n, f) => t + f
   ), "ellipsis", i];
 }
-const M = o.forwardRef(
+const S = o.forwardRef(
   ({
     totalPages: e,
     currentPage: i,
@@ -117,17 +118,17 @@ const M = o.forwardRef(
     className: t,
     ...d
   }, p) => {
-    const h = I(i, e, c);
-    return /* @__PURE__ */ a(v, { ref: p, className: t, ...d, children: /* @__PURE__ */ g(w, { children: [
-      /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
-        x,
+    const g = M(i, e, c);
+    return /* @__PURE__ */ a(x, { ref: p, className: t, ...d, children: /* @__PURE__ */ h(y, { children: [
+      /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
+        P,
         {
           onClick: () => s(Math.max(1, i - 1)),
           disabled: i <= 1
         }
       ) }),
-      h.map(
-        (l, n) => l === "ellipsis" ? /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(P, {}) }, `e${n}`) : /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
+      g.map(
+        (l, n) => l === "ellipsis" ? /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(b, {}) }, `e${n}`) : /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
           u,
           {
             isActive: l === i,
@@ -136,8 +137,8 @@ const M = o.forwardRef(
           }
         ) }, l)
       ),
-      /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
-        y,
+      /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
+        w,
         {
           onClick: () => s(Math.min(e, i + 1)),
           disabled: i >= e
@@ -146,15 +147,15 @@ const M = o.forwardRef(
     ] }) });
   }
 );
-M.displayName = "PaginationNav";
+S.displayName = "PaginationNav";
 export {
-  w as PaginationContent,
-  P as PaginationEllipsis,
-  f as PaginationItem,
+  y as PaginationContent,
+  b as PaginationEllipsis,
+  m as PaginationItem,
   u as PaginationLink,
-  M as PaginationNav,
-  y as PaginationNext,
-  x as PaginationPrevious,
-  v as PaginationRoot,
-  I as generatePagination
+  S as PaginationNav,
+  w as PaginationNext,
+  P as PaginationPrevious,
+  x as PaginationRoot,
+  M as generatePagination
 };

package/dist/ui/popover.js

@@ -1,48 +1,48 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import * as t from "react";
-import { P as u, d, c as v, b as P, aP as y } from "../_chunks/primitives.js";
-import { cn as g } from "./lib/utils.js";
-import { tweens as x, springs as b } 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,
-  onOpenChange: o,
-  ...n
+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 = ({
+  open: t,
+  defaultOpen: s = !1,
+  onOpenChange: n,
+  ...a
 }) => {
-  const [c, i] = t.useState(a), r = s !== void 0, p = r ? s : c, f = t.useCallback(
+  const [i, c] = r.useState(s), e = t !== void 0, p = e ? t : i, f = r.useCallback(
     (l) => {
-      r || i(l), o == null || o(l);
+      e || c(l), n?.(l);
     },
-    [r, o]
+    [e, n]
   );
-  return /* @__PURE__ */ e(m.Provider, { value: p, children: /* @__PURE__ */ e(P, { open: p, onOpenChange: f, ...n }) });
+  return /* @__PURE__ */ o(m.Provider, { value: p, children: /* @__PURE__ */ o(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 r = t.useContext(m);
-  return /* @__PURE__ */ e(h, { children: r && /* @__PURE__ */ e(u, { forceMount: !0, children: /* @__PURE__ */ e(
+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,
     {
-      ref: i,
-      align: a,
-      sideOffset: o,
+      ref: c,
+      align: s,
+      sideOffset: n,
       forceMount: !0,
       asChild: !0,
-      ...c,
-      children: /* @__PURE__ */ e(
-        C.div,
+      ...i,
+      children: /* @__PURE__ */ o(
+        b.div,
         {
           initial: { opacity: 0, scale: 0.95 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.95 },
-          transition: { ...b.snappy, opacity: x.fade },
-          className: g(
+          transition: { ...P.snappy, opacity: C.fade },
+          className: y(
             "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",
-            s
+            t
           ),
-          children: n
+          children: a
         }
       )
     }
@@ -51,7 +51,7 @@ const k = v, z = y, A = t.forwardRef(({ className: s, align: a = "center", sideO
 A.displayName = d.displayName;
 export {
   w as Popover,
-  z as PopoverAnchor,
+  k as PopoverAnchor,
   A as PopoverContent,
-  k as PopoverTrigger
+  j as PopoverTrigger
 };

package/dist/ui/progress.d.ts

@@ -6,7 +6,7 @@ declare const progressTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const progressIndicatorVariants: (props?: ({
-    color?: "default" | "error" | "success" | "warning" | null | undefined;
+    color?: "default" | "success" | "error" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Props for Progress — a horizontal progress bar with size and color variants, an optional
@@ -43,6 +43,8 @@ interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof Progr
     indicatorClassName?: string;
     /** Display the percentage label next to the progress bar */
     showLabel?: boolean;
+    /** When true, color auto-shifts by value: 0-59 = default (accent), 60-84 = warning, 85-100 = success, >100 = error. @default false */
+    autoColor?: boolean;
 }
 declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
 export { Progress, progressTrackVariants, progressIndicatorVariants };

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/ui/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAE/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AASjE,QAAA,MAAM,qBAAqB;;8EAY1B,CAAA;AAED,QAAA,MAAM,yBAAyB;;8EAa9B,CAAA;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,UAAU,aACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,OAAO,CACR,EACD,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAC1C,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAMD,QAAA,MAAM,QAAQ,sFAyDb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,CAAA;AACrE,YAAY,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/ui/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAE/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AASjE,QAAA,MAAM,qBAAqB;;8EAY1B,CAAA;AAED,QAAA,MAAM,yBAAyB;;8EAa9B,CAAA;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,UAAU,aACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,OAAO,CACR,EACD,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAC1C,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sIAAsI;IACtI,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAMD,QAAA,MAAM,QAAQ,sFAwEb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,CAAA;AACrE,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/progress.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import * as h from "react";
-import { aQ as d, aR as l } from "../_chunks/primitives.js";
-import { c } from "../_chunks/vendor-utils.js";
-import { cn as r } from "./lib/utils.js";
-import { springs as w } from "./lib/motion.js";
-import { m as x } from "../_chunks/framer.js";
-const N = c(
+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 { a as m } from "../_chunks/vendor-utils.js";
+import { cn as s } from "./lib/utils.js";
+import { springs as N } from "./lib/motion.js";
+import { m as b } from "../_chunks/framer.js";
+const v = m(
   "relative w-full overflow-hidden rounded-ds-full bg-surface-raised",
   {
     variants: {
@@ -18,7 +18,7 @@ const N = c(
     },
     defaultVariants: { size: "md" }
   }
-), m = c(
+), l = m(
   "h-full w-full flex-1 transition-[width] duration-moderate-02 ease-expressive-standard",
   {
     variants: {
@@ -31,62 +31,66 @@ const N = c(
     },
     defaultVariants: { color: "default" }
   }
-), v = h.forwardRef(
+), R = x.forwardRef(
   ({
     className: f,
-    value: s,
+    value: r,
     size: u,
-    color: t,
-    indicatorClassName: i,
-    showLabel: n,
-    ...p
-  }, g) => {
-    const e = s == null;
-    return /* @__PURE__ */ o("div", { className: r("flex items-center gap-ds-03", n && "w-full"), children: [
+    color: p,
+    indicatorClassName: t,
+    showLabel: o,
+    autoColor: g,
+    ...h
+  }, w) => {
+    const e = r == null, i = g && r != null ? r > 100 ? "error" : r >= 85 ? "success" : r >= 60 ? "warning" : "default" : p;
+    return /* @__PURE__ */ n("div", { className: s("flex items-center gap-ds-03", o && "w-full"), children: [
       /* @__PURE__ */ a(
-        d,
+        c,
         {
-          ref: g,
-          value: e ? null : s,
-          className: r(N({ size: u }), f),
-          ...p,
+          ref: w,
+          value: e ? null : r,
+          className: s(v({ size: u }), f),
+          ...h,
           children: e ? /* @__PURE__ */ a(
-            l,
+            d,
             {
-              className: r(
-                m({ color: t }),
+              className: s(
+                l({ color: i }),
                 "w-2/5 animate-progress-indeterminate motion-reduce:animate-none",
-                i
+                t
               )
             }
           ) : /* @__PURE__ */ a(
-            l,
+            d,
             {
-              className: r("h-full", i),
+              className: s("h-full", t),
               asChild: !0,
               children: /* @__PURE__ */ a(
-                x.div,
+                b.div,
                 {
-                  className: r(m({ color: t })),
+                  className: s(
+                    l({ color: i }),
+                    "transition-colors duration-moderate-01 ease-productive-standard"
+                  ),
                   initial: !1,
-                  animate: { width: `${s || 0}%` },
-                  transition: w.smooth
+                  animate: { width: `${r || 0}%` },
+                  transition: N.smooth
                 }
               )
             }
           )
         }
       ),
-      n && !e && /* @__PURE__ */ o("span", { className: "shrink-0 text-ds-xs text-surface-fg-muted tabular-nums", children: [
-        s,
+      o && !e && /* @__PURE__ */ n("span", { className: "shrink-0 text-ds-xs text-surface-fg-muted tabular-nums", children: [
+        r,
         "%"
       ] })
     ] });
   }
 );
-v.displayName = d.displayName;
+R.displayName = c.displayName;
 export {
-  v as Progress,
-  m as progressIndicatorVariants,
-  N as progressTrackVariants
+  R as Progress,
+  l as progressIndicatorVariants,
+  v as progressTrackVariants
 };

package/dist/ui/radio.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { aj as o, ak as i, al as n } from "../_chunks/primitives.js";
+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";

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;AAK9B,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAShD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,2FAqDhB,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,2FA4ChB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/search-input.js

@@ -1,66 +1,53 @@
 "use client";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { IconSearch as m, IconX as l } from "@tabler/icons-react";
-import * as u from "react";
-import { springs as f } from "./lib/motion.js";
-import { cn as p } from "./lib/utils.js";
-import { Spinner as h } from "./spinner.js";
+import { jsx as o } from "react/jsx-runtime";
+import { IconX as d, IconSearch as l } from "@tabler/icons-react";
+import * as h from "react";
+import { springs as y } from "./lib/motion.js";
+import { Spinner as S } from "./spinner.js";
+import { Icon as e } from "./icon.js";
+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 g = {
-  xs: "h-ds-xs-plus text-ds-sm pl-ds-07 pr-ds-06",
-  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]",
-  lg: "h-ds-lg text-ds-md pl-[3rem] pr-[2.5rem]"
-}, v = u.forwardRef(
-  ({ className: a, value: s, onClear: r, loading: t, size: i = "md", ...o }, c) => {
-    const d = s !== void 0 && s !== "";
-    return /* @__PURE__ */ n("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ e(
-        m,
-        {
-          className: "absolute left-[0.75rem] h-ico-md w-ico-md text-surface-fg-muted pointer-events-none",
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "input",
-        {
-          ref: c,
-          value: s,
-          "aria-busy": t,
-          className: p(
-            "flex w-full font-sans",
-            g[i],
-            "bg-surface-raised-hover text-surface-fg",
-            "border border-surface-border-strong rounded-ds-md",
-            "placeholder:text-surface-fg-subtle",
-            "hover:bg-surface-raised-active",
-            "transition-colors duration-fast-01 ease-productive-standard",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:border-accent-7",
-            "disabled:cursor-not-allowed disabled:opacity-action-disabled",
-            a
-          ),
-          ...o
-        }
-      ),
-      t ? /* @__PURE__ */ e("span", { className: "absolute right-[0.75rem] pointer-events-none", "aria-hidden": "true", children: /* @__PURE__ */ e(h, { size: "sm" }) }) : /* @__PURE__ */ e(b, { children: d && r && /* @__PURE__ */ e(
-        x.button,
-        {
-          type: "button",
-          onClick: r,
-          className: "absolute right-[0.75rem] rounded-ds-full h-ico-md w-ico-md flex items-center justify-center text-surface-fg-muted hover:text-surface-fg hover:bg-surface-raised transition-colors ease-productive-standard",
-          "aria-label": "Clear search",
-          initial: { opacity: 0, scale: 0.8 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.8 },
-          transition: f.snappy,
-          children: /* @__PURE__ */ e(l, { className: "h-ico-sm w-ico-sm" })
-        }
-      ) })
-    ] });
+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(
+      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(
+          I,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs",
+            onClick: r,
+            "aria-label": "Clear search",
+            children: /* @__PURE__ */ o(e, { icon: d })
+          }
+        )
+      }
+    ) });
+    return /* @__PURE__ */ o(
+      u,
+      {
+        ref: p,
+        size: c,
+        startSection: /* @__PURE__ */ o(e, { icon: l }),
+        endSection: f,
+        endSectionClickable: !!n && !i,
+        placeholder: m,
+        value: t,
+        "aria-busy": i || void 0,
+        className: a,
+        ...s
+      }
+    );
   }
 );
-v.displayName = "SearchInput";
+C.displayName = "SearchInput";
 export {
-  v as SearchInput
+  C as SearchInput
 };

package/dist/ui/segmented-control.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as d, jsxs as z } from "react/jsx-runtime";
 import D, { useState as k, useRef as I, useEffect as S, useCallback as R, useId as E } from "react";
-import { c as H } from "../_chunks/vendor-utils.js";
+import { a 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";

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;8EAajC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EACpE,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FAcjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAoCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;8EAajC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EACpE,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FAcjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAoCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}