@devalok/shilp-sutra 0.8.3 → 0.9.0

package/dist/ui/segmented-control.js

@@ -1,10 +1,18 @@
 "use client";
-import { jsx as u, jsxs as C } from "react/jsx-runtime";
-import w, { useState as D, useRef as M } from "react";
-import { cva as S } from "class-variance-authority";
-import { cn as N } from "./lib/utils.js";
-import { useRipple as I } from "./lib/use-ripple.js";
-const z = S(
+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 { m as I } from "../_chunks/vendor.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 };
+}
+const R = I(
   [
     "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",
@@ -109,53 +117,53 @@ const z = S(
 ), H = {
   filled: "bg-surface-overlay-light",
   tonal: "bg-surface-overlay-dark"
-}, R = {
+}, j = {
   small: "sm",
   medium: "md",
   big: "lg"
 };
-function j(p) {
-  return R[p] ?? p;
+function E(i) {
+  return j[i] ?? i;
 }
-const E = w.forwardRef(
+const L = w.forwardRef(
   function({
-    size: g,
-    variant: x,
-    options: s,
-    selectedId: m,
-    onSelect: i,
-    disabled: f = !1,
+    size: v,
+    variant: d,
+    options: n,
+    selectedId: a,
+    onSelect: s,
+    disabled: r = !1,
     className: t = ""
-  }, n) {
-    const h = j(g), [v, d] = D(null), b = M(null), l = w.useCallback((e) => {
-      b.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
-    }, [n]), y = (e) => {
-      if (f) return;
-      const o = s.findIndex((_) => _.id === v);
-      let a = o;
+  }, 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);
+    }, [o]), y = (e) => {
+      if (r) return;
+      const u = n.findIndex((_) => _.id === l);
+      let p = u;
       switch (e.key) {
         case "ArrowLeft":
-          e.preventDefault(), a = o > 0 ? o - 1 : s.length - 1;
+          e.preventDefault(), p = u > 0 ? u - 1 : n.length - 1;
           break;
         case "ArrowRight":
-          e.preventDefault(), a = o < s.length - 1 ? o + 1 : 0;
+          e.preventDefault(), p = u < n.length - 1 ? u + 1 : 0;
           break;
         case "Home":
-          e.preventDefault(), a = 0;
+          e.preventDefault(), p = 0;
           break;
         case "End":
-          e.preventDefault(), a = s.length - 1;
+          e.preventDefault(), p = n.length - 1;
           break;
         default:
           return;
       }
-      const c = s[a];
-      d(c.id), i(c.id);
+      const g = n[p];
+      c(g.id), s(g.id);
     };
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ h(
       "div",
       {
-        ref: l,
+        ref: f,
         className: N(
           "inline-flex gap-0 p-0 rounded-ds-full",
           "bg-layer-02",
@@ -166,19 +174,19 @@ const E = w.forwardRef(
         onKeyDown: y,
         tabIndex: -1,
         "aria-label": "Segmented control options",
-        children: s.map((e) => /* @__PURE__ */ u(
+        children: n.map((e) => /* @__PURE__ */ h(
           k,
           {
-            size: h,
-            variant: x,
+            size: m,
+            variant: d,
             text: e.text,
             icon: e.icon,
-            isSelected: e.id === m,
-            onClick: () => i(e.id),
-            disabled: f,
-            isFocused: e.id === v,
-            onFocus: () => d(e.id),
-            onBlur: () => d(null)
+            isSelected: e.id === a,
+            onClick: () => s(e.id),
+            disabled: r,
+            isFocused: e.id === l,
+            onFocus: () => c(e.id),
+            onBlur: () => c(null)
           },
           e.id
         ))
@@ -186,77 +194,77 @@ const E = w.forwardRef(
     );
   }
 );
-E.displayName = "SegmentedControl";
+L.displayName = "SegmentedControl";
 const k = w.forwardRef(
   function({
-    size: g,
-    variant: x,
-    text: s,
-    icon: m,
-    isSelected: i,
-    onClick: f,
+    size: v,
+    variant: d,
+    text: n,
+    icon: a,
+    isSelected: s,
+    onClick: r,
     disabled: t = !1,
-    isFocused: n,
-    onFocus: h,
-    onBlur: v
-  }, d) {
-    const [b, l] = D("default"), { ripples: y, createRipple: e } = I(), o = () => {
-      !t && !n && l("hover");
-    }, a = () => {
-      t || l("default");
-    }, c = () => {
-      t || l("pressed");
+    isFocused: o,
+    onFocus: m,
+    onBlur: l
+  }, c) {
+    const [b, f] = D("default"), { ripples: y, createRipple: e } = z(), u = () => {
+      !t && !o && f("hover");
+    }, p = () => {
+      t || f("default");
+    }, g = () => {
+      t || f("pressed");
     }, _ = () => {
-      t || l("hover");
+      t || f("hover");
     };
     return /* @__PURE__ */ C(
       "button",
       {
-        ref: d,
+        ref: c,
         className: N(
-          z({
-            size: g,
-            variant: x,
-            selected: i,
+          R({
+            size: v,
+            variant: d,
+            selected: s,
             isHovered: b === "hover",
             isDisabled: t
           })
         ),
-        onClick: (r) => {
-          e(r), f();
+        onClick: (x) => {
+          e(x), r();
         },
         disabled: t,
         type: "button",
         role: "tab",
-        "aria-selected": i,
+        "aria-selected": s,
         "aria-disabled": t,
-        onMouseEnter: o,
-        onMouseLeave: a,
-        onMouseDown: c,
+        onMouseEnter: u,
+        onMouseLeave: p,
+        onMouseDown: g,
         onMouseUp: _,
-        onTouchStart: c,
+        onTouchStart: g,
         onTouchEnd: _,
-        onFocus: h,
-        onBlur: v,
+        onFocus: m,
+        onBlur: l,
         children: [
-          y.map((r) => /* @__PURE__ */ u(
+          y.map((x) => /* @__PURE__ */ h(
             "span",
             {
               className: N(
                 "absolute rounded-ds-full -translate-x-1/2 -translate-y-1/2 scale-0 animate-ripple pointer-events-none",
-                H[x]
+                H[d]
               ),
               style: {
-                left: r.x,
-                top: r.y,
-                width: r.size,
-                height: r.size
+                left: x.x,
+                top: x.y,
+                width: x.size,
+                height: x.size
               }
             },
-            r.id
+            x.id
           )),
-          m && /* @__PURE__ */ u(m, { className: "h-ico-sm w-ico-sm shrink-0" }),
-          /* @__PURE__ */ u("span", { className: "font-accent leading-none", children: s })
+          a && /* @__PURE__ */ h(a, { className: "h-ico-sm w-ico-sm shrink-0" }),
+          /* @__PURE__ */ h("span", { className: "font-accent leading-none", children: n })
         ]
       }
     );
@@ -264,7 +272,7 @@ const k = w.forwardRef(
 );
 k.displayName = "SegmentedControlItem";
 export {
-  E as SegmentedControl,
+  L as SegmentedControl,
   k as SegmentedControlItem,
-  z as segmentedControlItemVariants
+  R as segmentedControlItemVariants
 };

package/dist/ui/select.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import * as r from "react";
-import { Root as w, Group as N, Value as g, Portal as v, Content as c, Viewport as S, Item as n, ItemIndicator as R, ItemText as I, Label as m, ScrollDownButton as p, ScrollUpButton as f, Separator as u, Trigger as h, Icon as C } from "../primitives/react-select.js";
-import { IconCheck as j, IconChevronDown as b, IconChevronUp as z } from "@tabler/icons-react";
-import { cva as V } from "class-variance-authority";
-import { cn as o } from "./lib/utils.js";
-const F = w, H = N, J = g, B = V(
+import { al as c, am as w, an as n, ao as m, ap as N, aq as p, ar as g, as as f, at as u, au as v, av as S, aw as h, ax as I, ay as R, az as j } from "../_chunks/primitives.js";
+import { IconChevronDown as b, IconChevronUp as z, IconCheck as C } from "@tabler/icons-react";
+import { m as V } from "../_chunks/vendor.js";
+import { c as o } from "../_chunks/utils.js";
+const F = I, H = R, J = j, B = V(
   "flex w-full items-center justify-between whitespace-nowrap rounded-ds-md border border-border bg-field placeholder:text-text-placeholder focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:border-border-interactive disabled:cursor-not-allowed disabled:opacity-[0.38] [&>span]:line-clamp-1",
   {
     variants: {
@@ -17,107 +17,107 @@ const F = w, H = N, J = g, B = V(
     },
     defaultVariants: { size: "md" }
   }
-), T = r.forwardRef(({ className: a, children: s, size: t, ...d }, l) => /* @__PURE__ */ i(
-  h,
+), T = r.forwardRef(({ className: s, children: t, size: a, ...d }, l) => /* @__PURE__ */ i(
+  c,
   {
     ref: l,
-    className: o(B({ size: t }), a),
+    className: o(B({ size: a }), s),
     ...d,
     children: [
-      s,
-      /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(b, { className: "h-ico-sm w-ico-sm opacity-[0.5]" }) })
+      t,
+      /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(b, { className: "h-ico-sm w-ico-sm opacity-[0.5]" }) })
     ]
   }
 ));
-T.displayName = h.displayName;
-const y = r.forwardRef(({ className: a, ...s }, t) => /* @__PURE__ */ e(
-  f,
+T.displayName = c.displayName;
+const y = r.forwardRef(({ className: s, ...t }, a) => /* @__PURE__ */ e(
+  n,
   {
-    ref: t,
+    ref: a,
     className: o(
       "flex cursor-default items-center justify-center py-ds-02",
-      a
+      s
     ),
-    ...s,
+    ...t,
     children: /* @__PURE__ */ e(z, { className: "h-ico-sm w-ico-sm" })
   }
 ));
-y.displayName = f.displayName;
-const x = r.forwardRef(({ className: a, ...s }, t) => /* @__PURE__ */ e(
-  p,
+y.displayName = n.displayName;
+const x = r.forwardRef(({ className: s, ...t }, a) => /* @__PURE__ */ e(
+  m,
   {
-    ref: t,
+    ref: a,
     className: o(
       "flex cursor-default items-center justify-center py-ds-02",
-      a
+      s
     ),
-    ...s,
+    ...t,
     children: /* @__PURE__ */ e(b, { className: "h-ico-sm w-ico-sm" })
   }
 ));
-x.displayName = p.displayName;
-const D = r.forwardRef(({ className: a, children: s, position: t = "popper", ...d }, l) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
-  c,
+x.displayName = m.displayName;
+const D = r.forwardRef(({ className: s, children: t, position: a = "popper", ...d }, l) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(
+  p,
   {
     ref: l,
     className: o(
       "relative z-dropdown max-h-96 min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 text-text-primary shadow-03 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",
-      t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      a
+      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      s
     ),
-    position: t,
+    position: a,
     ...d,
     children: [
       /* @__PURE__ */ e(y, {}),
       /* @__PURE__ */ e(
-        S,
+        g,
         {
           className: o(
             "p-ds-02",
-            t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
-          children: s
+          children: t
         }
       ),
       /* @__PURE__ */ e(x, {})
     ]
   }
 ) }));
-D.displayName = c.displayName;
-const U = r.forwardRef(({ className: a, ...s }, t) => /* @__PURE__ */ e(
-  m,
+D.displayName = p.displayName;
+const U = r.forwardRef(({ className: s, ...t }, a) => /* @__PURE__ */ e(
+  f,
   {
-    ref: t,
-    className: o("px-ds-03 py-ds-02b text-ds-md font-semibold", a),
-    ...s
+    ref: a,
+    className: o("px-ds-03 py-ds-02b text-ds-md font-semibold", s),
+    ...t
   }
 ));
-U.displayName = m.displayName;
-const G = r.forwardRef(({ className: a, children: s, ...t }, d) => /* @__PURE__ */ i(
-  n,
+U.displayName = f.displayName;
+const G = r.forwardRef(({ className: s, children: t, ...a }, d) => /* @__PURE__ */ i(
+  u,
   {
     ref: d,
     className: o(
       "relative flex w-full cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-03 pr-ds-07 text-ds-md outline-none focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
-      a
+      s
     ),
-    ...t,
+    ...a,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(j, { className: "h-ico-sm w-ico-sm" }) }) }),
-      /* @__PURE__ */ e(I, { children: s })
+      /* @__PURE__ */ e("span", { className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(C, { className: "h-ico-sm w-ico-sm" }) }) }),
+      /* @__PURE__ */ e(S, { children: t })
     ]
   }
 ));
-G.displayName = n.displayName;
-const L = r.forwardRef(({ className: a, ...s }, t) => /* @__PURE__ */ e(
-  u,
+G.displayName = u.displayName;
+const L = r.forwardRef(({ className: s, ...t }, a) => /* @__PURE__ */ e(
+  h,
   {
-    ref: t,
-    className: o("-mx-ds-01 my-ds-02 h-px bg-border-subtle", a),
-    ...s
+    ref: a,
+    className: o("-mx-ds-01 my-ds-02 h-px bg-border-subtle", s),
+    ...t
   }
 ));
-L.displayName = u.displayName;
+L.displayName = h.displayName;
 export {
   F as Select,
   D as SelectContent,

package/dist/ui/separator.js

@@ -1,9 +1,24 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import * as l from "react";
-import { Root as o } from "../primitives/react-separator.js";
-import { cn as p } from "./lib/utils.js";
-const f = l.forwardRef(({ className: a, orientation: r = "horizontal", decorative: t = !0, ...e }, m) => i(o, { ref: m, decorative: t, orientation: r, className: p("shrink-0 bg-border-subtle", r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", a), ...e }));
+import { jsx as l } from "react/jsx-runtime";
+import * as p from "react";
+import { bi as o } from "../_chunks/primitives.js";
+import { c as e } from "../_chunks/utils.js";
+const f = p.forwardRef(
+  ({ className: a, orientation: r = "horizontal", decorative: m = !0, ...s }, t) => /* @__PURE__ */ l(
+    o,
+    {
+      ref: t,
+      decorative: m,
+      orientation: r,
+      className: e(
+        "shrink-0 bg-border-subtle",
+        r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        a
+      ),
+      ...s
+    }
+  )
+);
 f.displayName = o.displayName;
 export {
   f as Separator

package/dist/ui/sheet.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
 import * as o from "react";
-import { Root as x, Close as i, Portal as b, Trigger as y, Content as l, Description as n, Overlay as m, Title as c } from "../primitives/react-dialog.js";
-import { cva as u } from "class-variance-authority";
-import { IconX as N } from "@tabler/icons-react";
-import { cn as r } from "./lib/utils.js";
-const O = x, P = y, V = i, g = b, f = o.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
-  m,
+import { aa as i, ab as x, ac as l, ad as n, ae as m, af as c, ag as b, ah as y } from "../_chunks/primitives.js";
+import { m as u } from "../_chunks/vendor.js";
+import { IconX as g } from "@tabler/icons-react";
+import { c as r } from "../_chunks/utils.js";
+const O = b, P = y, V = n, N = x, f = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  i,
   {
     className: r(
       "fixed inset-0 z-modal bg-overlay duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
     ...t,
-    ref: s
+    ref: a
   }
 ));
-f.displayName = m.displayName;
+f.displayName = i.displayName;
 const v = u(
   "fixed z-modal gap-ds-05 bg-layer-01 p-ds-06 shadow-05 transition ease-productive-standard duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
@@ -32,8 +32,8 @@ const v = u(
       side: "right"
     }
   }
-), w = o.forwardRef(({ side: e = "right", className: t, children: s, ...p }, h) => /* @__PURE__ */ d(g, { children: [
-  /* @__PURE__ */ a(f, {}),
+), w = o.forwardRef(({ side: e = "right", className: t, children: a, ...p }, h) => /* @__PURE__ */ d(N, { children: [
+  /* @__PURE__ */ s(f, {}),
   /* @__PURE__ */ d(
     l,
     {
@@ -41,21 +41,21 @@ const v = u(
       className: r(v({ side: e }), t),
       ...p,
       children: [
-        /* @__PURE__ */ d(i, { className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus disabled:pointer-events-none", children: [
-          /* @__PURE__ */ a(N, { className: "h-ico-sm w-ico-sm" }),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ d(n, { className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus disabled:pointer-events-none", children: [
+          /* @__PURE__ */ s(g, { className: "h-ico-sm w-ico-sm" }),
+          /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
         ] }),
-        s
+        a
       ]
     }
   )
 ] }));
 w.displayName = l.displayName;
 const S = o.forwardRef(
-  ({ className: e, ...t }, s) => /* @__PURE__ */ a(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ s(
     "div",
     {
-      ref: s,
+      ref: a,
       className: r(
         "flex flex-col space-y-ds-03 text-center sm:text-left",
         e
@@ -66,10 +66,10 @@ const S = o.forwardRef(
 );
 S.displayName = "SheetHeader";
 const R = o.forwardRef(
-  ({ className: e, ...t }, s) => /* @__PURE__ */ a(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ s(
     "div",
     {
-      ref: s,
+      ref: a,
       className: r(
         "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
         e
@@ -79,24 +79,24 @@ const R = o.forwardRef(
   )
 );
 R.displayName = "SheetFooter";
-const C = o.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
-  c,
+const C = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  m,
   {
-    ref: s,
+    ref: a,
     className: r("text-ds-lg font-semibold text-text-primary", e),
     ...t
   }
 ));
-C.displayName = c.displayName;
-const j = o.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
-  n,
+C.displayName = m.displayName;
+const j = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  c,
   {
-    ref: s,
+    ref: a,
     className: r("text-ds-md text-text-secondary", e),
     ...t
   }
 ));
-j.displayName = n.displayName;
+j.displayName = c.displayName;
 export {
   O as Sheet,
   V as SheetClose,
@@ -105,7 +105,7 @@ export {
   R as SheetFooter,
   S as SheetHeader,
   f as SheetOverlay,
-  g as SheetPortal,
+  N as SheetPortal,
   C as SheetTitle,
   P as SheetTrigger
 };