@devalok/shilp-sutra 0.8.4 → 0.9.1

package/dist/ui/dialog.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as g, Close as r, Portal as x, Trigger as y, Content as i, Description as n, Overlay as c, Title as m } from "../primitives/react-dialog.js";
+import { aa as r, ab as g, ac as i, ad as n, ae as c, af as m, ag as x, ah as y } from "../_chunks/primitives.js";
 import { IconX as N } from "@tabler/icons-react";
-import { cn as l } from "./lib/utils.js";
-const F = g, H = y, u = x, O = r, f = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  c,
+import { c as l } from "../_chunks/utils.js";
+const F = x, H = y, u = g, O = n, f = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
+  r,
   {
     ref: t,
     className: l(
       "fixed inset-0 z-overlay 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
+      a
     ),
-    ...a
+    ...e
   }
 ));
-f.displayName = c.displayName;
-const D = s.forwardRef(({ className: e, children: a, ...t }, p) => /* @__PURE__ */ d(u, { children: [
+f.displayName = r.displayName;
+const D = s.forwardRef(({ className: a, children: e, ...t }, p) => /* @__PURE__ */ d(u, { children: [
   /* @__PURE__ */ o(f, {}),
   /* @__PURE__ */ d(
     i,
@@ -24,12 +24,12 @@ const D = s.forwardRef(({ className: e, children: a, ...t }, p) => /* @__PURE__
       ref: p,
       className: l(
         "fixed left-[50%] top-[50%] z-modal grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-ds-05 border border-border bg-layer-01 p-ds-06 shadow-04 rounded-ds-xl 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 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
-        e
+        a
       ),
       ...t,
       children: [
-        a,
-        /* @__PURE__ */ d(r, { 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: [
+        e,
+        /* @__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__ */ o(N, { className: "h-ico-lg w-ico-lg" }),
           /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
         ] })
@@ -38,74 +38,74 @@ const D = s.forwardRef(({ className: e, children: a, ...t }, p) => /* @__PURE__
   )
 ] }));
 D.displayName = i.displayName;
-const w = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+const w = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
   i,
   {
     ref: t,
-    className: l(e),
-    ...a
+    className: l(a),
+    ...e
   }
 ));
 w.displayName = "DialogContentRaw";
 const b = s.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ o(
     "div",
     {
       ref: t,
       className: l(
         "flex flex-col space-y-ds-02b text-center sm:text-left",
-        e
+        a
       ),
-      ...a
+      ...e
     }
   )
 );
 b.displayName = "DialogHeader";
 const v = s.forwardRef(
-  ({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ o(
     "div",
     {
       ref: t,
       className: l(
         "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
-        e
+        a
       ),
-      ...a
+      ...e
     }
   )
 );
 v.displayName = "DialogFooter";
-const R = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  m,
+const h = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
+  c,
   {
     ref: t,
     className: l(
       "text-ds-lg font-semibold",
-      e
+      a
     ),
-    ...a
+    ...e
   }
 ));
-R.displayName = m.displayName;
-const h = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  n,
+h.displayName = c.displayName;
+const R = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
+  m,
   {
     ref: t,
-    className: l("text-ds-md text-text-secondary", e),
-    ...a
+    className: l("text-ds-md text-text-secondary", a),
+    ...e
   }
 ));
-h.displayName = n.displayName;
+R.displayName = m.displayName;
 export {
   F as Dialog,
   O as DialogClose,
   D as DialogContent,
   w as DialogContentRaw,
-  h as DialogDescription,
+  R as DialogDescription,
   v as DialogFooter,
   b as DialogHeader,
   f as DialogOverlay,
   u as DialogPortal,
-  R as DialogTitle,
+  h as DialogTitle,
   H as DialogTrigger
 };

package/dist/ui/dropdown-menu.js

@@ -1,145 +1,145 @@
 "use client";
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import * as r from "react";
-import { Root as g, Group as h, Portal as l, RadioGroup as N, Sub as R, Trigger as v, CheckboxItem as m, ItemIndicator as c, Content as p, Item as u, Label as f, RadioItem as b, Separator as y, SubContent as w, SubTrigger as x } from "../primitives/react-dropdown-menu.js";
-import { IconCheck as D, IconCircle as I, IconChevronRight as M } from "@tabler/icons-react";
-import { cn as d } from "./lib/utils.js";
-const E = g, F = v, H = h, J = l, K = R, O = N, S = r.forwardRef(({ className: e, inset: t, children: o, ...s }, n) => /* @__PURE__ */ i(
-  x,
+import { X as l, Y as m, Z as c, _ as p, $ as u, a0 as f, a1 as b, a2 as y, a3 as w, a4 as x, a5 as h, a6 as g, a7 as N, a8 as v, a9 as D } from "../_chunks/primitives.js";
+import { IconChevronRight as M, IconCheck as R, IconCircle as I } from "@tabler/icons-react";
+import { c as d } from "../_chunks/utils.js";
+const $ = h, q = g, A = N, B = c, E = D, F = v, S = r.forwardRef(({ className: e, inset: a, children: t, ...s }, n) => /* @__PURE__ */ i(
+  l,
   {
     ref: n,
     className: d(
       "flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none focus:bg-layer-02 data-[state=open]:bg-layer-02 [&_svg]:pointer-events-none [&_svg]:h-ico-sm [&_svg]:w-ico-sm [&_svg]:shrink-0",
-      t && "pl-ds-07",
+      a && "pl-ds-07",
       e
     ),
     ...s,
     children: [
-      o,
-      /* @__PURE__ */ a(M, { className: "ml-auto" })
+      t,
+      /* @__PURE__ */ o(M, { className: "ml-auto" })
     ]
   }
 ));
-S.displayName = x.displayName;
-const C = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
-  w,
+S.displayName = l.displayName;
+const C = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  m,
   {
-    ref: o,
+    ref: t,
     className: d(
       "z-dropdown min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 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",
       e
     ),
-    ...t
+    ...a
   }
 ));
-C.displayName = w.displayName;
-const k = r.forwardRef(({ className: e, sideOffset: t = 4, ...o }, s) => /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
+C.displayName = m.displayName;
+const z = r.forwardRef(({ className: e, sideOffset: a = 4, ...t }, s) => /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(
   p,
   {
     ref: s,
-    sideOffset: t,
+    sideOffset: a,
     className: d(
       "z-dropdown min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03",
       "duration-moderate-01 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
     ),
-    ...o
+    ...t
   }
 ) }));
-k.displayName = p.displayName;
-const z = r.forwardRef(({ className: e, inset: t, ...o }, s) => /* @__PURE__ */ a(
+z.displayName = p.displayName;
+const k = r.forwardRef(({ className: e, inset: a, ...t }, s) => /* @__PURE__ */ o(
   u,
   {
     ref: s,
     className: d(
       "relative flex cursor-default select-none items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-ds-md outline-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38] [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
-      t && "pl-ds-07",
+      a && "pl-ds-07",
       e
     ),
-    ...o
+    ...t
   }
 ));
-z.displayName = u.displayName;
-const G = r.forwardRef(({ className: e, children: t, checked: o, ...s }, n) => /* @__PURE__ */ i(
-  m,
+k.displayName = u.displayName;
+const _ = r.forwardRef(({ className: e, children: a, checked: t, ...s }, n) => /* @__PURE__ */ i(
+  f,
   {
     ref: n,
     className: d(
       "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
       e
     ),
-    checked: o,
+    checked: t,
     ...s,
     children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(D, { className: "h-ico-sm w-ico-sm" }) }) }),
-      t
+      /* @__PURE__ */ o("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(R, { className: "h-ico-sm w-ico-sm" }) }) }),
+      a
     ]
   }
 ));
-G.displayName = m.displayName;
-const T = r.forwardRef(({ className: e, children: t, ...o }, s) => /* @__PURE__ */ i(
-  b,
+_.displayName = f.displayName;
+const j = r.forwardRef(({ className: e, children: a, ...t }, s) => /* @__PURE__ */ i(
+  y,
   {
     ref: s,
     className: d(
       "relative flex cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-07 pr-ds-03 text-ds-md outline-none transition-colors focus:bg-layer-02 focus:text-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-[0.38]",
       e
     ),
-    ...o,
+    ...t,
     children: [
-      /* @__PURE__ */ a("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(I, { className: "h-2 w-2 fill-current" }) }) }),
-      t
+      /* @__PURE__ */ o("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(I, { className: "h-2 w-2 fill-current" }) }) }),
+      a
     ]
   }
 ));
-T.displayName = b.displayName;
-const j = r.forwardRef(({ className: e, inset: t, ...o }, s) => /* @__PURE__ */ a(
-  f,
+j.displayName = y.displayName;
+const G = r.forwardRef(({ className: e, inset: a, ...t }, s) => /* @__PURE__ */ o(
+  w,
   {
     ref: s,
     className: d(
       "px-ds-03 py-ds-02b text-ds-md font-semibold",
-      t && "pl-ds-07",
+      a && "pl-ds-07",
       e
     ),
-    ...o
+    ...t
   }
 ));
-j.displayName = f.displayName;
-const _ = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
-  y,
+G.displayName = w.displayName;
+const T = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  x,
   {
-    ref: o,
+    ref: t,
     className: d("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
-    ...t
+    ...a
   }
 ));
-_.displayName = y.displayName;
+T.displayName = x.displayName;
 const L = ({
   className: e,
-  ...t
-}) => /* @__PURE__ */ a(
+  ...a
+}) => /* @__PURE__ */ o(
   "span",
   {
     className: d("ml-auto text-ds-sm text-text-placeholder", e),
-    ...t
+    ...a
   }
 );
 L.displayName = "DropdownMenuShortcut";
 export {
-  E as DropdownMenu,
-  G as DropdownMenuCheckboxItem,
-  k as DropdownMenuContent,
-  H as DropdownMenuGroup,
-  z as DropdownMenuItem,
-  j as DropdownMenuLabel,
-  J as DropdownMenuPortal,
-  O as DropdownMenuRadioGroup,
-  T as DropdownMenuRadioItem,
-  _ as DropdownMenuSeparator,
+  $ as DropdownMenu,
+  _ as DropdownMenuCheckboxItem,
+  z as DropdownMenuContent,
+  A as DropdownMenuGroup,
+  k as DropdownMenuItem,
+  G as DropdownMenuLabel,
+  B as DropdownMenuPortal,
+  F as DropdownMenuRadioGroup,
+  j as DropdownMenuRadioItem,
+  T as DropdownMenuSeparator,
   L as DropdownMenuShortcut,
-  K as DropdownMenuSub,
+  E as DropdownMenuSub,
   C as DropdownMenuSubContent,
   S as DropdownMenuSubTrigger,
-  F as DropdownMenuTrigger
+  q as DropdownMenuTrigger
 };

package/dist/ui/file-upload.js

@@ -2,7 +2,7 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import * as r from "react";
 import { IconLoader2 as R, IconPaperclip as _, IconUpload as S } from "@tabler/icons-react";
-import { cn as h } from "./lib/utils.js";
+import { c as h } from "../_chunks/utils.js";
 const V = 10 * 1024 * 1024;
 function X(t, l) {
   return l.split(",").map((o) => o.trim()).some((o) => o.startsWith(".") ? t.name.toLowerCase().endsWith(o.toLowerCase()) : o.endsWith("/*") ? t.type.startsWith(o.slice(0, o.indexOf("/") + 1)) : t.type === o);

package/dist/ui/form.js

@@ -1,28 +1,49 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import * as e from "react";
-import { cn as i } from "./lib/utils.js";
-const x = e.createContext({}), m = e.forwardRef(({ className: o, helperTextId: s, state: l = "helper", required: n, children: d, ...t }, r) => {
-  const a = e.useId(), p = s || `${a}-helper`;
-  return c(x.Provider, { value: { state: l, helperTextId: p, required: n }, children: c("div", { ref: r, className: i("flex flex-col gap-ds-02", o), ...t, children: d }) });
-});
+import { c as i } from "../_chunks/utils.js";
+const x = e.createContext({}), m = e.forwardRef(
+  ({ className: o, helperTextId: s, state: l = "helper", required: a, children: n, ...t }, r) => {
+    const c = e.useId(), p = s || `${c}-helper`;
+    return /* @__PURE__ */ d(x.Provider, { value: { state: l, helperTextId: p, required: a }, children: /* @__PURE__ */ d(
+      "div",
+      {
+        ref: r,
+        className: i("flex flex-col gap-ds-02", o),
+        ...t,
+        children: n
+      }
+    ) });
+  }
+);
 m.displayName = "FormField";
-const f = {
+const u = {
   helper: "text-text-helper",
   error: "text-text-error",
   warning: "text-text-warning",
   success: "text-text-success"
-}, u = e.forwardRef(({ className: o, id: s, state: l, ...n }, d) => {
-  const t = e.useContext(x), r = l ?? t.state ?? "helper", a = s ?? t.helperTextId;
-  return c("p", { ref: d, id: a, role: r === "error" ? "alert" : void 0, className: i("text-ds-sm", f[r], o), ...n });
-});
-u.displayName = "FormHelperText";
-function C() {
+}, f = e.forwardRef(
+  ({ className: o, id: s, state: l, ...a }, n) => {
+    const t = e.useContext(x), r = l ?? t.state ?? "helper", c = s ?? t.helperTextId;
+    return /* @__PURE__ */ d(
+      "p",
+      {
+        ref: n,
+        id: c,
+        role: r === "error" ? "alert" : void 0,
+        className: i("text-ds-sm", u[r], o),
+        ...a
+      }
+    );
+  }
+);
+f.displayName = "FormHelperText";
+function v() {
   return e.useContext(x);
 }
 export {
   m as FormField,
   x as FormFieldContext,
-  u as FormHelperText,
-  C as useFormField
+  f as FormHelperText,
+  v as useFormField
 };

package/dist/ui/hover-card.js

@@ -1,24 +1,24 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as n, Trigger as m, Portal as l, Content as o } from "../primitives/react-hover-card.js";
-import { cn as f } from "./lib/utils.js";
-const C = n, u = m, p = i.forwardRef(({ className: e, align: a = "center", sideOffset: d = 4, ...r }, s) => /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(
+import { z as n, A as o, B as m, D as l } from "../_chunks/primitives.js";
+import { c as f } from "../_chunks/utils.js";
+const u = m, C = l, p = i.forwardRef(({ className: a, align: e = "center", sideOffset: d = 4, ...r }, s) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
   o,
   {
     ref: s,
-    align: a,
+    align: e,
     sideOffset: d,
     className: f(
       "z-dropdown w-64 rounded-ds-lg border border-border bg-layer-01 p-ds-05 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
+      a
     ),
     ...r
   }
 ) }));
 p.displayName = o.displayName;
 export {
-  C as HoverCard,
+  u as HoverCard,
   p as HoverCardContent,
-  u as HoverCardTrigger
+  C as HoverCardTrigger
 };

package/dist/ui/icon-button.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import { Button as a } from "./button.js";
-import { cn as d } from "./lib/utils.js";
+import { jsx as m } from "react/jsx-runtime";
+import * as e from "react";
+import { B as a } from "../_chunks/button.js";
+import { c as d } from "../_chunks/utils.js";
 const l = {
   sm: "icon-sm",
   md: "icon-md",
   lg: "icon-lg"
-}, f = s.forwardRef(
-  ({ icon: o, shape: r = "square", size: n = "md", className: t, loading: i, ...m }, c) => /* @__PURE__ */ e(
+}, f = e.forwardRef(
+  ({ icon: o, shape: r = "square", size: n = "md", className: t, loading: s, ...c }, i) => /* @__PURE__ */ m(
     a,
     {
-      ref: c,
+      ref: i,
       size: l[n],
       className: d(r === "circle" && "rounded-ds-full", t),
-      loading: i,
+      loading: s,
       loadingPosition: "center",
-      ...m,
+      ...c,
       children: o
     }
   )