@devalok/shilp-sutra 0.17.2 → 0.18.1

package/dist/ui/number-input.js

@@ -1,78 +1,85 @@
 "use client";
-import { jsxs as I, jsx as c } from "react/jsx-runtime";
-import * as w from "react";
-import { IconMinus as y, IconPlus as v } from "@tabler/icons-react";
-import { c as E } from "../_chunks/utils.js";
-import { u as j } from "../_chunks/form.js";
-const h = w.forwardRef(
+import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import * as v from "react";
+import { IconMinus as E, IconPlus as j } from "@tabler/icons-react";
+import { cn as M } from "./lib/utils.js";
+import { useFormField as k } from "./form.js";
+const D = v.forwardRef(
   ({
-    value: r = 0,
+    value: s = 0,
     onValueChange: e,
-    min: i = Number.MIN_SAFE_INTEGER,
-    max: o = Number.MAX_SAFE_INTEGER,
-    step: n = 1,
-    disabled: d = !1,
-    className: m,
-    "aria-label": b,
-    ...a
+    min: r = Number.MIN_SAFE_INTEGER,
+    max: d = Number.MAX_SAFE_INTEGER,
+    step: o = 1,
+    disabled: m = !1,
+    className: n,
+    "aria-label": l,
+    ...b
   }, p) => {
-    const l = j(), f = b ?? (a.id || l.helperTextId ? void 0 : "Numeric value"), u = (s) => {
-      const t = parseInt(s.target.value, 10) || 0;
-      t >= i && t <= o && (e == null || e(t));
-    }, x = (s) => {
-      s.preventDefault();
-      const t = r + n;
-      t <= o && (e == null || e(t));
-    }, N = (s) => {
-      s.preventDefault();
-      const t = r - n;
-      t >= i && (e == null || e(t));
+    const f = k(), u = l ?? (b.id || f.helperTextId ? void 0 : "Numeric value"), N = (c) => {
+      const t = c.target.value.trim();
+      if (t === "" || t === "-") {
+        e == null || e(r >= 0 ? r : 0);
+        return;
+      }
+      const a = Number(t);
+      if (Number.isNaN(a)) return;
+      const I = Math.min(Math.max(a, r), d);
+      e == null || e(I);
+    }, x = (c) => {
+      c.preventDefault();
+      const t = s + o;
+      t <= d && (e == null || e(t));
+    }, w = (c) => {
+      c.preventDefault();
+      const t = s - o;
+      t >= r && (e == null || e(t));
     };
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ y(
       "div",
       {
-        className: E(
-          "flex items-center justify-between rounded-ds-full border border-border",
-          m
+        className: M(
+          "flex items-center justify-between rounded-ds-full border border-surface-border-strong",
+          n
         ),
         children: [
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
-              onClick: N,
-              disabled: d || r <= i,
+              onClick: w,
+              disabled: m || s <= r,
               "aria-label": "Decrease value",
-              className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-text-placeholder transition-colors hover:text-text-secondary",
-              children: /* @__PURE__ */ c(y, { className: "h-ico-sm w-ico-sm" })
+              className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-surface-fg-subtle transition-colors hover:text-surface-fg-muted",
+              children: /* @__PURE__ */ i(E, { className: "h-ico-sm w-ico-sm" })
             }
           ),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ i(
             "input",
             {
               ref: p,
               type: "number",
-              value: r,
-              onChange: u,
-              min: i,
-              max: o,
-              step: n,
-              disabled: d,
-              "aria-label": f,
-              "aria-describedby": a["aria-describedby"] ?? l.helperTextId,
-              className: "bg-transparent text-ds-md font-semibold w-ds-sm-plus border-0 text-center text-text-secondary [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-              ...a
+              value: s,
+              onChange: N,
+              min: r,
+              max: d,
+              step: o,
+              disabled: m,
+              "aria-label": u,
+              "aria-describedby": b["aria-describedby"] ?? f.helperTextId,
+              className: "bg-transparent text-ds-md font-semibold w-ds-sm-plus border-0 text-center text-surface-fg-muted [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+              ...b
             }
           ),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               onClick: x,
-              disabled: d || r >= o,
+              disabled: m || s >= d,
               "aria-label": "Increase value",
-              className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-text-placeholder transition-colors hover:text-text-secondary",
-              children: /* @__PURE__ */ c(v, { className: "h-ico-sm w-ico-sm" })
+              className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-surface-fg-subtle transition-colors hover:text-surface-fg-muted",
+              children: /* @__PURE__ */ i(j, { className: "h-ico-sm w-ico-sm" })
             }
           )
         ]
@@ -80,7 +87,7 @@ const h = w.forwardRef(
     );
   }
 );
-h.displayName = "NumberInput";
+D.displayName = "NumberInput";
 export {
-  h as NumberInput
+  D as NumberInput
 };

package/dist/ui/pagination.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as a, jsxs as g } from "react/jsx-runtime";
 import * as o from "react";
