@arcadeai/design-system 3.39.0 → 3.39.2

package/dist/components/ui/atoms/checkbox.js

@@ -1,268 +1,288 @@
-import { jsx as c, jsxs as L, Fragment as O } from "react/jsx-runtime";
-import { MinusIcon as H, CheckIcon as G } from "lucide-react";
-import { cn as K } from "../../../lib/utils.js";
-import * as s from "react";
-import { u as w } from "../../../index-D2LZVjSn.js";
-import { c as U } from "../../../index-DFZozV_h.js";
-import { c as N } from "../../../index-B695uy69.js";
-import { u as X } from "../../../index-437EL2iq.js";
-import { u as $ } from "../../../index-BZPx6jYI.js";
-import { u as J } from "../../../index-BGQepRFJ.js";
-import { P as Q } from "../../../index-BaLuVb4t.js";
-import { P as R } from "../../../index-DLohNuco.js";
-var y = "Checkbox", [V] = U(y), [W, _] = V(y);
-function Y(t) {
+"use client";
+import { jsxs as Le, jsx as C } from "react/jsx-runtime";
+import { MinusIcon as Te, CheckIcon as qe } from "lucide-react";
+import { cn as je } from "../../../lib/utils.js";
+import * as r from "react";
+import { f as re, a as He, N as A, c as Ue, m as ze, E as We, u as ae } from "../../../useRenderElement-DNB2vtF1.js";
+import { u as $e } from "../../../useControlled-Sx-_x7Sz.js";
+import { u as De } from "../../../useStableCallback-CudqoENs.js";
+import { u as ee } from "../../../useIsoLayoutEffect-DpJo20by.js";
+import { v as Je, a as Xe } from "../../../visuallyHidden-PuyyGHVF.js";
+import { f as oe, c as Ye, a as Qe, u as Ze, b as Ae } from "../../../LabelableContext-Dzw1DWuj.js";
+import { u as te } from "../../../useBaseUiId-C8Dq0BQq.js";
+import { a as et } from "../../../useButton-JYPKQKj4.js";
+import { u as tt } from "../../../FieldItemContext-CF2fRwBC.js";
+import { u as nt } from "../../../useAriaLabelledBy-VklrCmKp.js";
+import { c as rt, n as at } from "../../../createBaseUIEventDetails-CqidROtw.js";
+import { u as ot } from "../../../useValueChanged-Bissqjjn.js";
+import { u as dt, a as it, t as st } from "../../../useOpenChangeComplete-DkeH9FGJ.js";
+let ne = /* @__PURE__ */ (function(e) {
+  return e.checked = "data-checked", e.unchecked = "data-unchecked", e.indeterminate = "data-indeterminate", e.disabled = "data-disabled", e.readonly = "data-readonly", e.required = "data-required", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
+})({});
+function de(e) {
+  return r.useMemo(() => ({
+    checked(d) {
+      return e.indeterminate ? {} : d ? {
+        [ne.checked]: ""
+      } : {
+        [ne.unchecked]: ""
+      };
+    },
+    ...oe
+  }), [e.indeterminate]);
+}
+const ie = /* @__PURE__ */ r.createContext(void 0);
+process.env.NODE_ENV !== "production" && (ie.displayName = "CheckboxGroupContext");
+function ct(e = !0) {
+  const d = r.useContext(ie);
+  if (d === void 0 && !e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CheckboxGroupContext is missing. CheckboxGroup parts must be placed within <CheckboxGroup>." : re(3));
+  return d;
+}
+const j = /* @__PURE__ */ r.createContext(void 0);
+process.env.NODE_ENV !== "production" && (j.displayName = "CheckboxRootContext");
+function ut() {
+  const e = r.useContext(j);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CheckboxRootContext is missing. Checkbox parts must be placed within <Checkbox.Root>." : re(14));
+  return e;
+}
+const lt = "data-parent", se = /* @__PURE__ */ r.forwardRef(function(d, x) {
   const {
-    __scopeCheckbox: r,
-    checked: i,
-    children: l,
-    defaultChecked: n,
-    disabled: e,
-    form: f,
-    name: m,
-    onCheckedChange: d,
-    required: h,
-    value: k = "on",
-    // @ts-expect-error
-    internal_do_not_use_render: u
-  } = t, [p, v] = X({
-    prop: i,
-    defaultProp: n ?? !1,
-    onChange: d,
-    caller: y
-  }), [C, x] = s.useState(null), [g, o] = s.useState(null), a = s.useRef(!1), I = C ? !!f || !!C.closest("form") : (
-    // We set this to true by default so that events bubble to forms without JS (SSR)
-    !0
-  ), P = {
-    checked: p,
-    disabled: e,
-    setChecked: v,
-    control: C,
-    setControl: x,
-    name: m,
-    form: f,
-    value: k,
-    hasConsumerStoppedPropagationRef: a,
-    required: h,
-    defaultChecked: b(n) ? !1 : n,
-    isFormControl: I,
-    bubbleInput: g,
-    setBubbleInput: o
-  };
-  return /* @__PURE__ */ c(
-    W,
+    checked: H,
+    className: ue,
+    defaultChecked: S = !1,
+    "aria-labelledby": w,
+    disabled: p = !1,
+    id: m,
+    indeterminate: v = !1,
+    inputRef: G,
+    name: K,
+    onCheckedChange: E,
+    parent: i = !1,
+    readOnly: c = !1,
+    render: U,
+    required: h = !1,
+    uncheckedValue: P,
+    value: N,
+    nativeButton: I = !1,
+    ...le
+  } = d, {
+    clearErrors: fe
+  } = Ye(), {
+    disabled: pe,
+    name: me,
+    setDirty: he,
+    setFilled: F,
+    setFocused: z,
+    setTouched: be,
+    state: W,
+    validationMode: ge,
+    validityData: ke,
+    shouldValidateOnChange: Ce,
+    validation: xe
+  } = Qe(), ve = tt(), {
+    labelId: ye,
+    controlId: Ee,
+    registerControlId: b,
+    getDescriptionProps: $
+  } = Ze(), t = ct(), y = t?.parent, R = y && t.allValues, u = pe || ve.disabled || t?.disabled || p, l = me ?? K, a = N ?? l, D = te(), Pe = te();
+  let f = Ee;
+  R ? f = i ? Pe : `${y.id}-${a}` : m && (f = m);
+  let _ = {};
+  R && (i ? _ = t.parent.getParentProps() : a && (_ = t.parent.getChildProps(a)));
+  const Ne = De(E), {
+    checked: J = H,
+    indeterminate: V = v,
+    onCheckedChange: Ie,
+    ...Re
+  } = _, g = t?.value, X = t?.setValue, Y = t?.defaultValue, L = r.useRef(null), M = He(() => /* @__PURE__ */ Symbol("checkbox-control")), T = r.useRef(!1), {
+    getButtonProps: Ve,
+    buttonRef: Me
+  } = et({
+    disabled: u,
+    native: I
+  }), s = t?.validation ?? xe, [o, Be] = $e({
+    controlled: a && g && !i ? g.includes(a) : J,
+    default: a && Y && !i ? Y.includes(a) : S,
+    name: "Checkbox",
+    state: "checked"
+  });
+  ee(() => {
+    b !== A && (T.current = !0, b(M.current, f));
+  }, [f, t, b, i, M]), r.useEffect(() => {
+    const n = M.current;
+    return () => {
+      !T.current || b === A || (T.current = !1, b(n, void 0));
+    };
+  }, [b, M]), Ae({
+    enabled: !t,
+    id: D,
+    commit: s.commit,
+    value: o,
+    controlRef: L,
+    name: l,
+    getValue: () => o
+  });
+  const k = r.useRef(null), Oe = Ue(G, k, s.inputRef), Se = nt(w, ye, k, !I, f ?? void 0);
+  ee(() => {
+    k.current && (k.current.indeterminate = V, o && F(!0));
+  }, [o, V, F]), ot(o, () => {
+    t && !i || (fe(l), F(o), he(o !== ke.initialValue), Ce() ? s.commit(o) : s.commit(o, !0));
+  });
+  const we = ze(
     {
-      scope: r,
-      ...P,
-      children: Z(u) ? u(P) : l
-    }
-  );
-}
-var S = "CheckboxTrigger", B = s.forwardRef(
-  ({ __scopeCheckbox: t, onKeyDown: r, onClick: i, ...l }, n) => {
-    const {
-      control: e,
-      value: f,
-      disabled: m,
-      checked: d,
+      checked: o,
+      disabled: u,
+      // parent checkboxes unset `name` to be excluded from form submission
+      name: i ? void 0 : l,
+      // Set `id` to stop Chrome warning about an unassociated input.
+      // When using a native button, the `id` is applied to the button instead.
+      id: I ? void 0 : f ?? void 0,
       required: h,
-      setControl: k,
-      setChecked: u,
-      hasConsumerStoppedPropagationRef: p,
-      isFormControl: v,
-      bubbleInput: C
-    } = _(S, t), x = w(n, k), g = s.useRef(d);
-    return s.useEffect(() => {
-      const o = e?.form;
-      if (o) {
-        const a = () => u(g.current);
-        return o.addEventListener("reset", a), () => o.removeEventListener("reset", a);
+      ref: Oe,
+      style: l ? Je : Xe,
+      tabIndex: -1,
+      type: "checkbox",
+      "aria-hidden": !0,
+      onChange(n) {
+        if (n.nativeEvent.defaultPrevented)
+          return;
+        const B = n.target.checked, O = rt(at, n.nativeEvent);
+        if (Ie?.(B, O), Ne(B, O), !O.isCanceled && (Be(B), a && g && X && !i)) {
+          const Fe = B ? [...g, a] : g.filter((_e) => _e !== a);
+          X(Fe, O);
+        }
+      },
+      onFocus() {
+        L.current?.focus();
       }
-    }, [e, u]), /* @__PURE__ */ c(
-      R.button,
-      {
-        type: "button",
-        role: "checkbox",
-        "aria-checked": b(d) ? "mixed" : d,
-        "aria-required": h,
-        "data-state": j(d),
-        "data-disabled": m ? "" : void 0,
-        disabled: m,
-        value: f,
-        ...l,
-        ref: x,
-        onKeyDown: N(r, (o) => {
-          o.key === "Enter" && o.preventDefault();
-        }),
-        onClick: N(i, (o) => {
-          u((a) => b(a) ? !0 : !a), C && v && (p.current = o.isPropagationStopped(), p.current || o.stopPropagation());
-        })
+    },
+    // React <19 sets an empty value if `undefined` is passed explicitly
+    // To avoid this, we only set the value if it's defined
+    N !== void 0 ? {
+      value: (t ? o && N : N) || ""
+    } : We,
+    $,
+    t ? s.getValidationProps : s.getInputValidationProps
+  ), Q = R ? !!J : o, Z = R && V || v;
+  r.useEffect(() => {
+    if (!y || !a)
+      return;
+    const n = y.disabledStatesRef.current;
+    return n.set(a, u), () => {
+      n.delete(a);
+    };
+  }, [y, u, a]);
+  const q = r.useMemo(() => ({
+    ...W,
+    checked: Q,
+    disabled: u,
+    readOnly: c,
+    required: h,
+    indeterminate: Z
+  }), [W, Q, u, c, h, Z]), Ge = de(q), Ke = ae("span", d, {
+    state: q,
+    ref: [Me, L, x, t?.registerControlRef],
+    props: [{
+      id: I ? f ?? void 0 : D,
+      role: "checkbox",
+      "aria-checked": V ? "mixed" : o,
+      "aria-readonly": c || void 0,
+      "aria-required": h || void 0,
+      "aria-labelledby": Se,
+      [lt]: i ? "" : void 0,
+      onFocus() {
+        z(!0);
+      },
+      onBlur() {
+        const n = k.current;
+        n && (be(!0), z(!1), ge === "onBlur" && s.commit(t ? g : n.checked));
+      },
+      onClick(n) {
+        c || u || (n.preventDefault(), k.current?.dispatchEvent(new PointerEvent("click", {
+          bubbles: !0,
+          shiftKey: n.shiftKey,
+          ctrlKey: n.ctrlKey,
+          altKey: n.altKey,
+          metaKey: n.metaKey
+        })));
       }
-    );
-  }
-);
-B.displayName = S;
-var M = s.forwardRef(
-  (t, r) => {
-    const {
-      __scopeCheckbox: i,
+    }, $, s.getValidationProps, le, Re, Ve],
+    stateAttributesMapping: Ge
+  });
+  return /* @__PURE__ */ Le(j.Provider, {
+    value: q,
+    children: [Ke, !o && !t && l && !i && P !== void 0 && /* @__PURE__ */ C("input", {
+      type: "hidden",
       name: l,
-      checked: n,
-      defaultChecked: e,
-      required: f,
-      disabled: m,
-      value: d,
-      onCheckedChange: h,
-      form: k,
-      ...u
-    } = t;
-    return /* @__PURE__ */ c(
-      Y,
-      {
-        __scopeCheckbox: i,
-        checked: n,
-        defaultChecked: e,
-        disabled: m,
-        required: f,
-        onCheckedChange: h,
-        name: l,
-        form: k,
-        value: d,
-        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ L(O, { children: [
-          /* @__PURE__ */ c(
-            B,
-            {
-              ...u,
-              ref: r,
-              __scopeCheckbox: i
-            }
-          ),
-          p && /* @__PURE__ */ c(
-            A,
-            {
-              __scopeCheckbox: i
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-M.displayName = y;
-var T = "CheckboxIndicator", q = s.forwardRef(
-  (t, r) => {
-    const { __scopeCheckbox: i, forceMount: l, ...n } = t, e = _(T, i);
-    return /* @__PURE__ */ c(
-      Q,
-      {
-        present: l || b(e.checked) || e.checked === !0,
-        children: /* @__PURE__ */ c(
-          R.span,
-          {
-            "data-state": j(e.checked),
-            "data-disabled": e.disabled ? "" : void 0,
-            ...n,
-            ref: r,
-            style: { pointerEvents: "none", ...t.style }
-          }
-        )
-      }
-    );
-  }
-);
-q.displayName = T;
-var z = "CheckboxBubbleInput", A = s.forwardRef(
-  ({ __scopeCheckbox: t, ...r }, i) => {
-    const {
-      control: l,
-      hasConsumerStoppedPropagationRef: n,
-      checked: e,
-      defaultChecked: f,
-      required: m,
-      disabled: d,
-      name: h,
-      value: k,
-      form: u,
-      bubbleInput: p,
-      setBubbleInput: v
-    } = _(z, t), C = w(i, v), x = $(e), g = J(l);
-    s.useEffect(() => {
-      const a = p;
-      if (!a) return;
-      const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
-        I,
-        "checked"
-      ).set, D = !n.current;
-      if (x !== e && E) {
-        const F = new Event("click", { bubbles: D });
-        a.indeterminate = b(e), E.call(a, b(e) ? !1 : e), a.dispatchEvent(F);
-      }
-    }, [p, x, e, n]);
-    const o = s.useRef(b(e) ? !1 : e);
-    return /* @__PURE__ */ c(
-      R.input,
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: f ?? o.current,
-        required: m,
-        disabled: d,
-        name: h,
-        value: k,
-        form: u,
-        ...r,
-        tabIndex: -1,
-        ref: C,
-        style: {
-          ...r.style,
-          ...g,
-          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%)"
-        }
-      }
-    );
-  }
-);
-A.displayName = z;
-function Z(t) {
-  return typeof t == "function";
-}
-function b(t) {
-  return t === "indeterminate";
-}
-function j(t) {
-  return b(t) ? "indeterminate" : t ? "checked" : "unchecked";
-}
-function le({
-  className: t,
-  ...r
+      value: P
+    }), /* @__PURE__ */ C("input", {
+      ...we
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (se.displayName = "CheckboxRoot");
+const ce = /* @__PURE__ */ r.forwardRef(function(d, x) {
+  const {
+    render: H,
+    className: ue,
+    keepMounted: S = !1,
+    ...w
+  } = d, p = ut(), m = p.checked || p.indeterminate, {
+    mounted: v,
+    transitionStatus: G,
+    setMounted: K
+  } = dt(m), E = r.useRef(null), i = {
+    ...p,
+    transitionStatus: G
+  };
+  it({
+    open: m,
+    ref: E,
+    onComplete() {
+      m || K(!1);
+    }
+  });
+  const c = de(p), U = r.useMemo(() => ({
+    ...c,
+    ...st,
+    ...oe
+  }), [c]), h = S || v, P = ae("span", d, {
+    ref: [x, E],
+    state: i,
+    stateAttributesMapping: U,
+    props: w
+  });
+  return h ? P : null;
+});
+process.env.NODE_ENV !== "production" && (ce.displayName = "CheckboxIndicator");
+function Vt({
+  className: e,
+  indeterminate: d,
+  ...x
 }) {
-  return /* @__PURE__ */ c(
-    M,
+  return /* @__PURE__ */ C(
+    se,
     {
-      className: K(
-        "peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=indeterminate]:border-primary data-[state=checked]:bg-primary data-[state=indeterminate]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:data-[state=indeterminate]:bg-primary dark:aria-invalid:ring-destructive/40",
-        t
+      className: je(
+        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input outline-none transition-colors after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 group-has-disabled/field:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary data-disabled:data-checked:border-muted-foreground data-disabled:data-indeterminate:border-muted-foreground data-disabled:data-checked:bg-muted-foreground data-disabled:data-indeterminate:bg-muted-foreground data-disabled:cursor-not-allowed data-checked:border-primary data-indeterminate:border-primary data-checked:bg-primary data-indeterminate:bg-primary data-checked:text-primary-foreground data-indeterminate:text-primary-foreground data-disabled:opacity-50 dark:bg-input/30 dark:data-disabled:data-checked:bg-muted-foreground dark:data-disabled:data-indeterminate:bg-muted-foreground dark:data-checked:bg-primary dark:data-indeterminate:bg-primary dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        e
       ),
       "data-slot": "checkbox",
-      ...r,
-      children: /* @__PURE__ */ c(
-        q,
+      indeterminate: d,
+      ...x,
+      children: /* @__PURE__ */ C(
+        ce,
         {
-          className: "flex items-center justify-center text-current transition-none",
+          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
           "data-slot": "checkbox-indicator",
-          children: r.checked === "indeterminate" ? /* @__PURE__ */ c(H, { className: "size-3.5" }) : /* @__PURE__ */ c(G, { className: "size-3.5" })
+          children: d ? /* @__PURE__ */ C(Te, {}) : /* @__PURE__ */ C(qe, {})
         }
       )
     }
   );
 }
 export {
-  le as Checkbox
+  Vt as Checkbox
 };

package/dist/components/ui/atoms/code-block.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { w as a } from "../../../web-BwFNdl01.js";
+import { w as a } from "../../../web-BbvN_Lei.js";
 import { SHIKI_THEMES as c } from "../../../lib/shiki-themes.js";
 import { cn as t } from "../../../lib/utils.js";
 function u({ children: e, className: r, ...l }) {

package/dist/components/ui/atoms/collapsible.d.ts

@@ -1,6 +1,6 @@
-import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+declare function Collapsible({ className, ...props }: CollapsiblePrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
 //# sourceMappingURL=collapsible.d.ts.map

package/dist/components/ui/atoms/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAE/D,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAOtE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAOtE;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGjF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,2CAW5E;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,2CAWpC;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,2CAIzE;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}