@datawire-ai/busyfile-design-library 1.30.3 → 1.30.5

package/dist/index45.js

@@ -1,240 +1,31 @@
-"use client";
-import * as s from "react";
-import { composeEventHandlers as C } from "./index94.js";
-import { useComposedRefs as E } from "./index93.js";
-import { createContextScope as _ } from "./index95.js";
-import { Primitive as x } from "./index99.js";
-import { createRovingFocusGroupScope as w, Root as L, Item as B } from "./index108.js";
-import { useControllableState as q } from "./index96.js";
-import { useDirection as K } from "./index109.js";
-import { useSize as T } from "./index98.js";
-import { usePrevious as U } from "./index97.js";
-import { Presence as V } from "./index100.js";
-import { j as d } from "./index40.js";
-var I = "Radio", [z, P] = _(I), [H, W] = z(I), G = s.forwardRef(
-  (a, c) => {
-    const {
-      __scopeRadio: o,
-      name: i,
-      checked: e = !1,
-      required: r,
-      disabled: n,
-      value: f = "on",
-      onCheck: u,
-      form: m,
-      ...R
-    } = a, [l, v] = s.useState(null), t = E(c, (y) => v(y)), p = s.useRef(!1), h = l ? m || !!l.closest("form") : !0;
-    return /* @__PURE__ */ d.jsxs(H, { scope: o, checked: e, disabled: n, children: [
-      /* @__PURE__ */ d.jsx(
-        x.button,
-        {
-          type: "button",
-          role: "radio",
-          "aria-checked": e,
-          "data-state": A(e),
-          "data-disabled": n ? "" : void 0,
-          disabled: n,
-          value: f,
-          ...R,
-          ref: t,
-          onClick: C(a.onClick, (y) => {
-            e || u == null || u(), h && (p.current = y.isPropagationStopped(), p.current || y.stopPropagation());
-          })
-        }
-      ),
-      h && /* @__PURE__ */ d.jsx(
-        k,
-        {
-          control: l,
-          bubbles: !p.current,
-          name: i,
-          value: f,
-          checked: e,
-          required: r,
-          disabled: n,
-          form: m,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-G.displayName = I;
-var S = "RadioIndicator", g = s.forwardRef(
-  (a, c) => {
-    const { __scopeRadio: o, forceMount: i, ...e } = a, r = W(S, o);
-    return /* @__PURE__ */ d.jsx(V, { present: i || r.checked, children: /* @__PURE__ */ d.jsx(
-      x.span,
-      {
-        "data-state": A(r.checked),
-        "data-disabled": r.disabled ? "" : void 0,
-        ...e,
-        ref: c
-      }
-    ) });
-  }
-);
-g.displayName = S;
-var X = "RadioBubbleInput", k = s.forwardRef(
-  ({
-    __scopeRadio: a,
-    control: c,
-    checked: o,
-    bubbles: i = !0,
-    ...e
-  }, r) => {
-    const n = s.useRef(null), f = E(n, r), u = U(o), m = T(c);
-    return s.useEffect(() => {
-      const R = n.current;
-      if (!R) return;
-      const l = window.HTMLInputElement.prototype, t = Object.getOwnPropertyDescriptor(
-        l,
-        "checked"
-      ).set;
-      if (u !== o && t) {
-        const p = new Event("click", { bubbles: i });
-        t.call(R, o), R.dispatchEvent(p);
-      }
-    }, [u, o, i]), /* @__PURE__ */ d.jsx(
-      x.input,
-      {
-        type: "radio",
-        "aria-hidden": !0,
-        defaultChecked: o,
-        ...e,
-        tabIndex: -1,
-        ref: f,
-        style: {
-          ...e.style,
-          ...m,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-k.displayName = X;
-function A(a) {
-  return a ? "checked" : "unchecked";
-}
-var Y = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], b = "RadioGroup", [J, pe] = _(b, [
-  w,
-  P
-]), j = w(), N = P(), [Q, Z] = J(b), D = s.forwardRef(
-  (a, c) => {
-    const {
-      __scopeRadioGroup: o,
-      name: i,
-      defaultValue: e,
-      value: r,
-      required: n = !1,
-      disabled: f = !1,
-      orientation: u,
-      dir: m,
-      loop: R = !0,
-      onValueChange: l,
-      ...v
-    } = a, t = j(o), p = K(m), [h, y] = q({
-      prop: r,
-      defaultProp: e ?? null,
-      onChange: l,
-      caller: b
-    });
-    return /* @__PURE__ */ d.jsx(
-      Q,
-      {
-        scope: o,
-        name: i,
-        required: n,
-        disabled: f,
-        value: h,
-        onValueChange: y,
-        children: /* @__PURE__ */ d.jsx(
-          L,
-          {
-            asChild: !0,
-            ...t,
-            orientation: u,
-            dir: p,
-            loop: R,
-            children: /* @__PURE__ */ d.jsx(
-              x.div,
-              {
-                role: "radiogroup",
-                "aria-required": n,
-                "aria-orientation": u,
-                "data-disabled": f ? "" : void 0,
-                dir: p,
-                ...v,
-                ref: c
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-D.displayName = b;
-var M = "RadioGroupItem", O = s.forwardRef(
-  (a, c) => {
-    const { __scopeRadioGroup: o, disabled: i, ...e } = a, r = Z(M, o), n = r.disabled || i, f = j(o), u = N(o), m = s.useRef(null), R = E(c, m), l = r.value === e.value, v = s.useRef(!1);
-    return s.useEffect(() => {
-      const t = (h) => {
-        Y.includes(h.key) && (v.current = !0);
-      }, p = () => v.current = !1;
-      return document.addEventListener("keydown", t), document.addEventListener("keyup", p), () => {
-        document.removeEventListener("keydown", t), document.removeEventListener("keyup", p);
-      };
-    }, []), /* @__PURE__ */ d.jsx(
-      B,
-      {
-        asChild: !0,
-        ...f,
-        focusable: !n,
-        active: l,
-        children: /* @__PURE__ */ d.jsx(
-          G,
-          {
-            disabled: n,
-            required: r.required,
-            checked: l,
-            ...u,
-            ...e,
-            name: r.name,
-            ref: R,
-            onCheck: () => r.onValueChange(e.value),
-            onKeyDown: C((t) => {
-              t.key === "Enter" && t.preventDefault();
-            }),
-            onFocus: C(e.onFocus, () => {
-              var t;
-              v.current && ((t = m.current) == null || t.click());
-            })
-          }
-        )
-      }
-    );
-  }
-);
-O.displayName = M;
-var $ = "RadioGroupIndicator", F = s.forwardRef(
-  (a, c) => {
-    const { __scopeRadioGroup: o, ...i } = a, e = N(o);
-    return /* @__PURE__ */ d.jsx(g, { ...e, ...i, ref: c });
-  }
-);
-F.displayName = $;
-var le = D, fe = O, me = F;
+import { cn as a } from "./index37.js";
+const t = () => ({
+  root: a(
+    "relative inline-flex items-center cursor-pointer",
+    "data-[disabled]:cursor-not-allowed"
+  ),
+  indicator: a(
+    "relative flex items-center justify-center",
+    "w-4 h-4 rounded-full border-2 transition-all duration-200",
+    "border-neutral-black-2",
+    "hover:shadow-[0_0_0_3px_var(--color-neutral-black-5)] hover:bg-neutral-black-5",
+    "focus:shadow-[0_0_0_3px_var(--color-neutral-black-3)] focus:bg-neutral-black-3",
+    "data-[state=checked]:border-neutral-black-1",
+    "data-[state=checked]:hover:shadow-[0_0_0_3px_var(--color-neutral-black-4)]",
+    "data-[state=checked]:hover:bg-neutral-black-4",
+    "data-[state=checked]:focus:shadow-[0_0_0_3px_var(--color-neutral-black-1)]",
+    "data-[state=checked]:focus:bg-neutral-black-1",
+    "data-[disabled]:hover:shadow-none data-[disabled]:hover:bg-transparent data-[disabled]:data-[state=checked]:bg-transparent data-[disabled]:data-[state=checked]:shadow-none data-[disabled]:focus:shadow-none data-[disabled]:border-neutral-black-3"
+  ),
+  innerCircle: a(
+    "w-2 h-2 rounded-full transition-all duration-200",
+    "bg-neutral-black-1"
+  ),
+  label: a(
+    "ml-2.5 text-md cursor-pointer select-none",
+    "data-[disabled]:cursor-not-allowed"
+  )
+});
 export {
-  me as Indicator,
-  fe as Item,
-  D as RadioGroup,
-  F as RadioGroupIndicator,
-  O as RadioGroupItem,
-  le as Root,
-  pe as createRadioGroupScope
+  t as radioVariants
 };

package/dist/index46.js

@@ -1,31 +1,253 @@
-import { cn as a } from "./index37.js";
-const t = () => ({
-  root: a(
-    "relative inline-flex items-center cursor-pointer",
-    "data-[disabled]:cursor-not-allowed"
-  ),
-  indicator: a(
-    "relative flex items-center justify-center",
-    "w-4 h-4 rounded-full border-2 transition-all duration-200",
-    "border-neutral-black-2",
-    "hover:shadow-[0_0_0_3px_var(--color-neutral-black-5)] hover:bg-neutral-black-5",
-    "focus:shadow-[0_0_0_3px_var(--color-neutral-black-3)] focus:bg-neutral-black-3",
-    "data-[state=checked]:border-neutral-black-1",
-    "data-[state=checked]:hover:shadow-[0_0_0_3px_var(--color-neutral-black-4)]",
-    "data-[state=checked]:hover:bg-neutral-black-4",
-    "data-[state=checked]:focus:shadow-[0_0_0_3px_var(--color-neutral-black-1)]",
-    "data-[state=checked]:focus:bg-neutral-black-1",
-    "data-[disabled]:hover:shadow-none data-[disabled]:hover:bg-transparent data-[disabled]:data-[state=checked]:bg-transparent data-[disabled]:data-[state=checked]:shadow-none data-[disabled]:focus:shadow-none data-[disabled]:border-neutral-black-3"
-  ),
-  innerCircle: a(
-    "w-2 h-2 rounded-full transition-all duration-200",
-    "bg-neutral-black-1"
-  ),
-  label: a(
-    "ml-2.5 text-md cursor-pointer select-none",
-    "data-[disabled]:cursor-not-allowed"
-  )
-});
+"use client";
+import * as s from "react";
+import { useComposedRefs as B } from "./index89.js";
+import { createContextScope as L } from "./index90.js";
+import { composeEventHandlers as S } from "./index91.js";
+import { useControllableState as O } from "./index92.js";
+import { usePrevious as j } from "./index93.js";
+import { useSize as H } from "./index94.js";
+import { Presence as z } from "./index95.js";
+import { Primitive as P } from "./index96.js";
+import { jsx as b, jsxs as G, Fragment as K } from "react/jsx-runtime";
+var g = "Checkbox", [U, se] = 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 {
-  t as radioVariants
+  Q as Checkbox,
+  V as CheckboxIndicator,
+  V as Indicator,
+  Q as Root,
+  se as createCheckboxScope,
+  q as unstable_BubbleInput,
+  q as unstable_CheckboxBubbleInput,
+  J as unstable_CheckboxProvider,
+  w as unstable_CheckboxTrigger,
+  J as unstable_Provider,
+  w as unstable_Trigger
 };