@devalok/shilp-sutra 0.1.0

package/dist/ui/transitions.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+type TransitionProps = {
+    open: boolean;
+    duration?: string;
+    className?: string;
+    children: React.ReactNode;
+    unmountOnClose?: boolean;
+};
+declare const Fade: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement>>;
+declare const Collapse: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement>>;
+declare const Grow: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement>>;
+declare const Slide: React.ForwardRefExoticComponent<TransitionProps & {
+    direction?: "up" | "down" | "left" | "right";
+} & React.RefAttributes<HTMLDivElement>>;
+export { Fade, Collapse, Grow, Slide, type TransitionProps };
+//# sourceMappingURL=transitions.d.ts.map

package/dist/ui/transitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../src/ui/transitions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,QAAA,MAAM,IAAI,wFAkBT,CAAA;AAGD,QAAA,MAAM,QAAQ,wFAgCb,CAAA;AAGD,QAAA,MAAM,IAAI,wFAmBT,CAAA;AAGD,QAAA,MAAM,KAAK;gBAEuB,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;wCAuBhE,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,eAAe,EAAE,CAAA"}

package/dist/ui/transitions.js

@@ -0,0 +1,100 @@
+import { jsx as c } from "react/jsx-runtime";
+import * as d from "react";
+import { cn as m } from "./lib/utils.js";
+import { useReducedMotion as f } from "./lib/use-reduced-motion.js";
+const v = d.forwardRef(
+  ({ open: t, duration: r, className: a, children: o, unmountOnClose: n = !1, ...i }, s) => {
+    const e = f();
+    return n && !t ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: s,
+        className: m("transition-opacity ease-productive-entrance", a),
+        style: {
+          opacity: t ? 1 : 0,
+          transitionDuration: e ? "0ms" : r || "var(--duration-moderate-02)"
+        },
+        ...i,
+        children: o
+      }
+    );
+  }
+);
+v.displayName = "Fade";
+const h = d.forwardRef(
+  ({ open: t, duration: r, className: a, children: o, ...n }, i) => {
+    const s = f(), e = d.useRef(null), [u, l] = d.useState(t ? void 0 : 0);
+    return d.useEffect(() => {
+      if (e.current)
+        if (t) {
+          l(e.current.scrollHeight);
+          const p = setTimeout(() => l(void 0), 300);
+          return () => clearTimeout(p);
+        } else
+          l(e.current.scrollHeight), requestAnimationFrame(() => l(0));
+    }, [t]), /* @__PURE__ */ c(
+      "div",
+      {
+        ref: i,
+        className: m("overflow-hidden transition-[height] ease-productive-standard", a),
+        style: {
+          height: u !== void 0 ? `${u}px` : "auto",
+          transitionDuration: s ? "0ms" : r || "var(--duration-moderate-02)"
+        },
+        ...n,
+        children: /* @__PURE__ */ c("div", { ref: e, children: o })
+      }
+    );
+  }
+);
+h.displayName = "Collapse";
+const y = d.forwardRef(
+  ({ open: t, duration: r, className: a, children: o, unmountOnClose: n = !1, ...i }, s) => {
+    const e = f();
+    return n && !t ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: s,
+        className: m("transition-[opacity,transform] ease-productive-entrance", a),
+        style: {
+          opacity: t ? 1 : 0,
+          transform: t ? "scale(1)" : "scale(0)",
+          transitionDuration: e ? "0ms" : r || "var(--duration-moderate-02)"
+        },
+        ...i,
+        children: o
+      }
+    );
+  }
+);
+y.displayName = "Grow";
+const w = d.forwardRef(({ open: t, direction: r = "up", duration: a, className: o, children: n, unmountOnClose: i = !1, ...s }, e) => {
+  const u = f();
+  if (i && !t) return null;
+  const l = {
+    up: "translateY(100%)",
+    down: "translateY(-100%)",
+    left: "translateX(100%)",
+    right: "translateX(-100%)"
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: e,
+      className: m("transition-transform ease-productive-entrance", o),
+      style: {
+        transform: t ? "translate(0)" : l[r],
+        transitionDuration: u ? "0ms" : a || "var(--duration-moderate-02)"
+      },
+      ...s,
+      children: n
+    }
+  );
+});
+w.displayName = "Slide";
+export {
+  h as Collapse,
+  v as Fade,
+  y as Grow,
+  w as Slide
+};

