@devalok/shilp-sutra 0.17.2 → 0.18.0

package/dist/ui/search-input.js

@@ -1,64 +1,59 @@
 "use client";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { IconSearch as l, IconLoader2 as m, IconX as u } from "@tabler/icons-react";
-import * as h from "react";
-import { c as p } from "../_chunks/utils.js";
-const f = {
+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";
+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]",
   lg: "h-ds-lg text-ds-md pl-[3rem] pr-[2.5rem]"
-}, b = h.forwardRef(
-  ({ className: o, value: t, onClear: r, loading: s, size: i = "md", ...a }, d) => {
-    const n = t !== void 0 && t !== "";
-    return /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
+}, h = u.forwardRef(
+  ({ className: o, value: s, onClear: r, loading: t, size: a = "md", ...i }, c) => {
+    const n = s !== void 0 && s !== "";
+    return /* @__PURE__ */ d("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ e(
         l,
         {
-          className: "absolute left-[0.75rem] h-ico-md w-ico-md text-text-secondary pointer-events-none",
+          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: d,
-          value: t,
-          "aria-busy": s,
-          className: p(
+          ref: c,
+          value: s,
+          "aria-busy": t,
+          className: f(
             "flex w-full font-sans",
-            f[i],
-            "bg-field text-text-primary",
-            "border border-border rounded-ds-md",
-            "placeholder:text-text-placeholder",
-            "hover:bg-field-hover",
+            b[a],
+            "bg-surface-3 text-surface-fg",
+            "border border-surface-border-strong rounded-ds-md",
+            "placeholder:text-surface-fg-subtle",
+            "hover:bg-surface-4",
             "transition-colors duration-fast-01",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:border-border-interactive",
-            "disabled:cursor-not-allowed disabled:opacity-[0.38]",
+            "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",
             o
           ),
-          ...a
+          ...i
         }
       ),
-      s ? /* @__PURE__ */ e(
-        m,
-        {
-          className: "absolute right-[0.75rem] h-ico-md w-ico-md text-text-secondary animate-spin motion-reduce:animate-none pointer-events-none",
-          "aria-hidden": "true"
-        }
-      ) : n && r ? /* @__PURE__ */ e(
+      t ? /* @__PURE__ */ e("span", { className: "absolute right-[0.75rem] pointer-events-none", "aria-hidden": "true", children: /* @__PURE__ */ e(p, { size: "sm" }) }) : n && r ? /* @__PURE__ */ e(
         "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-text-secondary hover:text-text-primary hover:bg-layer-02 transition-colors",
+          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-2 transition-colors",
           "aria-label": "Clear search",
-          children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm" })
+          children: /* @__PURE__ */ e(m, { className: "h-ico-sm w-ico-sm" })
         }
       ) : null
     ] });
   }
 );
-b.displayName = "SearchInput";
+h.displayName = "SearchInput";
 export {
-  b as SearchInput
+  h as SearchInput
 };

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

@@ -63,7 +63,7 @@ export interface SegmentedControlOption {
  * />
  * // These are just a few ways — feel free to combine props creatively!
  */
-export interface SegmentedControlProps {
+export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
     size: SegmentedControlSize;
     variant: SegmentedControlVariant;
     options: SegmentedControlOption[];
@@ -86,7 +86,7 @@ declare const SegmentedControl: React.ForwardRefExoticComponent<SegmentedControl
  * const [view, setView] = useState<'list' | 'grid'>('list')
  * const [focused, setFocused] = useState<string | null>(null)
  *
- * <div role="tablist" className="inline-flex rounded-full border border-border bg-layer-02">
+ * <div role="tablist" className="inline-flex rounded-full border border-surface-border-strong bg-surface-2">
  *   <SegmentedControlItem
  *     size="md" variant="tonal" text="List"
  *     isSelected={view === 'list'} isFocused={focused === 'list'}

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;AAM/C,QAAA,MAAM,4BAA4B;;;;;;8EAsGjC,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,qBAAqB;IACpC,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,8FAoFrB,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,qGA0FzB,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,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"}

package/dist/ui/segmented-control.js

@@ -1,24 +1,30 @@
 "use client";
-import { jsx as h, jsxs as C } from "react/jsx-runtime";
-import w, { useState as D, useCallback as M, useRef as S } from "react";
-import { e as I } from "../_chunks/vendor-utils.js";
-import { c as N } from "../_chunks/utils.js";
-function z(i = 600) {
-  const [v, d] = D([]), n = M((a) => {
-    const s = a.currentTarget.getBoundingClientRect(), r = Math.max(s.width, s.height) * 2, t = a.clientX - s.left - r / 2, o = a.clientY - s.top - r / 2, m = Date.now();
-    d((l) => [...l, { id: m, x: t, y: o, size: r }]), setTimeout(() => {
-      d((l) => l.filter((c) => c.id !== m));
-    }, i);
-  }, [i]);
-  return { ripples: v, createRipple: n };
+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);
+  }, []);
+  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));
+    }, u);
+  }, [u]);
+  return { ripples: b, createRipple: m };
 }
