@devalok/shilp-sutra 0.8.4 → 0.9.0

package/dist/ui/input-otp.d.ts

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -13,7 +13,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: import('input-otp').RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/ui/input-otp.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import * as o from "react";
-import { OTPInput as c, OTPInputContext as u } from "input-otp";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import * as a from "react";
+import { OTPInput as m, OTPInputContext as u } from "input-otp";
 import { IconMinus as f } from "@tabler/icons-react";
-import { cn as a } from "./lib/utils.js";
-const x = o.forwardRef(({ className: e, containerClassName: t, ...s }, n) => /* @__PURE__ */ r(
-  c,
+import { c as o } from "../_chunks/utils.js";
+const x = a.forwardRef(({ className: e, containerClassName: t, ...s }, n) => /* @__PURE__ */ r(
+  m,
   {
     ref: n,
-    containerClassName: a(
+    containerClassName: o(
       "flex items-center gap-ds-03 has-[:disabled]:opacity-[0.38]",
       t
     ),
-    className: a("disabled:cursor-not-allowed", e),
+    className: o("disabled:cursor-not-allowed", e),
     ...s
   }
 ));
 x.displayName = "InputOTP";
-const b = o.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ r("div", { ref: s, className: a("flex items-center", e), ...t }));
+const b = a.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ r("div", { ref: s, className: o("flex items-center", e), ...t }));
 b.displayName = "InputOTPGroup";
-const I = o.forwardRef(({ index: e, className: t, ...s }, n) => {
-  const i = o.useContext(u), { char: d, hasFakeCaret: l, isActive: p } = i.slots[e];
-  return /* @__PURE__ */ m(
+const I = a.forwardRef(({ index: e, className: t, ...s }, n) => {
+  const i = a.useContext(u), { char: d, hasFakeCaret: l, isActive: p } = i.slots[e];
+  return /* @__PURE__ */ c(
     "div",
     {
       ref: n,
-      className: a(
+      className: o(
         "relative flex h-ds-sm-plus w-ds-sm-plus items-center justify-center border-y border-r border-border text-ds-md shadow-01 transition-[box-shadow] first:rounded-l-ds-md first:border-l last:rounded-r-ds-md",
         p && "z-raised ring-2 ring-focus",
         t
@@ -39,7 +39,7 @@ const I = o.forwardRef(({ index: e, className: t, ...s }, n) => {
   );
 });
 I.displayName = "InputOTPSlot";
-const O = o.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(f, {}) }));
+const O = a.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(f, {}) }));
 O.displayName = "InputOTPSeparator";
 export {
   x as InputOTP,

package/dist/ui/input.js

@@ -1,32 +1,60 @@
 "use client";
-import { jsx as d, jsxs as m } from "react/jsx-runtime";
-import * as p from "react";
-import { cva as x } from "class-variance-authority";
-import { cn as v } from "./lib/utils.js";
-import { useFormField as g } from "./form.js";
-const h = x([
-  "flex w-full font-sans",
-  "bg-field text-text-primary",
-  "border border-border rounded-ds-md",
-  "placeholder:text-text-placeholder",
-  "hover:bg-field-hover",
-  "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]",
-  "read-only:bg-layer-02 read-only:cursor-default"
-], {
-  variants: {
-    size: {
-      sm: "h-ds-sm text-ds-sm px-ds-03",
-      md: "h-ds-md text-ds-base px-ds-04",
-      lg: "h-ds-lg text-ds-lg px-ds-05"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), y = p.forwardRef(({ className: a, type: n, state: l, size: c, startIcon: e, endIcon: r, ...t }, u) => {
-  const s = g(), i = l ?? (s.state === "helper" ? void 0 : s.state), f = t["aria-describedby"] ?? s.helperTextId, b = t["aria-required"] ?? s.required, o = d("input", { type: n, className: v(h({ size: c }), e && "pl-ds-08", r && "pr-ds-08", i === "error" && "border-border-error focus-visible:ring-error", i === "warning" && "border-border-warning focus-visible:ring-warning", i === "success" && "border-border-success focus-visible:ring-success", a), "aria-invalid": i === "error" || void 0, "aria-describedby": f, "aria-required": b || void 0, ref: u, ...t });
-  return !e && !r ? o : m("div", { className: "relative flex items-center w-full", children: [e && d("span", { className: "absolute left-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: e }), o, r && d("span", { className: "absolute right-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: r })] });
-});
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import * as v from "react";
+import { m as p } from "../_chunks/vendor.js";
+import { c as x } from "../_chunks/utils.js";
+import { u as g } from "../_chunks/form.js";
+const h = p(
+  [
+    "flex w-full font-sans",
+    "bg-field text-text-primary",
+    "border border-border rounded-ds-md",
+    "placeholder:text-text-placeholder",
+    "hover:bg-field-hover",
+    "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]",
+    "read-only:bg-layer-02 read-only:cursor-default"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-ds-sm text-ds-sm px-ds-03",
+        md: "h-ds-md text-ds-base px-ds-04",
+        lg: "h-ds-lg text-ds-lg px-ds-05"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), y = v.forwardRef(
+  ({ className: d, type: l, state: n, size: c, startIcon: e, endIcon: r, ...t }, u) => {
+    const s = g(), i = n ?? (s.state === "helper" ? void 0 : s.state), m = t["aria-describedby"] ?? s.helperTextId, b = t["aria-required"] ?? s.required, a = /* @__PURE__ */ o(
+      "input",
+      {
+        type: l,
+        className: x(
+          h({ size: c }),
+          e && "pl-ds-08",
+          r && "pr-ds-08",
+          i === "error" && "border-border-error focus-visible:ring-error",
+          i === "warning" && "border-border-warning focus-visible:ring-warning",
+          i === "success" && "border-border-success focus-visible:ring-success",
+          d
+        ),
+        "aria-invalid": i === "error" || void 0,
+        "aria-describedby": m,
+        "aria-required": b || void 0,
+        ref: u,
+        ...t
+      }
+    );
+    return !e && !r ? a : /* @__PURE__ */ f("div", { className: "relative flex items-center w-full", children: [
+      e && /* @__PURE__ */ o("span", { className: "absolute left-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: e }),
+      a,
+      r && /* @__PURE__ */ o("span", { className: "absolute right-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: r })
+    ] });
+  }
+);
 y.displayName = "Input";
 export {
   y as Input,

package/dist/ui/label.js

@@ -1,9 +1,23 @@
 "use client";
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import * as d from "react";
-import { Root as e } from "../primitives/react-label.js";
-import { cn as n } from "./lib/utils.js";
-const p = d.forwardRef(({ className: r, required: t, children: a, ...o }, m) => s(e, { ref: m, className: n("font-sans text-ds-md font-medium text-text-primary leading-none peer-disabled:opacity-[0.38]", r), ...o, children: [a, t && i("span", { className: "text-text-error ml-ds-01", "aria-hidden": "true", children: "*" })] }));
+import { E as e } from "../_chunks/primitives.js";
+import { c as n } from "../_chunks/utils.js";
+const p = d.forwardRef(({ className: a, required: t, children: r, ...s }, o) => /* @__PURE__ */ m(
+  e,
+  {
+    ref: o,
+    className: n(
+      "font-sans text-ds-md font-medium text-text-primary leading-none peer-disabled:opacity-[0.38]",
+      a
+    ),
+    ...s,
+    children: [
+      r,
+      t && /* @__PURE__ */ i("span", { className: "text-text-error ml-ds-01", "aria-hidden": "true", children: "*" })
+    ]
+  }
+));
 p.displayName = e.displayName;
 export {
   p as Label

package/dist/ui/lib/utils.js

@@ -1,15 +1,14 @@
-import { clsx as t } from "clsx";
-import { extendTailwindMerge as r } from "tailwind-merge";
-const n = r({
+import { p as s, n as t } from "../../_chunks/vendor.js";
+const n = s({
   extend: {
     classGroups: {
       "font-size": [{ "text-ds": ["xs", "sm", "md"] }]
     }
   }
 });
-function i(...e) {
+function o(...e) {
   return n(t(e));
 }
 export {
-  i as cn
+  o as cn
 };

package/dist/ui/link.js

@@ -1,25 +1,25 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import { Root as s } from "../primitives/react-slot.js";
+import { S as s } from "../_chunks/primitives.js";
 import * as l from "react";
-import { cn as f } from "./lib/utils.js";
-const a = l.forwardRef(
-  ({ className: o, inline: e = !0, asChild: t = !1, ...i }, r) => /* @__PURE__ */ n(
-    t ? s : "a",
+import { c as a } from "../_chunks/utils.js";
+const f = l.forwardRef(
+  ({ className: o, inline: e = !0, asChild: i = !1, ...t }, r) => /* @__PURE__ */ n(
+    i ? s : "a",
     {
       ref: r,
-      className: f(
+      className: a(
         "text-text-link underline underline-offset-2",
         "hover:text-text-link-hover transition-colors duration-fast-01",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus rounded-ds-sm",
         e ? "inline" : "block",
         o
       ),
-      ...i
+      ...t
     }
   )
 );
-a.displayName = "Link";
+f.displayName = "Link";
 export {
-  a as Link
+  f as Link
 };

package/dist/ui/menubar.js

@@ -1,71 +1,71 @@
 "use client";
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import * as r from "react";
-import { Group as R, Menu as v, Portal as l, RadioGroup as M, Sub as I, Root as m, CheckboxItem as c, ItemIndicator as p, Content as u, Item as b, Label as f, RadioItem as y, Separator as x, SubContent as g, SubTrigger as h, Trigger as N } from "../primitives/react-menubar.js";
-import { IconCheck as S, IconCircle as C, IconChevronRight as k } from "@tabler/icons-react";
-import { cn as d } from "./lib/utils.js";
-const K = v, O = R, Q = l, U = I, V = M, z = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
-  m,
+import { aW as l, aX as m, aY as c, aZ as p, a_ as b, a$ as u, b0 as f, b1 as y, b2 as x, b3 as g, b4 as N, b5 as h, b6 as v, b7 as M, b8 as R, b9 as I } from "../_chunks/primitives.js";
+import { IconChevronRight as S, IconCheck as C, IconCircle as z } from "@tabler/icons-react";
+import { c as o } from "../_chunks/utils.js";
+const D = M, E = v, F = b, H = I, J = R, k = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+  l,
   {
-    ref: t,
-    className: d(
+    ref: s,
+    className: o(
       "flex h-ds-sm-plus items-center space-x-ds-02 rounded-ds-lg border border-border bg-layer-01 p-ds-02 shadow-01",
       e
     ),
     ...a
   }
 ));
-z.displayName = m.displayName;
-const G = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
-  N,
+k.displayName = l.displayName;
+const _ = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+  m,
   {
-    ref: t,
-    className: d(
+    ref: s,
+    className: o(
       "flex cursor-default select-none items-center rounded-ds-sm px-ds-04 py-ds-02 text-ds-md font-medium outline-none transition-colors hover:bg-field focus-visible:bg-field data-[state=open]:bg-field",
       e
     ),
     ...a
   }
 ));
-G.displayName = N.displayName;
-const T = r.forwardRef(({ className: e, inset: a, children: t, ...o }, n) => /* @__PURE__ */ i(
-  h,
+_.displayName = m.displayName;
+const j = r.forwardRef(({ className: e, inset: a, children: s, ...d }, n) => /* @__PURE__ */ i(
+  c,
   {
     ref: n,
-    className: d(
+    className: o(
       "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",
       a && "pl-ds-07",
       e
     ),
-    ...o,
+    ...d,
     children: [
-      t,
-      /* @__PURE__ */ s(k, { className: "ml-auto" })
+      s,
+      /* @__PURE__ */ t(S, { className: "ml-auto" })
     ]
   }
 ));
-T.displayName = h.displayName;
-const j = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
-  g,
+j.displayName = c.displayName;
+const G = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+  p,
   {
-    ref: t,
-    className: d(
+    ref: s,
+    className: o(
       "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
     ),
     ...a
   }
 ));
-j.displayName = g.displayName;
-const _ = r.forwardRef(
-  ({ className: e, align: a = "start", alignOffset: t = -4, sideOffset: o = 8, ...n }, w) => /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(
+G.displayName = p.displayName;
+const T = r.forwardRef(
+  ({ className: e, align: a = "start", alignOffset: s = -4, sideOffset: d = 8, ...n }, w) => /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
     u,
     {
       ref: w,
       align: a,
-      alignOffset: t,
-      sideOffset: o,
-      className: d(
+      alignOffset: s,
+      sideOffset: d,
+      className: o(
         "z-dropdown min-w-[12rem] 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
@@ -74,104 +74,104 @@ const _ = r.forwardRef(
     }
   ) })
 );
-_.displayName = u.displayName;
-const L = r.forwardRef(({ className: e, inset: a, ...t }, o) => /* @__PURE__ */ s(
-  b,
+T.displayName = u.displayName;
+const L = r.forwardRef(({ className: e, inset: a, ...s }, d) => /* @__PURE__ */ t(
+  f,
   {
-    ref: o,
-    className: d(
+    ref: d,
+    className: o(
       "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",
       a && "pl-ds-07",
       e
     ),
-    ...t
+    ...s
   }
 ));
-L.displayName = b.displayName;
-const P = r.forwardRef(({ className: e, children: a, checked: t, ...o }, n) => /* @__PURE__ */ i(
-  c,
+L.displayName = f.displayName;
+const P = r.forwardRef(({ className: e, children: a, checked: s, ...d }, n) => /* @__PURE__ */ i(
+  y,
   {
     ref: n,
-    className: d(
+    className: o(
       "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: t,
-    ...o,
+    checked: s,
+    ...d,
     children: [
-      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(S, { className: "h-ico-sm w-ico-sm" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(C, { className: "h-ico-sm w-ico-sm" }) }) }),
       a
     ]
   }
 ));
-P.displayName = c.displayName;
-const q = r.forwardRef(({ className: e, children: a, ...t }, o) => /* @__PURE__ */ i(
-  y,
+P.displayName = y.displayName;
+const W = r.forwardRef(({ className: e, children: a, ...s }, d) => /* @__PURE__ */ i(
+  g,
   {
-    ref: o,
-    className: d(
+    ref: d,
+    className: o(
       "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
     ),
-    ...t,
+    ...s,
     children: [
-      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(C, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ t("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(z, { className: "h-2 w-2 fill-current" }) }) }),
       a
     ]
   }
 ));
-q.displayName = y.displayName;
-const A = r.forwardRef(({ className: e, inset: a, ...t }, o) => /* @__PURE__ */ s(
-  f,
+W.displayName = g.displayName;
+const X = r.forwardRef(({ className: e, inset: a, ...s }, d) => /* @__PURE__ */ t(
+  N,
   {
-    ref: o,
-    className: d(
+    ref: d,
+    className: o(
       "px-ds-03 py-ds-02b text-ds-md font-semibold",
       a && "pl-ds-07",
       e
     ),
-    ...t
+    ...s
   }
 ));
-A.displayName = f.displayName;
-const B = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
-  x,
+X.displayName = N.displayName;
+const Y = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ t(
+  h,
   {
-    ref: t,
-    className: d("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
+    ref: s,
+    className: o("-mx-ds-01 my-ds-02 h-px bg-border-subtle", e),
     ...a
   }
 ));
-B.displayName = x.displayName;
-const D = ({
+Y.displayName = h.displayName;
+const Z = ({
   className: e,
   ...a
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ t(
   "span",
   {
-    className: d(
+    className: o(
       "ml-auto text-ds-sm text-text-placeholder",
       e
     ),
     ...a
   }
 );
-D.displayName = "MenubarShortcut";
+Z.displayName = "MenubarShortcut";
 export {
-  z as Menubar,
+  k as Menubar,
   P as MenubarCheckboxItem,
-  _ as MenubarContent,
-  O as MenubarGroup,
+  T as MenubarContent,
+  E as MenubarGroup,
   L as MenubarItem,
-  A as MenubarLabel,
-  K as MenubarMenu,
-  Q as MenubarPortal,
-  V as MenubarRadioGroup,
-  q as MenubarRadioItem,
-  B as MenubarSeparator,
-  D as MenubarShortcut,
-  U as MenubarSub,
-  j as MenubarSubContent,
-  T as MenubarSubTrigger,
-  G as MenubarTrigger
+  X as MenubarLabel,
+  D as MenubarMenu,
+  F as MenubarPortal,
+  J as MenubarRadioGroup,
+  W as MenubarRadioItem,
+  Y as MenubarSeparator,
+  Z as MenubarShortcut,
+  H as MenubarSub,
+  G as MenubarSubContent,
+  j as MenubarSubTrigger,
+  _ as MenubarTrigger
 };