package/dist/ui/tree-view/index.d.ts

@@ -0,0 +1,4 @@
+export { TreeView, type TreeViewProps } from './tree-view';
+export { TreeItem, type TreeItemProps } from './tree-item';
+export { useTree, type TreeNode } from './use-tree';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/tree-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/tree-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/ui/tree-view/tree-item.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface TreeItemProps {
+    /** Unique identifier for this tree item */
+    itemId: string;
+    /** Primary label content */
+    label: React.ReactNode;
+    /** Optional icon rendered before the label */
+    icon?: React.ReactNode;
+    /** Secondary label rendered after the primary label */
+    secondaryLabel?: React.ReactNode;
+    /** Action buttons rendered at the end of the row */
+    actions?: React.ReactNode;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Nested tree items */
+    children?: React.ReactNode;
+    /** Depth level (used internally) */
+    depth?: number;
+}
+declare const TreeItem: React.ForwardRefExoticComponent<TreeItemProps & React.RefAttributes<HTMLLIElement>>;
+export { TreeItem };
+//# sourceMappingURL=tree-item.d.ts.map

package/dist/ui/tree-view/tree-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.d.ts","sourceRoot":"","sources":["../../../src/ui/tree-view/tree-item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,aAAa;IAC5B,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,uDAAuD;IACvD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,QAAQ,qFAkMb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/ui/tree-view/tree-item.js

