@devalok/shilp-sutra 0.1.0

package/dist/primitives/react-checkbox.js

@@ -0,0 +1,251 @@
+import * as s from "react";
+import { useComposedRefs as B } from "./_internal/react-compose-refs.js";
+import { createContextScope as L } from "./_internal/react-context.js";
+import { composeEventHandlers as S } from "./_internal/primitive.js";
+import { useControllableState as O } from "./_internal/react-use-controllable-state.js";
+import { usePrevious as j } from "./_internal/react-use-previous.js";
+import { useSize as H } from "./_internal/react-use-size.js";
+import { Presence as z } from "./_internal/react-presence.js";
+import { Primitive as P } from "./_internal/react-primitive.js";
+import { jsx as b, jsxs as G, Fragment as K } from "react/jsx-runtime";
+var g = "Checkbox", [U] = L(g), [X, E] = U(g);
+function J(t) {
+  const {
+    __scopeCheckbox: a,
+    checked: c,
+    children: u,
+    defaultChecked: r,
+    disabled: e,
+    form: p,
+    name: f,
+    onCheckedChange: i,
+    required: m,
+    value: C = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: d
+  } = t, [l, v] = O({
+    prop: c,
+    defaultProp: r ?? !1,
+    onChange: i,
+    caller: g
+  }), [k, x] = s.useState(null), [_, o] = s.useState(null), n = s.useRef(!1), I = k ? !!p || !!k.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), R = {
+    checked: l,
+    disabled: e,
+    setChecked: v,
+    control: k,
+    setControl: x,
+    name: f,
+    form: p,
+    value: C,
+    hasConsumerStoppedPropagationRef: n,
+    required: m,
+    defaultChecked: h(r) ? !1 : r,
+    isFormControl: I,
+    bubbleInput: _,
+    setBubbleInput: o
+  };
+  return /* @__PURE__ */ b(
+    X,
+    {
+      scope: a,
+      ...R,
+      children: W(d) ? d(R) : u
+    }
+  );
+}
+var N = "CheckboxTrigger", w = s.forwardRef(
+  ({ __scopeCheckbox: t, onKeyDown: a, onClick: c, ...u }, r) => {
+    const {
+      control: e,
+      value: p,
+      disabled: f,
+      checked: i,
+      required: m,
+      setControl: C,
+      setChecked: d,
+      hasConsumerStoppedPropagationRef: l,
+      isFormControl: v,
+      bubbleInput: k
+    } = E(N, t), x = B(r, C), _ = s.useRef(i);
+    return s.useEffect(() => {
+      const o = e == null ? void 0 : e.form;
+      if (o) {
+        const n = () => d(_.current);
+        return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
+      }
+    }, [e, d]), /* @__PURE__ */ b(
+      P.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": h(i) ? "mixed" : i,
+        "aria-required": m,
+        "data-state": A(i),
+        "data-disabled": f ? "" : void 0,
+        disabled: f,
+        value: p,
+        ...u,
+        ref: x,
+        onKeyDown: S(a, (o) => {
+          o.key === "Enter" && o.preventDefault();
+        }),
+        onClick: S(c, (o) => {
+          d((n) => h(n) ? !0 : !n), k && v && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
+        })
+      }
+    );
+  }
+);
+w.displayName = N;
+var Q = s.forwardRef(
+  (t, a) => {
+    const {
+      __scopeCheckbox: c,
+      name: u,
+      checked: r,
+      defaultChecked: e,
+      required: p,
+      disabled: f,
+      value: i,
+      onCheckedChange: m,
+      form: C,
+      ...d
+    } = t;
+    return /* @__PURE__ */ b(
+      J,
+      {
+        __scopeCheckbox: c,
+        checked: r,
+        defaultChecked: e,
+        disabled: f,
+        required: p,
+        onCheckedChange: m,
+        name: u,
+        form: C,
+        value: i,
+        internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ G(K, { children: [
+          /* @__PURE__ */ b(
+            w,
+            {
+              ...d,
+              ref: a,
+              __scopeCheckbox: c
+            }
+          ),
+          l && /* @__PURE__ */ b(
+            q,
+            {
+              __scopeCheckbox: c
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Q.displayName = g;
+var T = "CheckboxIndicator", V = s.forwardRef(
+  (t, a) => {
+    const { __scopeCheckbox: c, forceMount: u, ...r } = t, e = E(T, c);
+    return /* @__PURE__ */ b(
+      z,
+      {
+        present: u || h(e.checked) || e.checked === !0,
+        children: /* @__PURE__ */ b(
+          P.span,
+          {
+            "data-state": A(e.checked),
+            "data-disabled": e.disabled ? "" : void 0,
+            ...r,
+            ref: a,
+            style: { pointerEvents: "none", ...t.style }
+          }
+        )
+      }
+    );
+  }
+);
+V.displayName = T;
+var M = "CheckboxBubbleInput", q = s.forwardRef(
+  ({ __scopeCheckbox: t, ...a }, c) => {
+    const {
+      control: u,
+      hasConsumerStoppedPropagationRef: r,
+      checked: e,
+      defaultChecked: p,
+      required: f,
+      disabled: i,
+      name: m,
+      value: C,
+      form: d,
+      bubbleInput: l,
+      setBubbleInput: v
+    } = E(M, t), k = B(c, v), x = j(e), _ = H(u);
+    s.useEffect(() => {
+      const n = l;
+      if (!n) return;
+      const I = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(
+        I,
+        "checked"
+      ).set, D = !r.current;
+      if (x !== e && y) {
+        const F = new Event("click", { bubbles: D });
+        n.indeterminate = h(e), y.call(n, h(e) ? !1 : e), n.dispatchEvent(F);
+      }
+    }, [l, x, e, r]);
+    const o = s.useRef(h(e) ? !1 : e);
+    return /* @__PURE__ */ b(
+      P.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: p ?? o.current,
+        required: f,
+        disabled: i,
+        name: m,
+        value: C,
+        form: d,
+        ...a,
+        tabIndex: -1,
+        ref: k,
+        style: {
+          ...a.style,
+          ..._,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+q.displayName = M;
+function W(t) {
+  return typeof t == "function";
+}
+function h(t) {
+  return t === "indeterminate";
+}
+function A(t) {
+  return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
+}
+export {
+  Q as Checkbox,
+  V as CheckboxIndicator,
+  V as Indicator,
+  Q as Root,
+  q as unstable_BubbleInput,
+  q as unstable_CheckboxBubbleInput,
+  J as unstable_CheckboxProvider,
+  w as unstable_CheckboxTrigger,
+  J as unstable_Provider,
+  w as unstable_Trigger
+};

package/dist/primitives/react-collapsible.js

@@ -0,0 +1,120 @@
+import * as o from "react";
+import { composeEventHandlers as T } from "./_internal/primitive.js";
+import { createContextScope as S } from "./_internal/react-context.js";
+import { useControllableState as D } from "./_internal/react-use-controllable-state.js";
+import { useLayoutEffect as M } from "./_internal/react-use-layout-effect.js";
+import { useComposedRefs as L } from "./_internal/react-compose-refs.js";
+import { Primitive as v } from "./_internal/react-primitive.js";
+import { Presence as k } from "./_internal/react-presence.js";
+import { useId as F } from "./_internal/react-id.js";
+import { jsx as c } from "react/jsx-runtime";
+var u = "Collapsible", [B, W] = S(u), [G, g] = B(u), w = o.forwardRef(
+  (e, a) => {
+    const {
+      __scopeCollapsible: i,
+      open: r,
+      defaultOpen: t,
+      disabled: l,
+      onOpenChange: s,
+      ...m
+    } = e, [d, p] = D({
+      prop: r,
+      defaultProp: t ?? !1,
+      onChange: s,
+      caller: u
+    });
+    return /* @__PURE__ */ c(
+      G,
+      {
+        scope: i,
+        disabled: l,
+        contentId: F(),
+        open: d,
+        onOpenToggle: o.useCallback(() => p((C) => !C), [p]),
+        children: /* @__PURE__ */ c(
+          v.div,
+          {
+            "data-state": h(d),
+            "data-disabled": l ? "" : void 0,
+            ...m,
+            ref: a
+          }
+        )
+      }
+    );
+  }
+);
+w.displayName = u;
+var A = "CollapsibleTrigger", I = o.forwardRef(
+  (e, a) => {
+    const { __scopeCollapsible: i, ...r } = e, t = g(A, i);
+    return /* @__PURE__ */ c(
+      v.button,
+      {
+        type: "button",
+        "aria-controls": t.contentId,
+        "aria-expanded": t.open || !1,
+        "data-state": h(t.open),
+        "data-disabled": t.disabled ? "" : void 0,
+        disabled: t.disabled,
+        ...r,
+        ref: a,
+        onClick: T(e.onClick, t.onOpenToggle)
+      }
+    );
+  }
+);
+I.displayName = A;
+var R = "CollapsibleContent", O = o.forwardRef(
+  (e, a) => {
+    const { forceMount: i, ...r } = e, t = g(R, e.__scopeCollapsible);
+    return /* @__PURE__ */ c(k, { present: i || t.open, children: ({ present: l }) => /* @__PURE__ */ c($, { ...r, ref: a, present: l }) });
+  }
+);
+O.displayName = R;
+var $ = o.forwardRef((e, a) => {
+  const { __scopeCollapsible: i, present: r, children: t, ...l } = e, s = g(R, i), [m, d] = o.useState(r), p = o.useRef(null), C = L(a, p), y = o.useRef(0), x = y.current, N = o.useRef(0), P = N.current, b = s.open || m, _ = o.useRef(b), f = o.useRef(void 0);
+  return o.useEffect(() => {
+    const n = requestAnimationFrame(() => _.current = !1);
+    return () => cancelAnimationFrame(n);
+  }, []), M(() => {
+    const n = p.current;
+    if (n) {
+      f.current = f.current || {
+        transitionDuration: n.style.transitionDuration,
+        animationName: n.style.animationName
+      }, n.style.transitionDuration = "0s", n.style.animationName = "none";
+      const E = n.getBoundingClientRect();
+      y.current = E.height, N.current = E.width, _.current || (n.style.transitionDuration = f.current.transitionDuration, n.style.animationName = f.current.animationName), d(r);
+    }
+  }, [s.open, r]), /* @__PURE__ */ c(
+    v.div,
+    {
+      "data-state": h(s.open),
+      "data-disabled": s.disabled ? "" : void 0,
+      id: s.contentId,
+      hidden: !b,
+      ...l,
+      ref: C,
+      style: {
+        "--radix-collapsible-content-height": x ? `${x}px` : void 0,
+        "--radix-collapsible-content-width": P ? `${P}px` : void 0,
+        ...e.style
+      },
+      children: b && t
+    }
+  );
+});
+function h(e) {
+  return e ? "open" : "closed";
+}
+var X = w, Y = I, Z = O;
+export {
+  w as Collapsible,
+  O as CollapsibleContent,
+  I as CollapsibleTrigger,
+  Z as Content,
+  X as Root,
+  Y as Trigger,
+  W as createCollapsibleScope
+};

package/dist/primitives/react-context-menu.js

@@ -0,0 +1,240 @@
+import * as a from "react";
+import { composeEventHandlers as f } from "./_internal/primitive.js";
+import { createContextScope as B } from "./_internal/react-context.js";
+import { Primitive as F } from "./_internal/react-primitive.js";
+import { Root as X, Group as j, Portal as H, RadioGroup as W, Sub as $, Anchor as K, createMenuScope as h, CheckboxItem as Y, ItemIndicator as q, Content as z, Item as J, Label as Q, RadioItem as V, Separator as Z, SubContent as ee, SubTrigger as te, Arrow as ne } from "./react-menu.js";
+import { useCallbackRef as oe } from "./_internal/react-use-callback-ref.js";
+import { useControllableState as re } from "./_internal/react-use-controllable-state.js";
+import { jsx as u, jsxs as ae, Fragment as ue } from "react/jsx-runtime";
+var v = "ContextMenu", [ie] = B(v, [
+  h
+]), i = h(), [ce, g] = ie(v), R = (e) => {
+  const { __scopeContextMenu: n, children: o, onOpenChange: t, dir: r, modal: l = !0 } = e, [p, c] = a.useState(!1), d = i(n), C = oe(t), s = a.useCallback(
+    (m) => {
+      c(m), C(m);
+    },
+    [C]
+  );
+  return /* @__PURE__ */ u(
+    ce,
+    {
+      scope: n,
+      open: p,
+      onOpenChange: s,
+      modal: l,
+      children: /* @__PURE__ */ u(
+        X,
+        {
+          ...d,
+          dir: r,
+          open: p,
+          onOpenChange: s,
+          modal: l,
+          children: o
+        }
+      )
+    }
+  );
+};
+R.displayName = v;
+var _ = "ContextMenuTrigger", P = a.forwardRef(
+  (e, n) => {
+    const { __scopeContextMenu: o, disabled: t = !1, ...r } = e, l = g(_, o), p = i(o), c = a.useRef({ x: 0, y: 0 }), d = a.useRef({
+      getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, ...c.current })
+    }), C = a.useRef(0), s = a.useCallback(
+      () => window.clearTimeout(C.current),
+      []
+    ), m = (x) => {
+      c.current = { x: x.clientX, y: x.clientY }, l.onOpenChange(!0);
+    };
+    return a.useEffect(() => s, [s]), a.useEffect(() => void (t && s()), [t, s]), /* @__PURE__ */ ae(ue, { children: [
+      /* @__PURE__ */ u(K, { ...p, virtualRef: d }),
+      /* @__PURE__ */ u(
+        F.span,
+        {
+          "data-state": l.open ? "open" : "closed",
+          "data-disabled": t ? "" : void 0,
+          ...r,
+          ref: n,
+          style: { WebkitTouchCallout: "none", ...e.style },
+          onContextMenu: t ? e.onContextMenu : f(e.onContextMenu, (x) => {
+            s(), m(x), x.preventDefault();
+          }),
+          onPointerDown: t ? e.onPointerDown : f(
+            e.onPointerDown,
+            M((x) => {
+              s(), C.current = window.setTimeout(() => m(x), 700);
+            })
+          ),
+          onPointerMove: t ? e.onPointerMove : f(e.onPointerMove, M(s)),
+          onPointerCancel: t ? e.onPointerCancel : f(e.onPointerCancel, M(s)),
+          onPointerUp: t ? e.onPointerUp : f(e.onPointerUp, M(s))
+        }
+      )
+    ] });
+  }
+);
+P.displayName = _;
+var se = "ContextMenuPortal", S = (e) => {
+  const { __scopeContextMenu: n, ...o } = e, t = i(n);
+  return /* @__PURE__ */ u(H, { ...t, ...o });
+};
+S.displayName = se;
+var b = "ContextMenuContent", I = a.forwardRef(
+  (e, n) => {
+    const { __scopeContextMenu: o, ...t } = e, r = g(b, o), l = i(o), p = a.useRef(!1);
+    return /* @__PURE__ */ u(
+      z,
+      {
+        ...l,
+        ...t,
+        ref: n,
+        side: "right",
+        sideOffset: 2,
+        align: "start",
+        onCloseAutoFocus: (c) => {
+          var d;
+          (d = e.onCloseAutoFocus) == null || d.call(e, c), !c.defaultPrevented && p.current && c.preventDefault(), p.current = !1;
+        },
+        onInteractOutside: (c) => {
+          var d;
+          (d = e.onInteractOutside) == null || d.call(e, c), !c.defaultPrevented && !r.modal && (p.current = !0);
+        },
+        style: {
+          ...e.style,
+          "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+I.displayName = b;
+var de = "ContextMenuGroup", N = a.forwardRef(
+  (e, n) => {
+    const { __scopeContextMenu: o, ...t } = e, r = i(o);
+    return /* @__PURE__ */ u(j, { ...r, ...t, ref: n });
+  }
+);
+N.displayName = de;
+var pe = "ContextMenuLabel", w = a.forwardRef(
+  (e, n) => {
+    const { __scopeContextMenu: o, ...t } = e, r = i(o);
+    return /* @__PURE__ */ u(Q, { ...r, ...t, ref: n });
+  }
+);
+w.displayName = pe;
+var le = "ContextMenuItem", A = a.forwardRef(
+  (e, n) => {
+    const { __scopeContextMenu: o, ...t } = e, r = i(o);
+    return /* @__PURE__ */ u(J, { ...r, ...t, ref: n });
+  }
+);
+A.displayName = le;
+var xe = "ContextMenuCheckboxItem", E = a.forwardRef((e, n) => {
+  const { __scopeContextMenu: o, ...t } = e, r = i(o);
+  return /* @__PURE__ */ u(Y, { ...r, ...t, ref: n });
+});
+E.displayName = xe;
+var Ce = "ContextMenuRadioGroup", O = a.forwardRef((e, n) => {
+  const { __scopeContextMenu: o, ...t } = e, r = i(o);
+  return /* @__PURE__ */ u(W, { ...r, ...t, ref: n });
+});
+O.displayName = Ce;
+var me = "ContextMenuRadioItem", T = a.forwardRef((e, n) => {
+  const { __scopeContextMenu: o, ...t } = e, r = i(o);
+  return /* @__PURE__ */ u(V, { ...r, ...t, ref: n });
+});
+T.displayName = me;
+var fe = "ContextMenuItemIndicator", y = a.forwardRef((e, n) => {
+  const { __scopeContextMenu: o, ...t } = e, r = i(o);
+  return /* @__PURE__ */ u(q, { ...r, ...t, ref: n });
+});
+y.displayName = fe;
+var Me = "ContextMenuSeparator", G = a.forwardRef((e, n) => {
+  const { __scopeContextMenu: o, ...t } = e, r = i(o);
+  return /* @__PURE__ */ u(Z, { ...r, ...t, ref: n });
+});
+G.displayName = Me;
+var ve = "ContextMenuArrow", he = a.forwardRef(
+  (e, n) => {
+    const { __scopeContextMenu: o, ...t } = e, r = i(o);
+    return /* @__PURE__ */ u(ne, { ...r, ...t, ref: n });
+  }
+);
+he.displayName = ve;
+var k = "ContextMenuSub", D = (e) => {
+  const { __scopeContextMenu: n, children: o, onOpenChange: t, open: r, defaultOpen: l } = e, p = i(n), [c, d] = re({
+    prop: r,
+    defaultProp: l ?? !1,
+    onChange: t,
+    caller: k
+  });
+  return /* @__PURE__ */ u($, { ...p, open: c, onOpenChange: d, children: o });
+};
+D.displayName = k;
+var ge = "ContextMenuSubTrigger", L = a.forwardRef((e, n) => {
+  const { __scopeContextMenu: o, ...t } = e, r = i(o);
+  return /* @__PURE__ */ u(te, { ...r, ...t, ref: n });
+});
+L.displayName = ge;
+var Re = "ContextMenuSubContent", U = a.forwardRef((e, n) => {
+  const { __scopeContextMenu: o, ...t } = e, r = i(o);
+  return /* @__PURE__ */ u(
+    ee,
+    {
+      ...r,
+      ...t,
+      ref: n,
+      style: {
+        ...e.style,
+        "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+U.displayName = Re;
+function M(e) {
+  return (n) => n.pointerType !== "mouse" ? e(n) : void 0;
+}
+var Ae = R, Ee = P, Oe = S, Te = I, ye = N, Ge = w, ke = A, De = E, Le = O, Ue = T, Be = y, Fe = G, Xe = D, je = L, He = U;
+export {
+  De as CheckboxItem,
+  Te as Content,
+  R as ContextMenu,
+  he as ContextMenuArrow,
+  E as ContextMenuCheckboxItem,
+  I as ContextMenuContent,
+  N as ContextMenuGroup,
+  A as ContextMenuItem,
+  y as ContextMenuItemIndicator,
+  w as ContextMenuLabel,
+  S as ContextMenuPortal,
+  O as ContextMenuRadioGroup,
+  T as ContextMenuRadioItem,
+  G as ContextMenuSeparator,
+  D as ContextMenuSub,
+  U as ContextMenuSubContent,
+  L as ContextMenuSubTrigger,
+  P as ContextMenuTrigger,
+  ye as Group,
+  ke as Item,
+  Be as ItemIndicator,
+  Ge as Label,
+  Oe as Portal,
+  Le as RadioGroup,
+  Ue as RadioItem,
+  Ae as Root,
+  Fe as Separator,
+  Xe as Sub,
+  He as SubContent,
+  je as SubTrigger,
+  Ee as Trigger
+};