@devalok/shilp-sutra 0.17.2 → 0.18.1

package/dist/_chunks/tiptap.js

@@ -1,7 +1,7 @@
 "use client";
 import $, { useRef as xl, useState as xs, useDebugValue as Ms, useEffect as Cs, forwardRef as Ml, useLayoutEffect as Cl, createRef as wl, memo as Tl, createElement as Ol, createContext as ws, version as Xr, useContext as El } from "react";
 import vl, { flushSync as Nl } from "react-dom";
-import { O as Zr, k as Al, c as Dl, R as Ts, f as Os, r as Qr, t as Rl, d as Il } from "./vendor-utils.js";
+import { a8 as Zr, a9 as Al, aa as Dl, ab as Ts, ac as Os, ad as Qr, ae as Rl, af as Il } from "./vendor-utils.js";
 function Es(n, e, t) {
   for (let r = 0; ; r++) {
     if (r == n.childCount || r == e.childCount)

package/dist/_chunks/tree-view.js

@@ -1,163 +1,163 @@
 "use client";
-import { jsxs as I, jsx as c } from "react/jsx-runtime";
-import * as l from "react";
-import { useState as V, useCallback as P } from "react";
-import { c as D } from "./utils.js";
-import { IconChevronRight as q } from "@tabler/icons-react";
-import { C as M } from "./checkbox.js";
-function z(r = {}) {
-  const { defaultExpanded: m, defaultSelected: n, multiSelect: d, onSelect: h, onExpand: a } = r, [g, x] = V(
-    new Set(m ?? [])
-  ), [y, E] = V(
-    new Set(n ?? [])
-  ), s = P(
-    (t) => {
-      x((i) => {
-        const f = new Set(i);
-        return f.has(t) ? f.delete(t) : f.add(t), a == null || a(Array.from(f)), f;
+import { jsxs as V, jsx as l } from "react/jsx-runtime";
+import * as d from "react";
+import { useState as P, useCallback as K } from "react";
+import { cn as A } from "../ui/lib/utils.js";
+import { IconChevronRight as M } from "@tabler/icons-react";
+import { Checkbox as z } from "../ui/checkbox.js";
+function G(t = {}) {
+  const { defaultExpanded: h, defaultSelected: r, multiSelect: f, onSelect: g, onExpand: o } = t, [k, w] = P(
+    new Set(h ?? [])
+  ), [C, N] = P(
+    new Set(r ?? [])
+  ), s = K(
+    (n) => {
+      w((i) => {
+        const p = new Set(i);
+        return p.has(n) ? p.delete(n) : p.add(n), o == null || o(Array.from(p)), p;
       });
     },
-    [a]
-  ), u = P(
-    (t, i) => {
-      E((f) => {
-        let p;
-        return d && (i != null && i.ctrlKey) ? (p = new Set(f), p.has(t) ? p.delete(t) : p.add(t)) : p = /* @__PURE__ */ new Set([t]), h == null || h(Array.from(p)), p;
+    [o]
+  ), c = K(
+    (n, i) => {
+      N((p) => {
+        let m;
+        return f && (i != null && i.ctrlKey) ? (m = new Set(p), m.has(n) ? m.delete(n) : m.add(n)) : m = /* @__PURE__ */ new Set([n]), g == null || g(Array.from(m)), m;
       });
     },
-    [d, h]
+    [f, g]
   );
   return {
-    expanded: g,
-    selected: y,
+    expanded: k,
+    selected: C,
     toggle: s,
-    select: u,
-    isExpanded: (t) => g.has(t),
-    isSelected: (t) => y.has(t),
-    expandAll: (t) => x(new Set(t)),
-    collapseAll: () => x(/* @__PURE__ */ new Set())
+    select: c,
+    isExpanded: (n) => k.has(n),
+    isSelected: (n) => C.has(n),
+    expandAll: (n) => w(new Set(n)),
+    collapseAll: () => w(/* @__PURE__ */ new Set())
   };
 }
-const K = l.forwardRef(
+const j = d.forwardRef(
   ({
-    itemId: r,
-    label: m,
-    icon: n,
-    secondaryLabel: d,
-    actions: h,
-    disabled: a = !1,
-    children: g,
-    depth: x = 0,
-    className: y
-  }, E) => {
-    const s = G(), u = l.Children.count(g) > 0, t = s.tree.isExpanded(r), i = s.tree.isSelected(r), f = (e) => {
-      a || s.tree.select(r, e);
-    }, p = (e) => {
-      e.stopPropagation(), !a && s.tree.toggle(r);
-    }, k = (e) => {
-      a || ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), s.tree.select(r)), e.key === "ArrowRight" && u && !t && (e.preventDefault(), e.stopPropagation(), s.tree.toggle(r)), e.key === "ArrowLeft" && u && t && (e.preventDefault(), e.stopPropagation(), s.tree.toggle(r)));
-    }, N = l.useMemo(() => {
-      if (!s.checkboxes || !u)
+    itemId: t,
+    label: h,
+    icon: r,
+    secondaryLabel: f,
+    actions: g,
+    disabled: o = !1,
+    children: k,
+    depth: w = 0,
+    className: C
+  }, N) => {
+    const s = H(), c = d.Children.count(k) > 0, n = s.tree.isExpanded(t), i = s.tree.isSelected(t), p = (e) => {
+      o || s.tree.select(t, e);
+    }, m = (e) => {
+      e.stopPropagation(), !o && s.tree.toggle(t);
+    }, D = (e) => {
+      o || ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), s.tree.select(t)), e.key === "ArrowRight" && c && !n && (e.preventDefault(), e.stopPropagation(), s.tree.toggle(t)), e.key === "ArrowLeft" && c && n && (e.preventDefault(), e.stopPropagation(), s.tree.toggle(t)));
+    }, x = d.useMemo(() => {
+      if (!s.checkboxes || !c)
         return { checked: i, indeterminate: !1 };
-      const e = [], w = (C) => {
-        l.Children.forEach(C, (b) => {
-          l.isValidElement(b) && b.props.itemId && (e.push(b.props.itemId), b.props.children && w(b.props.children));
+      const e = [], u = (E) => {
+        d.Children.forEach(E, (v) => {
+          d.isValidElement(v) && v.props.itemId && (e.push(v.props.itemId), v.props.children && u(v.props.children));
         });
       };
-      w(g);
-      const S = e.filter(
-        (C) => s.tree.isSelected(C)
+      u(k);
+      const b = e.filter(
+        (E) => s.tree.isSelected(E)
       ).length;
-      return S === 0 && !i ? { checked: !1, indeterminate: !1 } : S === e.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
-    }, [s.checkboxes, u, g, i, s.tree]);
-    return /* @__PURE__ */ I(
+      return b === 0 && !i ? { checked: !1, indeterminate: !1 } : b === e.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
+    }, [s.checkboxes, c, k, i, s.tree]);
+    return /* @__PURE__ */ V(
       "li",
       {
-        ref: E,
+        ref: N,
         role: "treeitem",
-        "aria-expanded": u ? t : void 0,
+        "aria-expanded": c ? n : void 0,
         "aria-selected": i,
-        "aria-level": x + 1,
-        "aria-disabled": a || void 0,
+        "aria-level": w + 1,
+        "aria-disabled": o || void 0,
         className: "list-none",
         children: [
-          /* @__PURE__ */ I(
+          /* @__PURE__ */ V(
             "div",
             {
               role: "presentation",
-              "data-tree-item": r,
-              tabIndex: a ? -1 : 0,
-              onClick: f,
-              onKeyDown: k,
-              style: { paddingLeft: x * 20 + 8 },
-              className: D(
+              "data-tree-item": t,
+              tabIndex: o ? -1 : 0,
+              onClick: p,
+              onKeyDown: D,
+              style: { paddingLeft: w * 20 + 8 },
+              className: A(
                 "flex items-center gap-ds-02 py-ds-02 px-ds-02 rounded-ds-md cursor-pointer transition-colors duration-fast-01",
-                "hover:bg-layer-02",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus",
-                i && "bg-interactive-selected text-text-interactive",
-                a && "opacity-[0.38] cursor-not-allowed pointer-events-none",
-                y
+                "hover:bg-surface-2",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
+                i && "bg-accent-3 text-accent-11",
+                o && "opacity-action-disabled cursor-not-allowed pointer-events-none",
+                C
               ),
               children: [
-                u ? /* @__PURE__ */ c(
+                c ? /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
                     tabIndex: -1,
                     "aria-hidden": "true",
-                    onClick: p,
+                    onClick: m,
                     className: "flex shrink-0 items-center justify-center p-0 border-0 bg-transparent cursor-pointer",
-                    children: /* @__PURE__ */ c(
-                      q,
+                    children: /* @__PURE__ */ l(
+                      M,
                       {
                         size: 16,
-                        className: D(
+                        className: A(
                           "transition-transform duration-moderate-02",
-                          t && "rotate-90"
+                          n && "rotate-90"
                         )
                       }
                     )
                   }
-                ) : /* @__PURE__ */ c("span", { className: "inline-block w-4 shrink-0", "aria-hidden": "true" }),
-                s.checkboxes && /* @__PURE__ */ c(
-                  M,
+                ) : /* @__PURE__ */ l("span", { className: "inline-block w-4 shrink-0", "aria-hidden": "true" }),
+                s.checkboxes && /* @__PURE__ */ l(
+                  z,
                   {
-                    checked: N.checked,
-                    indeterminate: N.indeterminate,
-                    disabled: a,
+                    checked: x.checked,
+                    indeterminate: x.indeterminate,
+                    disabled: o,
                     tabIndex: -1,
                     onClick: (e) => e.stopPropagation(),
                     onCheckedChange: () => {
-                      a || s.tree.select(r);
+                      o || s.tree.select(t);
                     },
                     className: "shrink-0"
                   }
                 ),
-                n && /* @__PURE__ */ c("span", { className: "flex shrink-0 items-center text-icon-secondary", children: n }),
-                /* @__PURE__ */ c("span", { className: "truncate text-ds-sm", children: m }),
-                d && /* @__PURE__ */ c("span", { className: "ml-auto truncate text-ds-xs text-text-secondary", children: d }),
-                h && /* @__PURE__ */ c(
+                r && /* @__PURE__ */ l("span", { className: "flex shrink-0 items-center text-surface-fg-subtle", children: r }),
+                /* @__PURE__ */ l("span", { className: "truncate text-ds-sm", children: h }),
+                f && /* @__PURE__ */ l("span", { className: "ml-auto truncate text-ds-xs text-surface-fg-muted", children: f }),
+                g && /* @__PURE__ */ l(
                   "span",
                   {
                     className: "ml-auto flex shrink-0 items-center gap-ds-01",
                     onClick: (e) => e.stopPropagation(),
                     role: "presentation",
-                    children: h
+                    children: g
                   }
                 )
               ]
             }
           ),
-          u && /* @__PURE__ */ c(
+          c && /* @__PURE__ */ l(
             "div",
             {
               role: "group",
-              className: D(
+              className: A(
                 "grid transition-[grid-template-rows] duration-moderate-02 ease-productive-standard",
-                t ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+                n ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
               ),
-              children: /* @__PURE__ */ c("ul", { role: "group", className: "overflow-hidden m-0 p-0", children: l.Children.map(g, (e) => l.isValidElement(e) ? l.cloneElement(e, {
-                depth: x + 1
+              children: /* @__PURE__ */ l("ul", { role: "group", className: "overflow-hidden m-0 p-0", children: d.Children.map(k, (e) => d.isValidElement(e) ? d.cloneElement(e, {
+                depth: w + 1
               }) : e) })
             }
           )
@@ -166,103 +166,104 @@ const K = l.forwardRef(
     );
   }
 );
-K.displayName = "TreeItem";
-const j = l.createContext(null);
-function G() {
-  const r = l.useContext(j);
-  if (!r)
+j.displayName = "TreeItem";
+const L = d.createContext(null);
+function H() {
+  const t = d.useContext(L);
+  if (!t)
     throw new Error("TreeItem must be used within a <TreeView>");
-  return r;
+  return t;
 }
-function L(r, m = 0) {
-  return r.map((n) => /* @__PURE__ */ c(
-    K,
+function q(t, h = 0) {
+  return t.map((r) => /* @__PURE__ */ l(
+    j,
     {
-      itemId: n.id,
-      label: n.label,
-      icon: n.icon,
-      disabled: n.disabled,
-      depth: m,
-      children: n.children && n.children.length > 0 ? L(n.children, m + 1) : void 0
+      itemId: r.id,
+      label: r.label,
+      icon: r.icon,
+      disabled: r.disabled,
+      depth: h,
+      children: r.children && r.children.length > 0 ? q(r.children, h + 1) : void 0
     },
-    n.id
+    r.id
   ));
 }
-function H(r) {
+function U(t) {
   return Array.from(
-    r.querySelectorAll("[data-tree-item]")
-  ).filter((m) => {
-    let n = m.parentElement;
-    for (; n && n !== r; ) {
-      if (n.getAttribute("role") === "group") {
-        const d = n.parentElement;
-        if (d && d.classList.contains("grid-rows-[0fr]"))
+    t.querySelectorAll("[data-tree-item]")
+  ).filter((h) => {
+    let r = h.parentElement;
+    for (; r && r !== t; ) {
+      if (r.getAttribute("role") === "group") {
+        const f = r.parentElement;
+        if (f && f.classList.contains("grid-rows-[0fr]"))
           return !1;
       }
-      n = n.parentElement;
+      r = r.parentElement;
     }
     return !0;
   });
 }
-const U = l.forwardRef(
+const B = d.forwardRef(
   ({
-    items: r,
-    defaultExpanded: m,
-    defaultSelected: n,
-    multiSelect: d = !1,
-    checkboxes: h = !1,
-    onSelect: a,
-    onExpand: g,
-    className: x,
-    children: y
-  }, E) => {
-    const s = z({
-      defaultExpanded: m,
-      defaultSelected: n,
-      multiSelect: d,
-      onSelect: a,
-      onExpand: g
-    }), u = l.useRef(null), t = E ?? u, i = (k) => {
-      var S, C, b;
-      const N = t.current;
-      if (!N) return;
-      const e = H(N), w = e.findIndex(
-        (o) => o === document.activeElement
+    items: t,
+    defaultExpanded: h,
+    defaultSelected: r,
+    multiSelect: f = !1,
+    checkboxes: g = !1,
+    onSelect: o,
+    onExpand: k,
+    className: w,
+    children: C,
+    ...N
+  }, s) => {
+    const c = G({
+      defaultExpanded: h,
+      defaultSelected: r,
+      multiSelect: f,
+      onSelect: o,
+      onExpand: k
+    }), n = d.useRef(null), i = s ?? n, p = (x) => {
+      var E, v, R;
+      const e = i.current;
+      if (!e) return;
+      const u = U(e), b = u.findIndex(
+        (a) => a === document.activeElement
       );
-      switch (k.key) {
+      switch (x.key) {
         case "ArrowDown": {
-          k.preventDefault();
-          const o = e[w + 1];
-          o == null || o.focus();
+          x.preventDefault();
+          const a = u[b + 1];
+          a == null || a.focus();
           break;
         }
         case "ArrowUp": {
-          k.preventDefault();
-          const o = e[w - 1];
-          o == null || o.focus();
+          x.preventDefault();
+          const a = u[b - 1];
+          a == null || a.focus();
           break;
         }
         case "ArrowRight": {
-          const o = e[w];
-          if (o) {
-            const A = o.getAttribute("data-tree-item");
-            if (A && s.isExpanded(A)) {
-              k.preventDefault();
-              const v = e[w + 1];
-              v == null || v.focus();
+          const a = u[b];
+          if (a) {
+            const S = a.getAttribute("data-tree-item");
+            if (S && c.isExpanded(S)) {
+              x.preventDefault();
+              const y = u[b + 1];
+              y == null || y.focus();
             }
           }
           break;
         }
         case "ArrowLeft": {
-          const o = e[w];
-          if (o) {
-            const A = o.getAttribute("data-tree-item"), v = o.closest('[role="treeitem"]'), R = (S = v == null ? void 0 : v.parentElement) == null ? void 0 : S.closest(
+          const a = u[b];
+          if (a) {
+            const S = a.getAttribute("data-tree-item"), y = a.closest('[role="treeitem"]'), I = (E = y == null ? void 0 : y.parentElement) == null ? void 0 : E.closest(
               '[role="treeitem"]'
             );
-            if (A && !s.isExpanded(A) && R) {
-              k.preventDefault();
-              const T = R.querySelector(
+            if (S && !c.isExpanded(S) && I) {
+              x.preventDefault();
+              const T = I.querySelector(
                 "[data-tree-item]"
               );
               T == null || T.focus();
@@ -271,34 +272,35 @@ const U = l.forwardRef(
           break;
         }
         case "Home": {
-          k.preventDefault(), (C = e[0]) == null || C.focus();
+          x.preventDefault(), (v = u[0]) == null || v.focus();
           break;
         }
         case "End": {
-          k.preventDefault(), (b = e[e.length - 1]) == null || b.focus();
+          x.preventDefault(), (R = u[u.length - 1]) == null || R.focus();
           break;
         }
       }
-    }, f = l.useMemo(
-      () => ({ tree: s, checkboxes: h }),
-      [s, h]
-    ), p = r ? L(r) : y;
-    return /* @__PURE__ */ c(j.Provider, { value: f, children: /* @__PURE__ */ c(
+    }, m = d.useMemo(
+      () => ({ tree: c, checkboxes: g }),
+      [c, g]
+    ), D = t ? q(t) : C;
+    return /* @__PURE__ */ l(L.Provider, { value: m, children: /* @__PURE__ */ l(
       "ul",
       {
-        ref: t,
+        ref: i,
         role: "tree",
-        "aria-multiselectable": d || void 0,
-        onKeyDown: i,
-        className: D("m-0 list-none p-0", x),
-        children: p
+        "aria-multiselectable": f || void 0,
+        onKeyDown: p,
+        className: A("m-0 list-none p-0", w),
+        ...N,
+        children: D
       }
     ) });
   }
 );
-U.displayName = "TreeView";
+B.displayName = "TreeView";
 export {
-  K as T,
-  U as a,
-  z as u
+  j as T,
+  B as a,
+  G as u
 };