@alixpartners/ui-components 2.5.7 → 2.6.0

package/dist/index-CHy8gqvu.js

@@ -0,0 +1,353 @@
+import * as c from "react";
+import { u as X, P as I, a as G, c as C, b as S } from "./index-B4szHVNJ.js";
+import { u as Y, R as J, I as Q, c as A } from "./index-DH9SO8qV.js";
+import { u as Z } from "./index-6j3vTf--.js";
+import { u as $ } from "./index-BZPx6jYI.js";
+import { P as ee } from "./index-Bq1FiX6B.js";
+import { jsx as d, jsxs as M, Fragment as T } from "react/jsx-runtime";
+var k = "Radio", [oe, D] = S(k), [re, E] = oe(k);
+function x(r) {
+  const {
+    __scopeRadio: t,
+    checked: e = !1,
+    children: a,
+    disabled: o,
+    form: n,
+    name: s,
+    onCheck: u,
+    required: p,
+    value: f = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: l
+  } = r, [i, R] = c.useState(null), [m, v] = c.useState(null), b = c.useRef(!1), h = i ? !!n || !!i.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), _ = {
+    checked: e,
+    disabled: o,
+    required: p,
+    name: s,
+    form: n,
+    value: f,
+    control: i,
+    setControl: R,
+    hasConsumerStoppedPropagationRef: b,
+    isFormControl: h,
+    bubbleInput: m,
+    setBubbleInput: v,
+    onCheck: () => u == null ? void 0 : u()
+  };
+  return /* @__PURE__ */ d(re, { scope: t, ..._, children: ae(l) ? l(_) : a });
+}
+var B = "RadioTrigger", y = c.forwardRef(
+  ({ __scopeRadio: r, onClick: t, ...e }, a) => {
+    const {
+      checked: o,
+      disabled: n,
+      value: s,
+      setControl: u,
+      onCheck: p,
+      hasConsumerStoppedPropagationRef: f,
+      isFormControl: l,
+      bubbleInput: i
+    } = E(B, r), R = G(a, u);
+    return /* @__PURE__ */ d(
+      I.button,
+      {
+        type: "button",
+        role: "radio",
+        "aria-checked": o,
+        "data-state": q(o),
+        "data-disabled": n ? "" : void 0,
+        disabled: n,
+        value: s,
+        ...e,
+        ref: R,
+        onClick: C(t, (m) => {
+          o || p(), i && l && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
+        })
+      }
+    );
+  }
+);
+y.displayName = B;
+var te = c.forwardRef(
+  (r, t) => {
+    const { __scopeRadio: e, name: a, checked: o, required: n, disabled: s, value: u, onCheck: p, form: f, ...l } = r;
+    return /* @__PURE__ */ d(
+      x,
+      {
+        __scopeRadio: e,
+        checked: o,
+        disabled: s,
+        required: n,
+        onCheck: p,
+        name: a,
+        form: f,
+        value: u,
+        internal_do_not_use_render: ({ isFormControl: i }) => /* @__PURE__ */ M(T, { children: [
+          /* @__PURE__ */ d(
+            y,
+            {
+              ...l,
+              ref: t,
+              __scopeRadio: e
+            }
+          ),
+          i && /* @__PURE__ */ d(
+            w,
+            {
+              __scopeRadio: e
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+te.displayName = k;
+var F = "RadioIndicator", O = c.forwardRef(
+  (r, t) => {
+    const { __scopeRadio: e, forceMount: a, ...o } = r, n = E(F, e);
+    return /* @__PURE__ */ d(ee, { present: a || n.checked, children: /* @__PURE__ */ d(
+      I.span,
+      {
+        "data-state": q(n.checked),
+        "data-disabled": n.disabled ? "" : void 0,
+        ...o,
+        ref: t
+      }
+    ) });
+  }
+);
+O.displayName = F;
+var L = "RadioBubbleInput", w = c.forwardRef(
+  ({ __scopeRadio: r, ...t }, e) => {
+    const {
+      control: a,
+      checked: o,
+      required: n,
+      disabled: s,
+      name: u,
+      value: p,
+      form: f,
+      bubbleInput: l,
+      setBubbleInput: i,
+      hasConsumerStoppedPropagationRef: R
+    } = E(L, r), m = G(e, i), v = $(o), b = Z(a);
+    c.useEffect(() => {
+      const _ = l;
+      if (!_) return;
+      const z = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
+        z,
+        "checked"
+      ).set, H = !R.current;
+      if (v !== o && N) {
+        const W = new Event("click", { bubbles: H });
+        N.call(_, o), _.dispatchEvent(W);
+      }
+    }, [l, v, o, R]);
+    const h = c.useRef(o);
+    return /* @__PURE__ */ d(
+      I.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: h.current,
+        required: n,
+        disabled: s,
+        name: u,
+        value: p,
+        form: f,
+        ...t,
+        tabIndex: -1,
+        ref: m,
+        style: {
+          ...t.style,
+          ...b,
+          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%)"
+        }
+      }
+    );
+  }
+);
+w.displayName = L;
+function ae(r) {
+  return typeof r == "function";
+}
+function q(r) {
+  return r ? "checked" : "unchecked";
+}
+var ne = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], P = "RadioGroup", [se] = S(P, [
+  A,
+  D
+]), U = A(), g = D(), [ie, de] = se(P), ce = c.forwardRef(
+  (r, t) => {
+    const {
+      __scopeRadioGroup: e,
+      name: a,
+      defaultValue: o,
+      value: n,
+      required: s = !1,
+      disabled: u = !1,
+      orientation: p,
+      dir: f,
+      loop: l = !0,
+      onValueChange: i,
+      ...R
+    } = r, m = U(e), v = Y(f), [b, h] = X({
+      prop: n,
+      defaultProp: o ?? null,
+      onChange: i,
+      caller: P
+    });
+    return /* @__PURE__ */ d(
+      ie,
+      {
+        scope: e,
+        name: a,
+        required: s,
+        disabled: u,
+        value: b,
+        onValueChange: h,
+        children: /* @__PURE__ */ d(
+          J,
+          {
+            asChild: !0,
+            ...m,
+            orientation: p,
+            dir: v,
+            loop: l,
+            children: /* @__PURE__ */ d(
+              I.div,
+              {
+                role: "radiogroup",
+                "aria-required": s,
+                "aria-orientation": p,
+                "data-disabled": u ? "" : void 0,
+                dir: v,
+                ...R,
+                ref: t
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+ce.displayName = P;
+var ue = "RadioGroupItem", pe = "RadioGroupItemProvider", K = "RadioGroupItemTrigger", le = "RadioGroupItemBubbleInput";
+function fe(r) {
+  const {
+    __scopeRadioGroup: t,
+    value: e,
+    disabled: a,
+    children: o,
+    // @ts-expect-error
+    internal_do_not_use_render: n
+  } = r, s = de(pe, t), u = g(t), p = s.disabled || a;
+  return /* @__PURE__ */ d(
+    x,
+    {
+      ...u,
+      checked: s.value === e,
+      disabled: p,
+      required: s.required,
+      name: s.name,
+      value: e,
+      onCheck: () => s.onValueChange(e),
+      internal_do_not_use_render: n,
+      children: o
+    }
+  );
+}
+var V = c.forwardRef((r, t) => {
+  const { __scopeRadioGroup: e, ...a } = r, o = U(e), n = g(e), { checked: s, disabled: u } = E(K, n.__scopeRadio), p = c.useRef(null), f = G(t, p), l = c.useRef(!1);
+  return c.useEffect(() => {
+    const i = (m) => {
+      ne.includes(m.key) && (l.current = !0);
+    }, R = () => l.current = !1;
+    return document.addEventListener("keydown", i), document.addEventListener("keyup", R), () => {
+      document.removeEventListener("keydown", i), document.removeEventListener("keyup", R);
+    };
+  }, []), /* @__PURE__ */ d(
+    Q,
+    {
+      asChild: !0,
+      ...o,
+      focusable: !u,
+      active: s,
+      children: /* @__PURE__ */ d(
+        y,
+        {
+          ...n,
+          ...a,
+          ref: f,
+          onKeyDown: C(a.onKeyDown, (i) => {
+            i.key === "Enter" && i.preventDefault();
+          }),
+          onFocus: C(a.onFocus, () => {
+            var i;
+            l.current && ((i = p.current) == null || i.click());
+          })
+        }
+      )
+    }
+  );
+});
+V.displayName = K;
+var Re = c.forwardRef(
+  (r, t) => {
+    const { __scopeRadioGroup: e, value: a, disabled: o, ...n } = r;
+    return /* @__PURE__ */ d(
+      fe,
+      {
+        __scopeRadioGroup: e,
+        value: a,
+        disabled: o,
+        internal_do_not_use_render: ({ isFormControl: s }) => /* @__PURE__ */ M(T, { children: [
+          /* @__PURE__ */ d(
+            V,
+            {
+              ...n,
+              ref: t,
+              __scopeRadioGroup: e
+            }
+          ),
+          s && /* @__PURE__ */ d(
+            j,
+            {
+              __scopeRadioGroup: e
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Re.displayName = ue;
+var j = c.forwardRef((r, t) => {
+  const { __scopeRadioGroup: e, ...a } = r, o = g(e);
+  return /* @__PURE__ */ d(w, { ...o, ...a, ref: t });
+});
+j.displayName = le;
+var me = "RadioGroupIndicator", ve = c.forwardRef(
+  (r, t) => {
+    const { __scopeRadioGroup: e, ...a } = r, o = g(e);
+    return /* @__PURE__ */ d(O, { ...o, ...a, ref: t });
+  }
+);
+ve.displayName = me;
+export {
+  Re as R,
+  ve as a,
+  ce as b
+};