@devalok/shilp-sutra 0.8.3 → 0.9.0

package/dist/ui/alert-dialog.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import * as s from "react";
-import { Root as g, Portal as x, Trigger as y, Action as l, Cancel as r, Content as d, Description as n, Overlay as c, Title as f } from "../primitives/react-alert-dialog.js";
-import { cn as i } from "./lib/utils.js";
-const C = g, z = y, b = x, m = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  c,
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import * as o from "react";
+import { O as l, J as g, K as d, M as r, N as n, Q as c, U as f, V as x, W as b } from "../_chunks/primitives.js";
+import { c as i } from "../_chunks/utils.js";
+const C = x, T = b, y = g, m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  l,
   {
     ref: a,
     className: i(
@@ -14,10 +14,10 @@ const C = g, z = y, b = x, m = s.forwardRef(({ className: e, ...t }, a) => /* @_
     ...t
   }
 ));
-m.displayName = c.displayName;
-const u = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ p(b, { children: [
-  /* @__PURE__ */ o(m, {}),
-  /* @__PURE__ */ o(
+m.displayName = l.displayName;
+const u = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ p(y, { children: [
+  /* @__PURE__ */ s(m, {}),
+  /* @__PURE__ */ s(
     d,
     {
       ref: a,
@@ -30,8 +30,8 @@ const u = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ p(b, { chi
   )
 ] }));
 u.displayName = d.displayName;
-const v = s.forwardRef(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const v = o.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ s(
     "div",
     {
       ref: a,
@@ -44,8 +44,8 @@ const v = s.forwardRef(
   )
 );
 v.displayName = "AlertDialogHeader";
-const N = s.forwardRef(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+const N = o.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ s(
     "div",
     {
       ref: a,
@@ -58,8 +58,8 @@ const N = s.forwardRef(
   )
 );
 N.displayName = "AlertDialogFooter";
-const D = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  f,
+const A = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  r,
   {
     ref: a,
     className: i(
@@ -69,8 +69,8 @@ const D = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-D.displayName = f.displayName;
-const A = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+A.displayName = r.displayName;
+const D = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   n,
   {
     ref: a,
@@ -78,9 +78,9 @@ const A = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-A.displayName = n.displayName;
-const w = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  l,
+D.displayName = n.displayName;
+const w = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  c,
   {
     ref: a,
     className: i(
@@ -90,9 +90,9 @@ const w = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-w.displayName = l.displayName;
-const R = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r,
+w.displayName = c.displayName;
+const R = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  f,
   {
     ref: a,
     className: i(
@@ -102,17 +102,17 @@ const R = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
     ...t
   }
 ));
-R.displayName = r.displayName;
+R.displayName = f.displayName;
 export {
   C as AlertDialog,
   w as AlertDialogAction,
   R as AlertDialogCancel,
   u as AlertDialogContent,
-  A as AlertDialogDescription,
+  D as AlertDialogDescription,
   N as AlertDialogFooter,
   v as AlertDialogHeader,
   m as AlertDialogOverlay,
-  b as AlertDialogPortal,
-  D as AlertDialogTitle,
-  z as AlertDialogTrigger
+  y as AlertDialogPortal,
+  A as AlertDialogTitle,
+  T as AlertDialogTrigger
 };

package/dist/ui/alert.d.ts

@@ -2,8 +2,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const alertVariants: (props?: ({
-    variant?: "outline" | "filled" | "subtle" | null | undefined;
-    color?: "error" | "warning" | "success" | "neutral" | "info" | null | undefined;
+    variant?: "filled" | "subtle" | "outline" | null | undefined;
+    color?: "error" | "info" | "success" | "warning" | "neutral" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Props for Alert — an inline message block with a colored icon, optional title, optional body,

package/dist/ui/alert.js

@@ -2,56 +2,77 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { IconInfoCircle as s, IconAlertCircle as x, IconAlertTriangle as m, IconCircleCheck as u, IconX as f } from "@tabler/icons-react";
 import * as g from "react";
-import { cva as v } from "class-variance-authority";
-import { cn as p } from "./lib/utils.js";
-const N = v("relative flex gap-ds-04 rounded-ds-lg border p-ds-05", {
-  variants: {
-    variant: {
-      subtle: "",
-      filled: "",
-      outline: ""
+import { m as v } from "../_chunks/vendor.js";
+import { c as p } from "../_chunks/utils.js";
+const N = v(
+  "relative flex gap-ds-04 rounded-ds-lg border p-ds-05",
+  {
+    variants: {
+      variant: {
+        subtle: "",
+        filled: "",
+        outline: ""
+      },
+      color: {
+        info: "",
+        success: "",
+        warning: "",
+        error: "",
+        neutral: ""
+      }
     },
-    color: {
-      info: "",
-      success: "",
-      warning: "",
-      error: "",
-      neutral: ""
-    }
-  },
-  compoundVariants: [
-    // subtle (surface bg) — default, matches previous behavior
-    { variant: "subtle", color: "info", className: "bg-info-surface border-info-border text-info-text" },
-    { variant: "subtle", color: "success", className: "bg-success-surface border-success-border text-success-text" },
-    { variant: "subtle", color: "warning", className: "bg-warning-surface border-warning-border text-warning-text" },
-    { variant: "subtle", color: "error", className: "bg-error-surface border-error-border text-error-text" },
-    { variant: "subtle", color: "neutral", className: "bg-layer-02 border-border text-text-primary [&>svg]:text-text-secondary" },
-    // filled (solid bg, white text)
-    { variant: "filled", color: "info", className: "bg-info text-text-on-color border-transparent [&>svg]:text-text-on-color" },
-    { variant: "filled", color: "success", className: "bg-success text-text-on-color border-transparent [&>svg]:text-text-on-color" },
-    { variant: "filled", color: "warning", className: "bg-warning text-text-on-color border-transparent [&>svg]:text-text-on-color" },
-    { variant: "filled", color: "error", className: "bg-error text-text-on-color border-transparent [&>svg]:text-text-on-color" },
-    { variant: "filled", color: "neutral", className: "bg-layer-03 text-text-primary border-transparent [&>svg]:text-text-secondary" },
-    // outline (transparent bg, colored border)
-    { variant: "outline", color: "info", className: "bg-transparent border-info-border text-info-text" },
-    { variant: "outline", color: "success", className: "bg-transparent border-success-border text-success-text" },
-    { variant: "outline", color: "warning", className: "bg-transparent border-warning-border text-warning-text" },
-    { variant: "outline", color: "error", className: "bg-transparent border-error-border text-error-text" },
-    { variant: "outline", color: "neutral", className: "bg-transparent border-border text-text-primary [&>svg]:text-text-secondary" }
-  ],
-  defaultVariants: { variant: "subtle", color: "info" }
-}), w = {
+    compoundVariants: [
+      // subtle (surface bg) — default, matches previous behavior
+      { variant: "subtle", color: "info", className: "bg-info-surface border-info-border text-info-text" },
+      { variant: "subtle", color: "success", className: "bg-success-surface border-success-border text-success-text" },
+      { variant: "subtle", color: "warning", className: "bg-warning-surface border-warning-border text-warning-text" },
+      { variant: "subtle", color: "error", className: "bg-error-surface border-error-border text-error-text" },
+      { variant: "subtle", color: "neutral", className: "bg-layer-02 border-border text-text-primary [&>svg]:text-text-secondary" },
+      // filled (solid bg, white text)
+      { variant: "filled", color: "info", className: "bg-info text-text-on-color border-transparent [&>svg]:text-text-on-color" },
+      { variant: "filled", color: "success", className: "bg-success text-text-on-color border-transparent [&>svg]:text-text-on-color" },
+      { variant: "filled", color: "warning", className: "bg-warning text-text-on-color border-transparent [&>svg]:text-text-on-color" },
+      { variant: "filled", color: "error", className: "bg-error text-text-on-color border-transparent [&>svg]:text-text-on-color" },
+      { variant: "filled", color: "neutral", className: "bg-layer-03 text-text-primary border-transparent [&>svg]:text-text-secondary" },
+      // outline (transparent bg, colored border)
+      { variant: "outline", color: "info", className: "bg-transparent border-info-border text-info-text" },
+      { variant: "outline", color: "success", className: "bg-transparent border-success-border text-success-text" },
+      { variant: "outline", color: "warning", className: "bg-transparent border-warning-border text-warning-text" },
+      { variant: "outline", color: "error", className: "bg-transparent border-error-border text-error-text" },
+      { variant: "outline", color: "neutral", className: "bg-transparent border-border text-text-primary [&>svg]:text-text-secondary" }
+    ],
+    defaultVariants: { variant: "subtle", color: "info" }
+  }
+), w = {
   info: s,
   success: u,
   warning: m,
   error: x,
   neutral: s
-}, h = g.forwardRef(({ className: n, variant: c = "subtle", color: e = "info", title: t, onDismiss: o, children: i, ...l }, d) => {
-  const b = w[e ?? "info"];
-  return a("div", { ref: d, className: p(N({ variant: c, color: e }), n), role: "alert", ...l, children: [r(b, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }), a("div", { className: "flex-1 min-w-0", children: [t && r("p", { className: "text-ds-md font-semibold mb-ds-01", children: t }), r("div", { className: "text-ds-md opacity-[0.9]", children: i })] }), o && r("button", { type: "button", onClick: o, className: "shrink-0 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", "aria-label": "Dismiss", children: r(f, { className: "h-ico-sm w-ico-sm" }) })] });
-});
-h.displayName = "Alert";
+}, y = g.forwardRef(
+  ({ className: n, variant: c = "subtle", color: e = "info", title: t, onDismiss: o, children: i, ...l }, d) => {
+    const b = w[e ?? "info"];
+    return /* @__PURE__ */ a("div", { ref: d, className: p(N({ variant: c, color: e }), n), role: "alert", ...l, children: [
+      /* @__PURE__ */ r(b, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
+      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
+        t && /* @__PURE__ */ r("p", { className: "text-ds-md font-semibold mb-ds-01", children: t }),
+        /* @__PURE__ */ r("div", { className: "text-ds-md opacity-[0.9]", children: i })
+      ] }),
+      o && /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: o,
+          className: "shrink-0 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",
+          "aria-label": "Dismiss",
+          children: /* @__PURE__ */ r(f, { className: "h-ico-sm w-ico-sm" })
+        }
+      )
+    ] });
+  }
+);
+y.displayName = "Alert";
 export {
-  h as Alert,
+  y as Alert,
   N as alertVariants
 };

package/dist/ui/aspect-ratio.js

@@ -1,5 +1,5 @@
 "use client";
-import { Root as o } from "../primitives/react-aspect-ratio.js";
+import { f as o } from "../_chunks/primitives.js";
 const t = o;
 t.displayName = "AspectRatio";
 export {

package/dist/ui/autocomplete.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as O, jsx as p } from "react/jsx-runtime";
 import * as t from "react";
-import { cn as b } from "./lib/utils.js";
+import { c as b } from "../_chunks/utils.js";
 const T = t.forwardRef(
   ({
     options: x,
@@ -13,7 +13,7 @@ const T = t.forwardRef(
     className: R,
     id: N
   }, i) => {
-    const E = t.useId(), w = N || E, k = `${w}-listbox`, v = `${w}-option`, [f, g] = t.useState((o == null ? void 0 : o.label) ?? ""), [c, l] = t.useState(!1), [r, a] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), y = t.useRef(), M = t.useCallback(
+    const E = t.useId(), w = N || E, k = `${w}-listbox`, v = `${w}-option`, [f, g] = t.useState((o == null ? void 0 : o.label) ?? ""), [c, a] = t.useState(!1), [r, l] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), y = t.useRef(), M = t.useCallback(
       (e) => {
         $.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
       },
@@ -27,27 +27,27 @@ const T = t.forwardRef(
       [x, f]
     ), m = t.useCallback(
       (e) => {
-        g(e.label), l(!1), a(-1), u == null || u(e);
+        g(e.label), a(!1), l(-1), u == null || u(e);
       },
       [u]
     ), S = t.useCallback(
       (e) => {
         if (!c) {
-          (e.key === "ArrowDown" || e.key === "Enter") && l(!0);
+          (e.key === "ArrowDown" || e.key === "Enter") && a(!0);
           return;
         }
         switch (e.key) {
           case "ArrowDown":
-            e.preventDefault(), a((s) => Math.min(s + 1, n.length - 1));
+            e.preventDefault(), l((s) => Math.min(s + 1, n.length - 1));
             break;
           case "ArrowUp":
-            e.preventDefault(), a((s) => Math.max(s - 1, 0));
+            e.preventDefault(), l((s) => Math.max(s - 1, 0));
             break;
           case "Enter":
             e.preventDefault(), r >= 0 && n[r] && m(n[r]);
             break;
           case "Escape":
-            l(!1), a(-1);
+            a(!1), l(-1);
             break;
         }
       },
@@ -74,11 +74,11 @@ const T = t.forwardRef(
             h && "opacity-[var(--action-disabled-opacity,0.38)] cursor-not-allowed"
           ),
           onChange: (e) => {
-            g(e.target.value), l(!0), a(-1);
+            g(e.target.value), a(!0), l(-1);
           },
-          onFocus: () => l(!0),
+          onFocus: () => a(!0),
           onBlur: () => {
-            y.current = setTimeout(() => l(!1), 150);
+            y.current = setTimeout(() => a(!1), 150);
           },
           onKeyDown: S
         }
@@ -109,7 +109,7 @@ const T = t.forwardRef(
               onKeyDown: (d) => {
                 (d.key === "Enter" || d.key === " ") && (d.preventDefault(), m(e));
               },
-              onMouseEnter: () => a(s),
+              onMouseEnter: () => l(s),
               children: e.label
             },
             e.value

package/dist/ui/avatar.d.ts

@@ -4,7 +4,7 @@ import * as React from "react";
 import * as AvatarPrimitive from "../primitives/react-avatar";
 export declare const avatarVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    shape?: "rounded" | "square" | "circle" | null | undefined;
+    shape?: "circle" | "square" | "rounded" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
 /**

package/dist/ui/avatar.js

@@ -1,26 +1,29 @@
 "use client";
 import { jsxs as p, jsx as l } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as n, Fallback as o, Image as t } from "../primitives/react-avatar.js";
-import { cva as u } from "class-variance-authority";
-import { cn as r } from "./lib/utils.js";
-const h = u("relative flex shrink-0 overflow-hidden", {
-  variants: {
-    size: {
-      xs: "h-ds-xs w-ds-xs",
-      sm: "h-ds-sm w-ds-sm",
-      md: "h-ds-md w-ds-md",
-      lg: "h-ds-lg w-ds-lg",
-      xl: "h-ds-xl w-ds-xl"
+import { R as n, I as o, F as t } from "../_chunks/primitives.js";
+import { m as u } from "../_chunks/vendor.js";
+import { c as r } from "../_chunks/utils.js";
+const w = u(
+  "relative flex shrink-0 overflow-hidden",
+  {
+    variants: {
+      size: {
+        xs: "h-ds-xs w-ds-xs",
+        sm: "h-ds-sm w-ds-sm",
+        md: "h-ds-md w-ds-md",
+        lg: "h-ds-lg w-ds-lg",
+        xl: "h-ds-xl w-ds-xl"
+      },
+      shape: {
+        circle: "rounded-ds-full",
+        square: "rounded-ds-none",
+        rounded: "rounded-ds-md"
+      }
     },
-    shape: {
-      circle: "rounded-ds-full",
-      square: "rounded-ds-none",
-      rounded: "rounded-ds-md"
-    }
-  },
-  defaultVariants: { size: "md", shape: "circle" }
-}), w = {
+    defaultVariants: { size: "md", shape: "circle" }
+  }
+), h = {
   online: "bg-success",
   offline: "bg-layer-03",
   busy: "bg-error",
@@ -36,15 +39,54 @@ const h = u("relative flex shrink-0 overflow-hidden", {
   md: "h-ds-03 w-ds-03",
   lg: "h-[12px] w-[12px]",
   xl: "h-ds-04 w-ds-04"
-}, g = i.forwardRef(({ className: a, size: s, shape: e, status: d, children: m, ...f }, c) => p("span", { className: "relative inline-flex shrink-0", children: [l(n, { ref: c, className: r(h({ size: s, shape: e }), a), ...f, children: m }), d && l("span", { className: r("absolute bottom-0 right-0 rounded-ds-full ring-2 ring-layer-01", w[d], b[s ?? "md"]), role: "img", "aria-label": x[d] })] }));
+}, g = i.forwardRef(({ className: a, size: s, shape: e, status: d, children: m, ...c }, f) => /* @__PURE__ */ p("span", { className: "relative inline-flex shrink-0", children: [
+  /* @__PURE__ */ l(
+    n,
+    {
+      ref: f,
+      className: r(w({ size: s, shape: e }), a),
+      ...c,
+      children: m
+    }
+  ),
+  d && /* @__PURE__ */ l(
+    "span",
+    {
+      className: r(
+        "absolute bottom-0 right-0 rounded-ds-full ring-2 ring-layer-01",
+        h[d],
+        b[s ?? "md"]
+      ),
+      role: "img",
+      "aria-label": x[d]
+    }
+  )
+] }));
 g.displayName = n.displayName;
-const y = i.forwardRef(({ className: a, ...s }, e) => l(t, { ref: e, className: r("aspect-square h-full w-full", a), ...s }));
-y.displayName = t.displayName;
-const v = i.forwardRef(({ className: a, ...s }, e) => l(o, { ref: e, className: r("flex h-full w-full items-center justify-center rounded-ds-full bg-interactive-subtle text-interactive", a), ...s }));
-v.displayName = o.displayName;
+const y = i.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ l(
+  o,
+  {
+    ref: e,
+    className: r("aspect-square h-full w-full", a),
+    ...s
+  }
+));
+y.displayName = o.displayName;
+const v = i.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ l(
+  t,
+  {
+    ref: e,
+    className: r(
+      "flex h-full w-full items-center justify-center rounded-ds-full bg-interactive-subtle text-interactive",
+      a
+    ),
+    ...s
+  }
+));
+v.displayName = t.displayName;
 export {
   g as Avatar,
   v as AvatarFallback,
   y as AvatarImage,
-  h as avatarVariants
+  w as avatarVariants
 };

package/dist/ui/badge.d.ts

@@ -2,8 +2,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const badgeVariants: (props?: ({
-    variant?: "solid" | "outline" | "destructive" | "subtle" | "secondary" | null | undefined;
-    color?: "accent" | "default" | "error" | "warning" | "success" | "cyan" | "indigo" | "orange" | "teal" | "info" | "brand" | "amber" | "slate" | "emerald" | null | undefined;
+    variant?: "solid" | "subtle" | "outline" | "secondary" | "destructive" | null | undefined;
+    color?: "accent" | "default" | "error" | "cyan" | "indigo" | "orange" | "teal" | "info" | "success" | "warning" | "brand" | "amber" | "slate" | "emerald" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**