-import { S as b } from "../_chunks/primitives.js";
+import { S as R } from "../_chunks/primitives.js";
 import { IconChevronLeft as j, IconChevronRight as k, IconDots as C } from "@tabler/icons-react";
-import { c as r } from "../_chunks/utils.js";
-const x = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
+import { cn as r } from "./lib/utils.js";
+const w = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
   "nav",
   {
     ref: s,
@@ -14,8 +14,8 @@ const x = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
     ...i
   }
 ));
-x.displayName = "PaginationRoot";
-const w = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
+w.displayName = "PaginationRoot";
+const x = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
   "ul",
   {
     ref: s,
@@ -23,18 +23,18 @@ const w = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
     ...i
   }
 ));
-w.displayName = "PaginationContent";
+x.displayName = "PaginationContent";
 const f = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a("li", { ref: s, className: r("", e), ...i }));
 f.displayName = "PaginationItem";
 const u = o.forwardRef(
   ({ className: e, isActive: i = !1, asChild: s = !1, ...c }, t) => /* @__PURE__ */ a(
-    s ? b : "button",
+    s ? R : "button",
     {
       ref: t,
       "aria-current": i ? "page" : void 0,
       className: r(
-        "inline-flex items-center justify-center h-ds-sm-plus w-ds-sm-plus rounded-ds-md text-ds-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38]",
-        i ? "bg-interactive text-text-on-color" : "hover:bg-field text-text-primary",
+        "inline-flex items-center justify-center h-ds-sm-plus w-ds-sm-plus rounded-ds-md text-ds-md font-medium transition-colors 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",
+        i ? "bg-accent-9 text-accent-fg" : "hover:bg-surface-3 text-surface-fg",
         e
       ),
       ...c
@@ -42,7 +42,7 @@ const u = o.forwardRef(
   )
 );
 u.displayName = "PaginationLink";
-const y = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
+const v = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
   u,
   {
     ref: s,
@@ -55,8 +55,8 @@ const y = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
     ]
   }
 ));
-y.displayName = "PaginationPrevious";
-const v = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
+v.displayName = "PaginationPrevious";
+const y = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
   u,
   {
     ref: s,
@@ -69,14 +69,14 @@ const v = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
     ]
   }
 ));
