@devalok/shilp-sutra 0.22.3 → 0.23.0

package/dist/_chunks/tree-view.js

@@ -12,17 +12,17 @@ function G(t = {}) {
     new Set(r ?? [])
   ), s = K(
     (n) => {
-      w((i) => {
-        const p = new Set(i);
+      w((c) => {
+        const p = new Set(c);
         return p.has(n) ? p.delete(n) : p.add(n), o == null || o(Array.from(p)), p;
       });
     },
     [o]
-  ), c = K(
-    (n, i) => {
+  ), i = K(
+    (n, c) => {
       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;
+        return f && (c != null && c.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;
       });
     },
     [f, g]
@@ -31,7 +31,7 @@ function G(t = {}) {
     expanded: k,
     selected: C,
     toggle: s,
-    select: c,
+    select: i,
     isExpanded: (n) => k.has(n),
     isSelected: (n) => C.has(n),
     expandAll: (n) => w(new Set(n)),
@@ -50,15 +50,15 @@ const j = d.forwardRef(
     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) => {
+    const s = H(), i = d.Children.count(k) > 0, n = s.tree.isExpanded(t), c = 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)));
+      o || ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), s.tree.select(t)), e.key === "ArrowRight" && i && !n && (e.preventDefault(), e.stopPropagation(), s.tree.toggle(t)), e.key === "ArrowLeft" && i && n && (e.preventDefault(), e.stopPropagation(), s.tree.toggle(t)));
     }, x = d.useMemo(() => {
-      if (!s.checkboxes || !c)
-        return { checked: i, indeterminate: !1 };
+      if (!s.checkboxes || !i)
+        return { checked: c, indeterminate: !1 };
       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));
@@ -68,15 +68,15 @@ const j = d.forwardRef(
       const b = e.filter(
         (E) => s.tree.isSelected(E)
       ).length;
-      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 b === 0 && !c ? { checked: !1, indeterminate: !1 } : b === e.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
+    }, [s.checkboxes, i, k, c, s.tree]);
     return /* @__PURE__ */ V(
       "li",
       {
         ref: N,
         role: "treeitem",
-        "aria-expanded": c ? n : void 0,
-        "aria-selected": i,
+        "aria-expanded": i ? n : void 0,
+        "aria-selected": c,
         "aria-level": w + 1,
         "aria-disabled": o || void 0,
         className: "list-none",
@@ -92,14 +92,14 @@ const j = d.forwardRef(
               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-surface-2",
+                "hover:bg-surface-raised",
                 "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
-                i && "bg-accent-3 text-accent-11",
+                c && "bg-accent-3 text-accent-11",
                 o && "opacity-action-disabled cursor-not-allowed pointer-events-none",
                 C
               ),
               children: [
-                c ? /* @__PURE__ */ l(
+                i ? /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
@@ -148,7 +148,7 @@ const j = d.forwardRef(
               ]
             }
           ),
-          c && /* @__PURE__ */ l(
+          i && /* @__PURE__ */ l(
             "div",
             {
               role: "group",
@@ -217,15 +217,15 @@ const B = d.forwardRef(
     children: C,
     ...N
   }, s) => {
-    const c = G({
+    const i = G({
       defaultExpanded: h,
       defaultSelected: r,
       multiSelect: f,
       onSelect: o,
       onExpand: k
-    }), n = d.useRef(null), i = s ?? n, p = (x) => {
+    }), n = d.useRef(null), c = s ?? n, p = (x) => {
       var E, v, R;
-      const e = i.current;
+      const e = c.current;
       if (!e) return;
       const u = U(e), b = u.findIndex(
         (a) => a === document.activeElement
@@ -247,7 +247,7 @@ const B = d.forwardRef(
           const a = u[b];
           if (a) {
             const S = a.getAttribute("data-tree-item");
-            if (S && c.isExpanded(S)) {
+            if (S && i.isExpanded(S)) {
               x.preventDefault();
               const y = u[b + 1];
               y == null || y.focus();
@@ -261,7 +261,7 @@ const B = d.forwardRef(
             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 (S && !c.isExpanded(S) && I) {
+            if (S && !i.isExpanded(S) && I) {
               x.preventDefault();
               const T = I.querySelector(
                 "[data-tree-item]"
@@ -281,13 +281,13 @@ const B = d.forwardRef(
         }
       }
     }, m = d.useMemo(
-      () => ({ tree: c, checkboxes: g }),
-      [c, g]
+      () => ({ tree: i, checkboxes: g }),
+      [i, g]
     ), D = t ? q(t) : C;
     return /* @__PURE__ */ l(L.Provider, { value: m, children: /* @__PURE__ */ l(
       "ul",
       {
-        ref: i,
+        ref: c,
         role: "tree",
         "aria-multiselectable": f || void 0,
         onKeyDown: p,