@devalok/shilp-sutra 0.34.0 → 0.34.1

package/dist/composed/inline-edit.js

@@ -1,109 +1,94 @@
 "use client";
-import { jsxs as P, jsx as l } from "react/jsx-runtime";
-import * as i from "react";
-import { IconPencil as A } from "@tabler/icons-react";
-import { Icon as j } from "../ui/icon.js";
-import { cn as C } from "../ui/lib/utils.js";
-import { Spinner as z } from "../ui/spinner.js";
-const K = i.forwardRef(({
-  value: r,
-  onSave: h,
-  placeholder: d = "Click to edit",
-  textClassName: R,
-  readOnly: o = !1,
-  maxLength: a,
-  saving: b = !1,
-  className: w,
-  ...v
-}, E) => {
-  const [D, m] = i.useState(!1), [s, f] = i.useState(!1), t = i.useRef(null), p = i.useRef(r), u = b || D, I = !r;
-  i.useEffect(() => {
-    !s && t.current && (t.current.textContent = r);
-  }, [r, s]);
-  function S() {
-    o || u || (f(!0), p.current = r, requestAnimationFrame(() => {
-      if (!t.current) return;
-      const e = document.createRange();
-      e.selectNodeContents(t.current);
-      const n = window.getSelection();
-      n?.removeAllRanges(), n?.addRange(e);
-    }));
-  }
-  async function x() {
-    if (!t.current) return;
-    f(!1);
-    const n = (t.current.textContent ?? "").trim(), c = a ? n.slice(0, a) : n;
-    if (t.current.textContent = c || r, c === r) return;
-    const g = h(c);
-    if (g instanceof Promise) {
-      m(!0);
-      try {
-        await g;
-      } catch {
-        t.current && (t.current.textContent = r);
-      } finally {
-        m(!1);
-      }
-    }
-  }
-  function y() {
-    t.current && (t.current.textContent = p.current, f(!1), t.current.blur());
-  }
-  function N(e) {
-    e.key === "Escape" ? (e.preventDefault(), y()) : e.key === "Enter" && (e.preventDefault(), x());
-  }
-  function k() {
-    if (!t.current || !a) return;
-    const e = t.current.textContent ?? "";
-    if (e.length > a) {
-      t.current.textContent = e.slice(0, a);
-      const n = document.createRange();
-      n.selectNodeContents(t.current), n.collapse(!1);
-      const c = window.getSelection();
-      c?.removeAllRanges(), c?.addRange(n);
-    }
-  }
-  function F(e) {
-    e.preventDefault();
-    const n = e.clipboardData.getData("text/plain");
-    document.execCommand("insertText", !1, n);
-  }
-  return /* @__PURE__ */ P("div", { ref: E, className: C("group inline-flex items-center gap-ds-02", w), ...v, children: [
-    /* @__PURE__ */ l(
-      "span",
-      {
-        ref: t,
-        role: o ? void 0 : "textbox",
-        contentEditable: !o && !u,
-        suppressContentEditableWarning: !0,
-        tabIndex: o ? void 0 : 0,
-        onFocus: S,
-        onBlur: x,
-        onKeyDown: N,
-        onInput: k,
-        onPaste: F,
-        spellCheck: s,
-        className: C(
-          "font-sans text-surface-fg outline-hidden",
-          R,
-          // Idle: subtle hover hint
-          !o && !s && "cursor-text rounded-ds-sm -mx-ds-01 px-ds-01 hover:bg-surface-raised-hover transition-colors duration-fast-01",
-          // Focused: subtle underline to indicate editing
-          s && "rounded-ds-sm -mx-ds-01 px-ds-01 bg-surface-raised-hover ring-1 ring-accent-7",
-          // Empty: show placeholder styling
-          I && !s && "text-surface-fg-subtle italic",
-          // Read-only
-          o && "cursor-default"
-        ),
-        "data-placeholder": d,
-        children: r || (s ? "" : d)
-      }
-    ),
-    !o && !s && !u && /* @__PURE__ */ l(j, { icon: A, size: "xs", className: "text-surface-fg-subtle opacity-0 group-hover:opacity-100 transition-opacity duration-fast-01 shrink-0" }),
-    u && /* @__PURE__ */ l(z, { size: "sm" })
-  ] });
+import { cn as e } from "../ui/lib/utils.js";
+import { Spinner as t } from "../ui/spinner.js";
+import { Icon as n } from "../ui/icon.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconPencil as o } from "@tabler/icons-react";
+//#region src/composed/inline-edit.tsx
+var s = r.forwardRef(({ value: s, onSave: c, placeholder: l = "Click to edit", textClassName: u, readOnly: d = !1, maxLength: f, saving: p = !1, className: m, ...h }, g) => {
+	let [_, v] = r.useState(!1), [y, b] = r.useState(!1), x = r.useRef(null), S = r.useRef(s), C = p || _, w = !s;
+	r.useEffect(() => {
+		!y && x.current && (x.current.textContent = s);
+	}, [s, y]);
+	function T() {
+		d || C || (b(!0), S.current = s, requestAnimationFrame(() => {
+			if (!x.current) return;
+			let e = document.createRange();
+			e.selectNodeContents(x.current);
+			let t = window.getSelection();
+			t?.removeAllRanges(), t?.addRange(e);
+		}));
+	}
+	async function E() {
+		if (!x.current) return;
+		b(!1);
+		let e = (x.current.textContent ?? "").trim(), t = f ? e.slice(0, f) : e;
+		if (x.current.textContent = t || s, t === s) return;
+		let n = c(t);
+		if (n instanceof Promise) {
+			v(!0);
+			try {
+				await n;
+			} catch {
+				x.current && (x.current.textContent = s);
+			} finally {
+				v(!1);
+			}
+		}
+	}
+	function D() {
+		x.current && (x.current.textContent = S.current, b(!1), x.current.blur());
+	}
+	function O(e) {
+		e.key === "Escape" ? (e.preventDefault(), D()) : e.key === "Enter" && (e.preventDefault(), E());
+	}
+	function k() {
+		if (!x.current || !f) return;
+		let e = x.current.textContent ?? "";
+		if (e.length > f) {
+			x.current.textContent = e.slice(0, f);
+			let t = document.createRange();
+			t.selectNodeContents(x.current), t.collapse(!1);
+			let n = window.getSelection();
+			n?.removeAllRanges(), n?.addRange(t);
+		}
+	}
+	function A(e) {
+		e.preventDefault();
+		let t = e.clipboardData.getData("text/plain");
+		document.execCommand("insertText", !1, t);
+	}
+	return /* @__PURE__ */ a("div", {
+		ref: g,
+		className: e("group inline-flex items-center gap-ds-02", m),
+		...h,
+		children: [
+			/* @__PURE__ */ i("span", {
+				ref: x,
+				role: d ? void 0 : "textbox",
+				contentEditable: !d && !C,
+				suppressContentEditableWarning: !0,
+				tabIndex: d ? void 0 : 0,
+				onFocus: T,
+				onBlur: E,
+				onKeyDown: O,
+				onInput: k,
+				onPaste: A,
+				spellCheck: y,
+				className: e("font-sans text-surface-fg outline-hidden", u, !d && !y && "cursor-text rounded-ds-sm -mx-ds-01 px-ds-01 hover:bg-surface-raised-hover transition-colors duration-fast-01", y && "rounded-ds-sm -mx-ds-01 px-ds-01 bg-surface-raised-hover ring-1 ring-accent-7", w && !y && "text-surface-fg-subtle italic", d && "cursor-default"),
+				"data-placeholder": l,
+				children: s || (y ? "" : l)
+			}),
+			!d && !y && !C && /* @__PURE__ */ i(n, {
+				icon: o,
+				size: "xs",
+				className: "text-surface-fg-subtle opacity-0 group-hover:opacity-100 transition-opacity duration-fast-01 shrink-0"
+			}),
+			C && /* @__PURE__ */ i(t, { size: "sm" })
+		]
+	});
 });
-K.displayName = "InlineEdit";
-export {
-  K as InlineEdit
-};
+s.displayName = "InlineEdit";
+//#endregion
+export { s as InlineEdit };

package/dist/composed/lib/string-utils.js

@@ -1,9 +1,9 @@
-function i(r) {
-  const t = r.trim();
-  if (!t) return "";
-  const e = t.split(/\s+/);
-  return e.length >= 2 ? (e[0][0] + e[1][0]).toUpperCase() : t.slice(0, 2).toUpperCase();
+//#region src/composed/lib/string-utils.ts
+function e(e) {
+	let t = e.trim();
+	if (!t) return "";
+	let n = t.split(/\s+/);
+	return n.length >= 2 ? (n[0][0] + n[1][0]).toUpperCase() : t.slice(0, 2).toUpperCase();
 }
-export {
-  i as getInitials
-};
+//#endregion
+export { e as getInitials };

package/dist/composed/loading-skeleton.js

@@ -1,172 +1,104 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as e } from "../ui/lib/utils.js";
+import { Skeleton as t } from "../ui/skeleton.js";
 import * as n from "react";
-import { cn as c } from "../ui/lib/utils.js";
-import { Skeleton as s } from "../ui/skeleton.js";
-const u = n.forwardRef(
-  function({ className: d, ...l }, o) {
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: o,
-        ...l,
-        className: c(
-          "rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05b",
-          d
-        ),
-        children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-between pb-ds-05", children: [
-            /* @__PURE__ */ e(s, { className: "h-[16px] w-[128px] bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-surface-raised-hover" })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "space-y-ds-04", children: [
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-full bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-4/5 bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-3/5 bg-surface-raised-hover" })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03 pt-ds-05", children: [
-            /* @__PURE__ */ e(s, { className: "h-ds-xs w-ds-xs rounded-ds-full bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-[80px] bg-surface-raised-hover" })
-          ] })
-        ]
-      }
-    );
-  }
-);
-u.displayName = "CardSkeleton";
-const b = n.forwardRef(
-  function({
-    rows: d = 5,
-    columns: l = 4,
-    className: o,
-    ...i
-  }, m) {
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: m,
-        ...i,
-        className: c(
-          "overflow-hidden rounded-ds-lg border border-surface-border-strong",
-          o
-        ),
-        children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-05 border-b border-surface-border-strong bg-surface-raised px-ds-05 py-ds-04", children: Array.from({ length: l }).map((h, r) => /* @__PURE__ */ e(
-            s,
-            {
-              className: c(
-                "h-[12px] bg-surface-raised-hover",
-                r === 0 ? "w-[160px]" : "flex-1"
-              )
-            },
-            `head-${r}`
-          )) }),
-          Array.from({ length: d }).map((h, r) => /* @__PURE__ */ e(
-            "div",
-            {
-              className: c(
-                "flex items-center gap-ds-05 px-ds-05 py-ds-04",
-                r < d - 1 && "border-b border-surface-border-strong"
-              ),
-              style: { animationDelay: `${r * 50}ms` },
-              children: Array.from({ length: l }).map((p, f) => /* @__PURE__ */ e(
-                s,
-                {
-                  className: c(
-                    "h-[12px] bg-surface-raised-hover",
-                    f === 0 ? "w-[160px]" : "flex-1"
-                  )
-                },
-                `cell-${r}-${f}`
-              ))
-            },
-            `row-${r}`
-          ))
-        ]
-      }
-    );
-  }
-);
-b.displayName = "TableSkeleton";
-const g = n.forwardRef(
-  function({
-    columns: d = 4,
-    cardsPerColumn: l = 3,
-    className: o,
-    ...i
-  }, m) {
-    return /* @__PURE__ */ e("div", { ref: m, ...i, className: c("flex gap-ds-05 overflow-x-auto", o), children: Array.from({ length: d }).map((h, r) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: "flex w-[272px] shrink-0 flex-col gap-ds-03",
-        children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-ds-02 py-ds-03", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
-              /* @__PURE__ */ e(s, { className: "h-[12px] w-[12px] rounded bg-surface-raised-hover" }),
-              /* @__PURE__ */ e(s, { className: "h-[12px] w-[80px] bg-surface-raised-hover" }),
-              /* @__PURE__ */ e(s, { className: "h-[16px] w-[20px] rounded-ds-full bg-surface-raised-hover" })
-            ] }),
-            /* @__PURE__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-surface-raised-hover" })
-          ] }),
-          Array.from({ length: l }).map((p, f) => /* @__PURE__ */ a(
-            "div",
-            {
-              className: "rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-04",
-              style: { animationDelay: `${(r * l + f) * 50}ms` },
-              children: [
-                /* @__PURE__ */ a("div", { className: "space-y-ds-03", children: [
-                  /* @__PURE__ */ e(s, { className: "h-[12px] w-4/5 bg-surface-raised-hover" }),
-                  /* @__PURE__ */ e(s, { className: "h-[12px] w-3/5 bg-surface-raised-hover" })
-                ] }),
-                /* @__PURE__ */ a("div", { className: "flex items-center justify-between pt-ds-04", children: [
-                  /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02b", children: [
-                    /* @__PURE__ */ e(s, { className: "h-ico-md w-ico-md rounded-ds-full bg-surface-raised-hover" }),
-                    /* @__PURE__ */ e(s, { className: "h-ds-03 w-[64px] bg-surface-raised-hover" })
-                  ] }),
-                  /* @__PURE__ */ e(s, { className: "h-[16px] w-ds-lg rounded-ds-full bg-surface-raised-hover" })
-                ] })
-              ]
-            },
-            `card-${r}-${f}`
-          ))
-        ]
-      },
-      `col-${r}`
-    )) });
-  }
-);
-g.displayName = "BoardSkeleton";
-const x = n.forwardRef(
-  function({
-    rows: d = 6,
-    showAvatar: l = !0,
-    className: o,
-    ...i
-  }, m) {
-    return /* @__PURE__ */ e("div", { ref: m, ...i, className: c("flex flex-col", o), children: Array.from({ length: d }).map((h, r) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: c(
-          "flex items-center gap-ds-04 py-ds-04",
-          r < d - 1 && "border-b border-surface-border-strong"
-        ),
-        style: { animationDelay: `${r * 50}ms` },
-        children: [
-          l && /* @__PURE__ */ e(s, { className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-full bg-surface-raised-hover" }),
-          /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-2/5 bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-ds-03 w-3/5 bg-surface-raised-hover" })
-          ] }),
-          /* @__PURE__ */ e(s, { className: "h-[20px] w-[56px] rounded-ds-full bg-surface-raised-hover" })
-        ]
-      },
-      `list-${r}`
-    )) });
-  }
-);
-x.displayName = "ListSkeleton";
-export {
-  g as BoardSkeleton,
-  u as CardSkeleton,
-  x as ListSkeleton,
-  b as TableSkeleton
-};
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/composed/loading-skeleton.tsx
+var a = n.forwardRef(function({ className: n, ...a }, o) {
+	return /* @__PURE__ */ i("div", {
+		ref: o,
+		...a,
+		className: e("rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05b", n),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between pb-ds-05",
+				children: [/* @__PURE__ */ r(t, { className: "h-[16px] w-[128px] bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-ico-sm w-ico-sm rounded bg-surface-raised-hover" })]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "space-y-ds-04",
+				children: [
+					/* @__PURE__ */ r(t, { className: "h-[12px] w-full bg-surface-raised-hover" }),
+					/* @__PURE__ */ r(t, { className: "h-[12px] w-4/5 bg-surface-raised-hover" }),
+					/* @__PURE__ */ r(t, { className: "h-[12px] w-3/5 bg-surface-raised-hover" })
+				]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-ds-03 pt-ds-05",
+				children: [/* @__PURE__ */ r(t, { className: "h-ds-xs w-ds-xs rounded-ds-full bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-[12px] w-[80px] bg-surface-raised-hover" })]
+			})
+		]
+	});
+});
+a.displayName = "CardSkeleton";
+var o = n.forwardRef(function({ rows: n = 5, columns: a = 4, className: o, ...s }, c) {
+	return /* @__PURE__ */ i("div", {
+		ref: c,
+		...s,
+		className: e("overflow-hidden rounded-ds-lg border border-surface-border-strong", o),
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-center gap-ds-05 border-b border-surface-border-strong bg-surface-raised px-ds-05 py-ds-04",
+			children: Array.from({ length: a }).map((n, i) => /* @__PURE__ */ r(t, { className: e("h-[12px] bg-surface-raised-hover", i === 0 ? "w-[160px]" : "flex-1") }, `head-${i}`))
+		}), Array.from({ length: n }).map((i, o) => /* @__PURE__ */ r("div", {
+			className: e("flex items-center gap-ds-05 px-ds-05 py-ds-04", o < n - 1 && "border-b border-surface-border-strong"),
+			style: { animationDelay: `${o * 50}ms` },
+			children: Array.from({ length: a }).map((n, i) => /* @__PURE__ */ r(t, { className: e("h-[12px] bg-surface-raised-hover", i === 0 ? "w-[160px]" : "flex-1") }, `cell-${o}-${i}`))
+		}, `row-${o}`))]
+	});
+});
+o.displayName = "TableSkeleton";
+var s = n.forwardRef(function({ columns: n = 4, cardsPerColumn: a = 3, className: o, ...s }, c) {
+	return /* @__PURE__ */ r("div", {
+		ref: c,
+		...s,
+		className: e("flex gap-ds-05 overflow-x-auto", o),
+		children: Array.from({ length: n }).map((e, n) => /* @__PURE__ */ i("div", {
+			className: "flex w-[272px] shrink-0 flex-col gap-ds-03",
+			children: [/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between px-ds-02 py-ds-03",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex items-center gap-ds-03",
+					children: [
+						/* @__PURE__ */ r(t, { className: "h-[12px] w-[12px] rounded bg-surface-raised-hover" }),
+						/* @__PURE__ */ r(t, { className: "h-[12px] w-[80px] bg-surface-raised-hover" }),
+						/* @__PURE__ */ r(t, { className: "h-[16px] w-[20px] rounded-ds-full bg-surface-raised-hover" })
+					]
+				}), /* @__PURE__ */ r(t, { className: "h-ico-sm w-ico-sm rounded bg-surface-raised-hover" })]
+			}), Array.from({ length: a }).map((e, o) => /* @__PURE__ */ i("div", {
+				className: "rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-04",
+				style: { animationDelay: `${(n * a + o) * 50}ms` },
+				children: [/* @__PURE__ */ i("div", {
+					className: "space-y-ds-03",
+					children: [/* @__PURE__ */ r(t, { className: "h-[12px] w-4/5 bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-[12px] w-3/5 bg-surface-raised-hover" })]
+				}), /* @__PURE__ */ i("div", {
+					className: "flex items-center justify-between pt-ds-04",
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex items-center gap-ds-02b",
+						children: [/* @__PURE__ */ r(t, { className: "h-ico-md w-ico-md rounded-ds-full bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-ds-03 w-[64px] bg-surface-raised-hover" })]
+					}), /* @__PURE__ */ r(t, { className: "h-[16px] w-ds-lg rounded-ds-full bg-surface-raised-hover" })]
+				})]
+			}, `card-${n}-${o}`))]
+		}, `col-${n}`))
+	});
+});
+s.displayName = "BoardSkeleton";
+var c = n.forwardRef(function({ rows: n = 6, showAvatar: a = !0, className: o, ...s }, c) {
+	return /* @__PURE__ */ r("div", {
+		ref: c,
+		...s,
+		className: e("flex flex-col", o),
+		children: Array.from({ length: n }).map((o, s) => /* @__PURE__ */ i("div", {
+			className: e("flex items-center gap-ds-04 py-ds-04", s < n - 1 && "border-b border-surface-border-strong"),
+			style: { animationDelay: `${s * 50}ms` },
+			children: [
+				a && /* @__PURE__ */ r(t, { className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-full bg-surface-raised-hover" }),
+				/* @__PURE__ */ i("div", {
+					className: "flex flex-1 flex-col gap-ds-02b",
+					children: [/* @__PURE__ */ r(t, { className: "h-[12px] w-2/5 bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-ds-03 w-3/5 bg-surface-raised-hover" })]
+				}),
+				/* @__PURE__ */ r(t, { className: "h-[20px] w-[56px] rounded-ds-full bg-surface-raised-hover" })
+			]
+		}, `list-${s}`))
+	});
+});
+c.displayName = "ListSkeleton";
+//#endregion
+export { s as BoardSkeleton, a as CardSkeleton, c as ListSkeleton, o as TableSkeleton };