-v.displayName = "PaginationNext";
+y.displayName = "PaginationNext";
 const P = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
   "span",
   {
     ref: s,
     "aria-hidden": "true",
     className: r(
-      "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center text-text-secondary",
+      "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center text-surface-fg-muted",
       e
     ),
     ...i,
@@ -94,13 +94,13 @@ function I(e, i, s) {
   const t = Math.max(e - s, 1), d = Math.min(e + s, i), p = t > 2, h = d < i - 1;
   if (!p && h) {
     const n = s * 2 + 3;
-    return [...Array.from({ length: n }, (R, N) => N + 1), "ellipsis", i];
+    return [...Array.from({ length: n }, (b, N) => N + 1), "ellipsis", i];
   }
   if (p && !h) {
     const n = s * 2 + 3;
     return [1, "ellipsis", ...Array.from(
       { length: n },
-      (R, N) => i - n + 1 + N
+      (b, N) => i - n + 1 + N
     )];
   }
   return [1, "ellipsis", ...Array.from(
@@ -118,9 +118,9 @@ const M = o.forwardRef(
     ...d
   }, p) => {
     const h = I(i, e, c);
-    return /* @__PURE__ */ a(x, { ref: p, className: t, ...d, children: /* @__PURE__ */ g(w, { children: [
+    return /* @__PURE__ */ a(w, { ref: p, className: t, ...d, children: /* @__PURE__ */ g(x, { children: [
       /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
-        y,
+        v,
         {
           onClick: () => s(Math.max(1, i - 1)),
           disabled: i <= 1
@@ -137,7 +137,7 @@ const M = o.forwardRef(
         ) }, l)
       ),
       /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
-        v,
+        y,
         {
           onClick: () => s(Math.min(e, i + 1)),
           disabled: i >= e
@@ -148,13 +148,13 @@ const M = o.forwardRef(
 );
 M.displayName = "PaginationNav";
 export {
-  w as PaginationContent,
+  x as PaginationContent,
   P as PaginationEllipsis,
   f as PaginationItem,
   u as PaginationLink,
   M as PaginationNav,
-  v as PaginationNext,
-  y as PaginationPrevious,
-  x as PaginationRoot,
+  y as PaginationNext,
+  v as PaginationPrevious,
+  w as PaginationRoot,
   I as generatePagination
 };

package/dist/ui/popover.d.ts

@@ -1,9 +1,10 @@
 "use client";
 import * as React from 'react';
 import * as PopoverPrimitive from '../primitives/react-popover';
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const Popover: React.FC<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
 //# sourceMappingURL=popover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,2BAA2B,CAAA;AAI7D,QAAA,MAAM,OAAO,yCAAwB,CAAA;AAErC,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,aAAa,4GAA0B,CAAA;AAE7C,QAAA,MAAM,cAAc,gKAgBlB,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,2BAA2B,CAAA;AAU7D,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAuBnF,CAAA;AAGD,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,aAAa,4GAA0B,CAAA;AAE7C,QAAA,MAAM,cAAc,gKAmClB,CAAA;AAGF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAA;AAEjG,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/popover.js

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

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;AAC/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE,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,sFAiDb,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;CACpB;AAMD,QAAA,MAAM,QAAQ,sFAyDb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,CAAA;AACrE,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/progress.js

@@ -1,11 +1,13 @@
 "use client";
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import * as u from "react";
-import { aW as i, aX as g } from "../_chunks/primitives.js";
-import { e as o } from "../_chunks/vendor-utils.js";
-import { c as e } from "../_chunks/utils.js";
-const x = o(
-  "relative w-full overflow-hidden rounded-ds-full bg-layer-02",
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import * as h from "react";
+import { aQ as d, aR as l } from "../_chunks/primitives.js";
+import { ag as c } from "../_chunks/vendor-utils.js";
+import { cn as a } from "./lib/utils.js";
+import { springs as x } from "./lib/motion.js";
+import { m as w } from "../_chunks/framer.js";
+const N = c(
+  "relative w-full overflow-hidden rounded-ds-full bg-surface-2",
   {
     variants: {
       size: {
@@ -16,61 +18,75 @@ const x = o(
     },
     defaultVariants: { size: "md" }
   }
-), h = o(
+), m = c(
   "h-full w-full flex-1 transition-all duration-moderate-02 ease-expressive-standard",
   {
     variants: {
       color: {
-        default: "bg-interactive",
-        success: "bg-success",
-        warning: "bg-warning",
-        error: "bg-error"
+        default: "bg-accent-9",
+        success: "bg-success-9",
+        warning: "bg-warning-9",
+        error: "bg-error-9"
       }
     },
     defaultVariants: { color: "default" }
   }
-), v = u.forwardRef(
+), v = h.forwardRef(
   ({
-    className: l,
-    value: r,
-    size: d,
-    color: c,
-    indicatorClassName: m,
-    showLabel: s,
-    ...f
-  }, p) => {
-    const a = r == null;
-    return /* @__PURE__ */ t("div", { className: e("flex items-center gap-ds-03", s && "w-full"), children: [
-      /* @__PURE__ */ n(
-        i,
+    className: f,
+    value: s,
+    size: u,
+    color: t,
+    indicatorClassName: i,
+    showLabel: n,
+    ...p
+  }, g) => {
+    const e = s == null;
+    return /* @__PURE__ */ o("div", { className: a("flex items-center gap-ds-03", n && "w-full"), children: [
+      /* @__PURE__ */ r(
+        d,
         {
-          ref: p,
-          value: a ? null : r,
-          className: e(x({ size: d }), l),
-          ...f,
-          children: /* @__PURE__ */ n(
-            g,
+          ref: g,
+          value: e ? null : s,
+          className: a(N({ size: u }), f),
+          ...p,
+          children: e ? /* @__PURE__ */ r(
+            l,
             {
-              className: e(
-                h({ color: c }),
-                a && "w-2/5 animate-progress-indeterminate motion-reduce:animate-none",
-                m
-              ),
-              style: a ? void 0 : { transform: `translateX(-${100 - (r || 0)}%)` }
+              className: a(
+                m({ color: t }),
+                "w-2/5 animate-progress-indeterminate motion-reduce:animate-none",
+                i
+              )
+            }
+          ) : /* @__PURE__ */ r(
+            l,
+            {
+              className: a("h-full", i),
+              asChild: !0,
+              children: /* @__PURE__ */ r(
+                w.div,
+                {
+                  className: a(m({ color: t })),
+                  initial: !1,
+                  animate: { width: `${s || 0}%` },
+                  transition: x.smooth
+                }
+              )
             }
           )
         }
       ),
-      s && !a && /* @__PURE__ */ t("span", { className: "shrink-0 text-ds-xs text-text-secondary", children: [
-        r,
+      n && !e && /* @__PURE__ */ o("span", { className: "shrink-0 text-ds-xs text-surface-fg-muted", children: [
+        s,
         "%"
       ] })
     ] });
   }
 );
-v.displayName = i.displayName;
+v.displayName = d.displayName;
 export {
   v as Progress,
-  h as progressIndicatorVariants,
-  x as progressTrackVariants
+  m as progressIndicatorVariants,
+  N as progressTrackVariants
 };

package/dist/ui/radio.js

@@ -1,29 +1,29 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { ai as a, aj as s, ak as c } from "../_chunks/primitives.js";
+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 { c as d } from "../_chunks/utils.js";
-const n = t.forwardRef(({ className: r, ...i }, o) => /* @__PURE__ */ e(a, { className: d("grid gap-ds-03", r), ...i, ref: o }));
-n.displayName = a.displayName;
-const m = t.forwardRef(({ className: r, ...i }, o) => /* @__PURE__ */ e(
-  s,
+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: o,
-    className: d(
+    className: c(
       "aspect-square h-ico-md w-ico-md rounded-ds-full",
-      "border border-border-strong bg-field",
+      "border border-surface-border-strong bg-surface-3",
       "transition-colors duration-fast-01",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2",
-      "disabled:cursor-not-allowed disabled:opacity-[0.38]",
-      "data-[state=checked]:border-interactive",
-      r
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+      "disabled:cursor-not-allowed disabled:opacity-action-disabled",
+      "data-[state=checked]:border-accent-7",
+      a
     ),
-    ...i,
-    children: /* @__PURE__ */ e(c, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(l, { className: "h-ds-03 w-ds-03 fill-interactive text-interactive" }) })
+    ...r,
+    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 = s.displayName;
+m.displayName = i.displayName;
 export {
   n as RadioGroup,
   m 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":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,2FA8ChB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/ui/search-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}