-const R = I(
+const A = S(
   [
     "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",
     "relative overflow-hidden",
     "font-accent font-semibold leading-none text-center",
-    "bg-layer-01",
+    "bg-surface-1",
     "first:rounded-tr-none first:rounded-br-none",
     "last:rounded-tl-none last:rounded-bl-none"
   ],
@@ -30,8 +36,8 @@ const R = I(
         lg: "h-[56px] px-ds-06 py-ds-05 text-ds-md"
       },
       variant: {
-        filled: "text-text-on-color [text-shadow:0px_1px_1px_var(--color-text-shadow)]",
-        tonal: "text-text-tertiary"
+        filled: "text-accent-fg [text-shadow:0px_1px_1px_var(--color-text-shadow)]",
+        tonal: "text-surface-fg-subtle"
       },
       selected: {
         true: "",
@@ -47,58 +53,55 @@ const R = I(
       }
     },
     compoundVariants: [
-      // Selected + filled
+      // Selected + filled — bg/shadow handled by motion indicator
       {
         selected: !0,
         variant: "filled",
-        className: [
-          "bg-interactive",
-          "shadow-[0px_1px_3px_0.05px_var(--color-interactive-hover),inset_0px_8px_16px_0px_var(--color-inset-glow-strong),inset_0px_2px_0px_0px_var(--color-inset-glow-subtle)]"
-        ].join(" ")
+        className: ""
       },
-      // Selected + tonal
+      // Selected + tonal — bg handled by motion indicator
       {
         selected: !0,
         variant: "tonal",
-        className: "bg-field text-text-primary"
+        className: "text-surface-fg"
       },
       // Hover + filled
       {
         isHovered: !0,
         variant: "filled",
         className: [
-          "bg-interactive",
-          "shadow-[0px_4px_8px_0px_var(--color-interactive-hover),0px_1px_3px_0.05px_var(--color-layer-02),inset_0px_8px_16px_0px_var(--color-inset-glow-strong),inset_0px_2px_0px_0px_var(--color-inset-glow-subtle)]"
+          "bg-accent-9",
+          "shadow-[0px_4px_8px_0px_var(--color-accent-10),0px_1px_3px_0.05px_var(--color-surface-2),inset_0px_8px_16px_0px_var(--color-inset-glow-strong),inset_0px_2px_0px_0px_var(--color-inset-glow-subtle)]"
         ].join(" ")
       },
       // Hover + tonal
       {
         isHovered: !0,
         variant: "tonal",
-        className: "text-text-primary"
+        className: "text-surface-fg"
       },
       // Disabled + filled
       {
         isDisabled: !0,
         variant: "filled",
-        className: "text-text-placeholder"
+        className: "text-surface-fg-subtle"
       },
       // Disabled + tonal
       {
         isDisabled: !0,
         variant: "tonal",
-        className: "text-text-placeholder"
+        className: "text-surface-fg-subtle"
       },
       // Filled + SVG icon fill
       {
         variant: "filled",
-        className: "[&_svg_path]:fill-icon-on-color"
+        className: "[&_svg_path]:fill-accent-fg"
       },
       // Filled + disabled SVG icon fill
       {
         variant: "filled",
         isDisabled: !0,
-        className: "[&_svg_path]:fill-icon-disabled"
+        className: "[&_svg_path]:fill-disabled"
       },
       // Medium size last-child padding flip
       {
@@ -114,165 +117,181 @@ const R = I(
       isDisabled: !1
     }
   }
-), H = {
+), j = {
   filled: "bg-surface-overlay-light",
   tonal: "bg-surface-overlay-dark"
-}, j = {
+}, B = {
   small: "sm",
   medium: "md",
   big: "lg"
 };
-function E(i) {
-  return j[i] ?? i;
+function F(u) {
+  return B[u] ?? u;
 }
-const L = w.forwardRef(
+const V = N.forwardRef(
   function({
-    size: v,
-    variant: d,
-    options: n,
-    selectedId: a,
-    onSelect: s,
-    disabled: r = !1,
-    className: t = ""
+    size: b,
+    variant: l,
+    options: s,
+    selectedId: m,
+    onSelect: n,
+    disabled: a = !1,
+    className: t = "",
+    ...h
   }, o) {
-    const m = E(v), [l, c] = D(null), b = S(null), f = w.useCallback((e) => {
-      b.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+    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) => {
-      if (r) return;
-      const u = n.findIndex((_) => _.id === l);
-      let p = u;
+      if (a) return;
+      const p = s.findIndex((r) => r.id === i);
+      let c = p;
       switch (e.key) {
         case "ArrowLeft":
-          e.preventDefault(), p = u > 0 ? u - 1 : n.length - 1;
+          e.preventDefault(), c = p > 0 ? p - 1 : s.length - 1;
           break;
         case "ArrowRight":
-          e.preventDefault(), p = u < n.length - 1 ? u + 1 : 0;
+          e.preventDefault(), c = p < s.length - 1 ? p + 1 : 0;
           break;
         case "Home":
-          e.preventDefault(), p = 0;
+          e.preventDefault(), c = 0;
           break;
         case "End":
-          e.preventDefault(), p = n.length - 1;
+          e.preventDefault(), c = s.length - 1;
           break;
         default:
           return;
       }
-      const g = n[p];
-      c(g.id), s(g.id);
+      const v = s[c];
+      f(v.id), n(v.id);
     };
-    return /* @__PURE__ */ h(
+    return /* @__PURE__ */ d(
       "div",
       {
-        ref: f,
-        className: N(
+        ref: w,
+        className: _(
           "inline-flex gap-0 p-0 rounded-ds-full",
-          "bg-layer-02",
-          "border border-solid border-border",
+          "bg-surface-2",
+          "border border-solid border-surface-border-strong",
           t
         ),
         role: "tablist",
         onKeyDown: y,
         tabIndex: -1,
         "aria-label": "Segmented control options",
-        children: n.map((e) => /* @__PURE__ */ h(
-          k,
+        ...h,
+        children: /* @__PURE__ */ d(L, { children: s.map((e) => /* @__PURE__ */ d(
+          M,
           {
-            size: m,
-            variant: d,
+            size: x,
+            variant: l,
             text: e.text,
             icon: e.icon,
-            isSelected: e.id === a,
-            onClick: () => s(e.id),
-            disabled: r,
-            isFocused: e.id === l,
-            onFocus: () => c(e.id),
-            onBlur: () => c(null)
+            isSelected: e.id === m,
+            onClick: () => n(e.id),
+            disabled: a,
+            isFocused: e.id === i,
+            onFocus: () => f(e.id),
+            onBlur: () => f(null)
           },
           e.id
-        ))
+        )) })
       }
     );
   }
 );
-L.displayName = "SegmentedControl";
-const k = w.forwardRef(
+V.displayName = "SegmentedControl";
+const M = N.forwardRef(
   function({
-    size: v,
-    variant: d,
-    text: n,
-    icon: a,
-    isSelected: s,
-    onClick: r,
+    size: b,
+    variant: l,
+    text: s,
+    icon: m,
+    isSelected: n,
+    onClick: a,
     disabled: t = !1,
-    isFocused: o,
-    onFocus: m,
-    onBlur: l
-  }, c) {
-    const [b, f] = D("default"), { ripples: y, createRipple: e } = z(), u = () => {
-      !t && !o && f("hover");
+    isFocused: h,
+    onFocus: o,
+    onBlur: x
+  }, i) {
+    const [f, g] = D("default"), { ripples: w, createRipple: y } = T(), e = () => {
+      !t && !h && g("hover");
     }, p = () => {
-      t || f("default");
-    }, g = () => {
-      t || f("pressed");
-    }, _ = () => {
-      t || f("hover");
+      t || g("default");
+    }, c = () => {
+      t || g("pressed");
+    }, v = () => {
+      t || g("hover");
     };
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ z(
       "button",
       {
-        ref: c,
-        className: N(
-          R({
-            size: v,
-            variant: d,
-            selected: s,
-            isHovered: b === "hover",
+        ref: i,
+        className: _(
+          A({
+            size: b,
+            variant: l,
+            selected: n,
+            isHovered: f === "hover",
             isDisabled: t
           })
         ),
-        onClick: (x) => {
-          e(x), r();
+        onClick: (r) => {
+          y(r), a();
         },
         disabled: t,
         type: "button",
         role: "tab",
-        "aria-selected": s,
+        "aria-selected": n,
         "aria-disabled": t,
-        onMouseEnter: u,
+        onMouseEnter: e,
         onMouseLeave: p,
-        onMouseDown: g,
-        onMouseUp: _,
-        onTouchStart: g,
-        onTouchEnd: _,
-        onFocus: m,
-        onBlur: l,
+        onMouseDown: c,
+        onMouseUp: v,
+        onTouchStart: c,
+        onTouchEnd: v,
+        onFocus: o,
+        onBlur: x,
         children: [
-          y.map((x) => /* @__PURE__ */ h(
-            "span",
+          n && /* @__PURE__ */ d(
+            k.span,
+            {
+              layoutId: "segment-indicator",
+              className: _(
+                "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
+            }
+          ),
+          /* @__PURE__ */ d(E, { children: w.map((r) => /* @__PURE__ */ d(
+            k.span,
             {
-              className: N(
-                "absolute rounded-ds-full -translate-x-1/2 -translate-y-1/2 scale-0 animate-ripple pointer-events-none",
-                H[d]
+              className: _(
+                "absolute rounded-ds-full -translate-x-1/2 -translate-y-1/2 pointer-events-none",
+                j[l]
               ),
               style: {
-                left: x.x,
-                top: x.y,
-                width: x.size,
-                height: x.size
-              }
+                left: r.x,
+                top: r.y,
+                width: r.size,
+                height: r.size
+              },
+              initial: { scale: 0, opacity: 1 },
+              animate: { scale: 4, opacity: 0 },
+              transition: { duration: 0.6 }
             },
-            x.id
-          )),
-          a && /* @__PURE__ */ h(a, { className: "h-ico-sm w-ico-sm shrink-0" }),
-          /* @__PURE__ */ h("span", { className: "font-accent leading-none", children: n })
+            r.id
+          )) }),
+          m && /* @__PURE__ */ d(m, { className: "relative z-[1] h-ico-sm w-ico-sm shrink-0" }),
+          /* @__PURE__ */ d("span", { className: "relative z-[1] font-accent leading-none", children: s })
         ]
       }
     );
   }
 );
-k.displayName = "SegmentedControlItem";
+M.displayName = "SegmentedControlItem";
 export {
-  L as SegmentedControl,
-  k as SegmentedControlItem,
-  R as segmentedControlItemVariants
+  V as SegmentedControl,
+  M as SegmentedControlItem,
+  A as segmentedControlItemVariants
 };

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;AAIjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;8EAYjC,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,8JA6BjB,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;AAMjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;8EAYjC,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"}