@@ -0,0 +1,136 @@
+import { jsxs as C, jsx as r } from "react/jsx-runtime";
+import { IconChevronRight as D } from "@tabler/icons-react";
+import * as s from "react";
+import { cn as m } from "../lib/utils.js";
+import { Checkbox as P } from "../checkbox.js";
+import { useTreeContext as R } from "./tree-view.js";
+const S = s.forwardRef(
+  ({
+    itemId: n,
+    label: y,
+    icon: u,
+    secondaryLabel: h,
+    actions: g,
+    disabled: o = !1,
+    children: d,
+    depth: p = 0
+  }, N) => {
+    const t = R(), a = s.Children.count(d) > 0, i = t.tree.isExpanded(n), c = t.tree.isSelected(n), w = (e) => {
+      o || t.tree.select(n, e);
+    }, b = (e) => {
+      e.stopPropagation(), !o && t.tree.toggle(n);
+    }, E = (e) => {
+      o || ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.tree.select(n)), e.key === "ArrowRight" && a && !i && (e.preventDefault(), e.stopPropagation(), t.tree.toggle(n)), e.key === "ArrowLeft" && a && i && (e.preventDefault(), e.stopPropagation(), t.tree.toggle(n)));
+    }, x = s.useMemo(() => {
+      if (!t.checkboxes || !a)
+        return { checked: c, indeterminate: !1 };
+      const e = [], k = (f) => {
+        s.Children.forEach(f, (l) => {
+          s.isValidElement(l) && l.props.itemId && (e.push(l.props.itemId), l.props.children && k(l.props.children));
+        });
+      };
+      k(d);
+      const v = e.filter(
+        (f) => t.tree.isSelected(f)
+      ).length;
+      return v === 0 && !c ? { checked: !1, indeterminate: !1 } : v === e.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
+    }, [t.checkboxes, a, d, c, t.tree]);
+    return /* @__PURE__ */ C(
+      "li",
+      {
+        ref: N,
+        role: "treeitem",
+        "aria-expanded": a ? i : void 0,
+        "aria-selected": c,
+        "aria-level": p + 1,
+        "aria-disabled": o || void 0,
+        className: "list-none",
+        children: [
+          /* @__PURE__ */ C(
+            "div",
+            {
+              role: "presentation",
+              "data-tree-item": n,
+              tabIndex: o ? -1 : 0,
+              onClick: w,
+              onKeyDown: E,
+              style: { paddingLeft: p * 20 + 8 },
+              className: m(
+                "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",
+                c && "bg-interactive-selected text-text-interactive",
+                o && "opacity-[0.38] cursor-not-allowed pointer-events-none"
+              ),
+              children: [
+                a ? /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    tabIndex: -1,
+                    "aria-hidden": "true",
+                    onClick: b,
+                    className: "flex shrink-0 items-center justify-center p-0 border-0 bg-transparent cursor-pointer",
+                    children: /* @__PURE__ */ r(
+                      D,
+                      {
+                        size: 16,
+                        className: m(
+                          "transition-transform duration-moderate-02",
+                          i && "rotate-90"
+                        )
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ r("span", { className: "inline-block w-4 shrink-0", "aria-hidden": "true" }),
+                t.checkboxes && /* @__PURE__ */ r(
+                  P,
+                  {
+                    checked: x.checked,
+                    indeterminate: x.indeterminate,
+                    disabled: o,
+                    tabIndex: -1,
+                    onClick: (e) => e.stopPropagation(),
+                    onCheckedChange: () => {
+                      o || t.tree.select(n);
+                    },
+                    className: "shrink-0"
+                  }
+                ),
+                u && /* @__PURE__ */ r("span", { className: "flex shrink-0 items-center text-icon-secondary", children: u }),
+                /* @__PURE__ */ r("span", { className: "truncate text-ds-sm", children: y }),
+                h && /* @__PURE__ */ r("span", { className: "ml-auto truncate text-ds-xs text-text-secondary", children: h }),
+                g && /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: "ml-auto flex shrink-0 items-center gap-ds-01",
+                    onClick: (e) => e.stopPropagation(),
+                    role: "presentation",
+                    children: g
+                  }
+                )
+              ]
+            }
+          ),
+          a && /* @__PURE__ */ r(
+            "div",
+            {
+              role: "group",
+              className: m(
+                "grid transition-[grid-template-rows] duration-moderate-02-02 ease-productive-standard",
+                i ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+              ),
+              children: /* @__PURE__ */ r("ul", { role: "group", className: "overflow-hidden m-0 p-0", children: s.Children.map(d, (e) => s.isValidElement(e) ? s.cloneElement(e, {
+                depth: p + 1
+              }) : e) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+S.displayName = "TreeItem";
+export {
+  S as TreeItem
+};

package/dist/ui/tree-view/tree-view.d.ts

@@ -0,0 +1,29 @@
+import { useTree, TreeNode } from './use-tree';
+import * as React from 'react';
+interface TreeContextValue {
+    tree: ReturnType<typeof useTree>;
+    checkboxes: boolean;
+}
+export declare function useTreeContext(): TreeContextValue;
+export interface TreeViewProps {
+    /** Data-driven mode: pass items array */
+    items?: TreeNode[];
+    /** Initially expanded node IDs */
+    defaultExpanded?: string[];
+    /** Initially selected node IDs */
+    defaultSelected?: string[];
+    /** Enable multi-select */
+    multiSelect?: boolean;
+    /** Show checkboxes before each item */
+    checkboxes?: boolean;
+    /** Called when selection changes */
+    onSelect?: (ids: string[]) => void;
+    /** Called when expansion changes */
+    onExpand?: (ids: string[]) => void;
+    className?: string;
+    /** Declarative mode: render TreeItem children directly */
+    children?: React.ReactNode;
+}
+declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<HTMLUListElement>>;
+export { TreeView };
+//# sourceMappingURL=tree-view.d.ts.map

package/dist/ui/tree-view/tree-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/ui/tree-view/tree-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAA;AAInD,UAAU,gBAAgB;IACxB,IAAI,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;IAChC,UAAU,EAAE,OAAO,CAAA;CACpB;AAID,wBAAgB,cAAc,qBAM7B;AAGD,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAClC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAyCD,QAAA,MAAM,QAAQ,wFAkHb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/ui/tree-view/tree-view.js

@@ -0,0 +1,139 @@
+import { jsx as d } from "react/jsx-runtime";
+import * as u from "react";
+import { cn as q } from "../lib/utils.js";
+import { useTree as K } from "./use-tree.js";
+import { TreeItem as L } from "./tree-item.js";
+const x = u.createContext(null);
+function U() {
+  const r = u.useContext(x);
+  if (!r)
+    throw new Error("TreeItem must be used within a <TreeView>");
+  return r;
+}
+function A(r, i = 0) {
+  return r.map((e) => /* @__PURE__ */ d(
+    L,
+    {
+      itemId: e.id,
+      label: e.label,
+      icon: e.icon,
+      disabled: e.disabled,
+      depth: i,
+      children: e.children && e.children.length > 0 ? A(e.children, i + 1) : void 0
+    },
+    e.id
+  ));
+}
+function j(r) {
+  return Array.from(
+    r.querySelectorAll("[data-tree-item]")
+  ).filter((i) => {
+    let e = i.parentElement;
+    for (; e && e !== r; ) {
+      if (e.getAttribute("role") === "group") {
+        const c = e.parentElement;
+        if (c && c.classList.contains("grid-rows-[0fr]"))
+          return !1;
+      }
+      e = e.parentElement;
+    }
+    return !0;
+  });
+}
+const G = u.forwardRef(
+  ({
+    items: r,
+    defaultExpanded: i,
+    defaultSelected: e,
+    multiSelect: c = !1,
+    checkboxes: p = !1,
+    onSelect: D,
+    onExpand: T,
+    className: y,
+    children: I
+  }, k) => {
+    const f = K({
+      defaultExpanded: i,
+      defaultSelected: e,
+      multiSelect: c,
+      onSelect: D,
+      onExpand: T
+    }), R = u.useRef(null), b = k ?? R, V = (o) => {
+      var h, v, g;
+      const w = b.current;
+      if (!w) return;
+      const n = j(w), a = n.findIndex(
+        (t) => t === document.activeElement
+      );
+      switch (o.key) {
+        case "ArrowDown": {
+          o.preventDefault();
+          const t = n[a + 1];
+          t == null || t.focus();
+          break;
+        }
+        case "ArrowUp": {
+          o.preventDefault();
+          const t = n[a - 1];
+          t == null || t.focus();
+          break;
+        }
+        case "ArrowRight": {
+          const t = n[a];
+          if (t) {
+            const l = t.getAttribute("data-tree-item");
+            if (l && f.isExpanded(l)) {
+              o.preventDefault();
+              const s = n[a + 1];
+              s == null || s.focus();
+            }
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          const t = n[a];
+          if (t) {
+            const l = t.getAttribute("data-tree-item"), s = t.closest('[role="treeitem"]'), E = (h = s == null ? void 0 : s.parentElement) == null ? void 0 : h.closest(
+              '[role="treeitem"]'
+            );
+            if (l && !f.isExpanded(l) && E) {
+              o.preventDefault();
+              const m = E.querySelector(
+                "[data-tree-item]"
+              );
+              m == null || m.focus();
+            }
+          }
+          break;
+        }
+        case "Home": {
+          o.preventDefault(), (v = n[0]) == null || v.focus();
+          break;
+        }
+        case "End": {
+          o.preventDefault(), (g = n[n.length - 1]) == null || g.focus();
+          break;
+        }
+      }
+    }, C = u.useMemo(
+      () => ({ tree: f, checkboxes: p }),
+      [f, p]
+    ), N = r ? A(r) : I;
+    return /* @__PURE__ */ d(x.Provider, { value: C, children: /* @__PURE__ */ d(
+      "ul",
+      {
+        ref: b,
+        role: "tree",
+        "aria-multiselectable": c || void 0,
+        onKeyDown: V,
+        className: q("m-0 list-none p-0", y),
+        children: N
+      }
+    ) });
+  }
+);
+G.displayName = "TreeView";
+export {
+  G as TreeView,
+  U as useTreeContext
+};

package/dist/ui/tree-view/use-tree.d.ts

@@ -0,0 +1,26 @@
+export interface TreeNode {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    children?: TreeNode[];
+    disabled?: boolean;
+}
+interface UseTreeOptions {
+    defaultExpanded?: string[];
+    defaultSelected?: string[];
+    multiSelect?: boolean;
+    onSelect?: (selectedIds: string[]) => void;
+    onExpand?: (expandedIds: string[]) => void;
+}
+export declare function useTree(options?: UseTreeOptions): {
+    expanded: Set<string>;
+    selected: Set<string>;
+    toggle: (id: string) => void;
+    select: (id: string, event?: React.MouseEvent) => void;
+    isExpanded: (id: string) => boolean;
+    isSelected: (id: string) => boolean;
+    expandAll: (ids: string[]) => void;
+    collapseAll: () => void;
+};
+export {};
+//# sourceMappingURL=use-tree.d.ts.map

package/dist/ui/tree-view/use-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tree.d.ts","sourceRoot":"","sources":["../../../src/ui/tree-view/use-tree.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,cAAc;IACtB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAC3C;AAED,wBAAgB,OAAO,CAAC,OAAO,GAAE,cAAmB;;;iBAW3C,MAAM;iBAaN,MAAM,UAAU,KAAK,CAAC,UAAU;qBAsBpB,MAAM;qBACN,MAAM;qBACN,MAAM,EAAE;;EAG5B"}

package/dist/ui/tree-view/use-tree.js

@@ -0,0 +1,37 @@
+import { useState as S, useCallback as u } from "react";
+function i(f = {}) {
+  const { defaultExpanded: p, defaultSelected: w, multiSelect: c, onSelect: a, onExpand: n } = f, [d, r] = S(
+    new Set(p ?? [])
+  ), [o, x] = S(
+    new Set(w ?? [])
+  ), m = u(
+    (e) => {
+      r((s) => {
+        const t = new Set(s);
+        return t.has(e) ? t.delete(e) : t.add(e), n == null || n(Array.from(t)), t;
+      });
+    },
+    [n]
+  ), h = u(
+    (e, s) => {
+      x((t) => {
+        let l;
+        return c && (s != null && s.ctrlKey) ? (l = new Set(t), l.has(e) ? l.delete(e) : l.add(e)) : l = /* @__PURE__ */ new Set([e]), a == null || a(Array.from(l)), l;
+      });
+    },
+    [c, a]
+  );
+  return {
+    expanded: d,
+    selected: o,
+    toggle: m,
+    select: h,
+    isExpanded: (e) => d.has(e),
+    isSelected: (e) => o.has(e),
+    expandAll: (e) => r(new Set(e)),
+    collapseAll: () => r(/* @__PURE__ */ new Set())
+  };
+}
+export {
+  i as useTree
+};

package/dist/ui/visually-hidden.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
+export { VisuallyHidden };
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/ui/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../src/ui/visually-hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElD,QAAA,MAAM,cAAc,6FAInB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/visually-hidden.js

@@ -0,0 +1,10 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as e from "react";
+import { cn as i } from "./lib/utils.js";
+const m = e.forwardRef(
+  ({ className: r, ...a }, o) => /* @__PURE__ */ s("span", { ref: o, className: i("sr-only", r), ...a })
+);
+m.displayName = "VisuallyHidden";
+export {
+  m as VisuallyHidden
+};

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@devalok/shilp-sutra",
+  "version": "0.1.0",
+  "description": "Devalok Design System — tokens, components, and patterns for Next.js",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    "./tokens": "./dist/tokens/index.css",
+    "./ui": {
+      "import": "./dist/ui/index.js",
+      "types": "./dist/ui/index.d.ts"
+    },
+    "./composed": {
+      "import": "./dist/composed/index.js",
+      "types": "./dist/composed/index.d.ts"
+    },
+    "./shell": {
+      "import": "./dist/shell/index.js",
+      "types": "./dist/shell/index.d.ts"
+    },
+    "./tailwind": {
+      "import": "./dist/tailwind/index.js",
+      "types": "./dist/tailwind/index.d.ts"
+    },
+    "./fonts/*": "./fonts/*"
+  },
+  "files": [
+    "dist",
+    "fonts",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build && pnpm build:tokens",
+    "build:tokens": "node scripts/copy-tokens.mjs",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src/",
+    "test": "vitest run",
+    "prepublishOnly": "pnpm build"
+  },
+  "peerDependencies": {
+    "next": ">=14",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@floating-ui/react-dom": "^2.1.7",
+    "@tabler/icons-react": "^3.37.1",
+    "@tanstack/react-table": "^8.21.2",
+    "@tanstack/react-virtual": "^3.13.19",
+    "@tiptap/extension-placeholder": "^2.11.5",
+    "@tiptap/react": "^2.11.5",
+    "@tiptap/starter-kit": "^2.11.5",
+    "aria-hidden": "^1.2.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "d3-array": "^3.2.4",
+    "d3-axis": "^3.0.0",
+    "d3-format": "^3.1.2",
+    "d3-interpolate": "^3.0.1",
+    "d3-scale": "^4.0.2",
+    "d3-selection": "^3.0.0",
+    "d3-shape": "^3.2.0",
+    "d3-time-format": "^4.1.0",
+    "d3-transition": "^3.0.1",
+    "date-fns": "^4.1.0",
+    "input-otp": "^1.4.2",
+    "react-markdown": "^10.1.0",
+    "react-remove-scroll": "^2.6.3",
+    "tailwind-merge": "^3.0.1"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "packageManager": "pnpm@10.0.0"
+}