@alixpartners/ui-components 2.6.1 → 2.6.2

package/dist/{index-CcsZYEYy.js → index-CCFDXH-J.js}

@@ -1,11 +1,11 @@
 import * as i from "react";
-import { u as G, a as O, P as _, c as P, b as H, e as K } from "./index-B4szHVNJ.js";
-import { P as $, D as j } from "./index-kgC_DL6e.js";
-import { h as U, R as V, u as W, F as Z } from "./index-BVZdJVFB.js";
-import { u as q } from "./index-6DGSlWJb.js";
-import { R as z, A as x, c as w, C as B, a as J } from "./index-CarlZuEo.js";
-import { P as E } from "./index-Bq1FiX6B.js";
-import { jsx as u } from "react/jsx-runtime";
+import { u as G, d as O, P as _, c as P, b as H, e as K } from "./index-z_kiwVc3.js";
+import { P as $, D as j } from "./index-CmGGeUr0.js";
+import { h as U, R as V, u as W, F as Z } from "./index-CFqDEbIR.js";
+import { u as q } from "./index-C2s_VtSb.js";
+import { R as z, A as x, c as w, C as B, a as J } from "./index-ChQc_Cm6.js";
+import { P as E } from "./index-CfIcUHKK.js";
+import { jsx as p } from "react/jsx-runtime";
 var m = "Popover", [b] = H(m, [
   w
 ]), g = w(), [Q, d] = b(m), F = (e) => {
@@ -16,18 +16,18 @@ var m = "Popover", [b] = H(m, [
     defaultOpen: o,
     onOpenChange: r,
     modal: s = !1
-  } = e, c = g(n), p = i.useRef(null), [l, h] = i.useState(!1), [C, f] = G({
+  } = e, c = g(n), u = i.useRef(null), [l, h] = i.useState(!1), [C, f] = G({
     prop: a,
     defaultProp: o ?? !1,
     onChange: r,
     caller: m
   });
-  return /* @__PURE__ */ u(z, { ...c, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ p(z, { ...c, children: /* @__PURE__ */ p(
     Q,
     {
       scope: n,
       contentId: q(),
-      triggerRef: p,
+      triggerRef: u,
       open: C,
       onOpenChange: f,
       onOpenToggle: i.useCallback(() => f((R) => !R), [f]),
@@ -43,26 +43,26 @@ F.displayName = m;
 var N = "PopoverAnchor", S = i.forwardRef(
   (e, n) => {
     const { __scopePopover: t, ...a } = e, o = d(N, t), r = g(t), { onCustomAnchorAdd: s, onCustomAnchorRemove: c } = o;
-    return i.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ u(x, { ...r, ...a, ref: n });
+    return i.useEffect(() => (s(), () => c()), [s, c]), /* @__PURE__ */ p(x, { ...r, ...a, ref: n });
   }
 );
 S.displayName = N;
 var y = "PopoverTrigger", D = i.forwardRef(
   (e, n) => {
-    const { __scopePopover: t, ...a } = e, o = d(y, t), r = g(t), s = O(n, o.triggerRef), c = /* @__PURE__ */ u(
+    const { __scopePopover: t, ...a } = e, o = d(y, t), r = g(t), s = O(n, o.triggerRef), c = /* @__PURE__ */ p(
       _.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": o.open,
-        "aria-controls": o.open ? o.contentId : void 0,
+        "aria-controls": o.contentId,
         "data-state": L(o.open),
         ...a,
         ref: s,
         onClick: P(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? c : /* @__PURE__ */ u(x, { asChild: !0, ...r, children: c });
+    return o.hasCustomAnchor ? c : /* @__PURE__ */ p(x, { asChild: !0, ...r, children: c });
   }
 );
 D.displayName = y;
@@ -70,13 +70,13 @@ var A = "PopoverPortal", [X, Y] = b(A, {
   forceMount: void 0
 }), M = (e) => {
   const { __scopePopover: n, forceMount: t, children: a, container: o } = e, r = d(A, n);
-  return /* @__PURE__ */ u(X, { scope: n, forceMount: t, children: /* @__PURE__ */ u(E, { present: t || r.open, children: /* @__PURE__ */ u($, { asChild: !0, container: o, children: a }) }) });
+  return /* @__PURE__ */ p(X, { scope: n, forceMount: t, children: /* @__PURE__ */ p(E, { present: t || r.open, children: /* @__PURE__ */ p($, { asChild: !0, container: o, children: a }) }) });
 };
 M.displayName = A;
 var v = "PopoverContent", T = i.forwardRef(
   (e, n) => {
     const t = Y(v, e.__scopePopover), { forceMount: a = t.forceMount, ...o } = e, r = d(v, e.__scopePopover);
-    return /* @__PURE__ */ u(E, { present: a || r.open, children: r.modal ? /* @__PURE__ */ u(oe, { ...o, ref: n }) : /* @__PURE__ */ u(re, { ...o, ref: n }) });
+    return /* @__PURE__ */ p(E, { present: a || r.open, children: r.modal ? /* @__PURE__ */ p(oe, { ...o, ref: n }) : /* @__PURE__ */ p(re, { ...o, ref: n }) });
   }
 );
 T.displayName = v;
@@ -86,7 +86,7 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
     return i.useEffect(() => {
       const s = a.current;
       if (s) return U(s);
-    }, []), /* @__PURE__ */ u(V, { as: ee, allowPinchZoom: !0, children: /* @__PURE__ */ u(
+    }, []), /* @__PURE__ */ p(V, { as: ee, allowPinchZoom: !0, children: /* @__PURE__ */ p(
       k,
       {
         ...e,
@@ -100,7 +100,7 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
         onPointerDownOutside: P(
           e.onPointerDownOutside,
           (s) => {
-            const c = s.detail.originalEvent, p = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || p;
+            const c = s.detail.originalEvent, u = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || u;
             r.current = l;
           },
           { checkForDefaultPrevented: !1 }
@@ -116,7 +116,7 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
 ), re = i.forwardRef(
   (e, n) => {
     const t = d(v, e.__scopePopover), a = i.useRef(!1), o = i.useRef(!1);
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ p(
       k,
       {
         ...e,
@@ -128,8 +128,8 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
           (s = e.onCloseAutoFocus) == null || s.call(e, r), r.defaultPrevented || (a.current || (c = t.triggerRef.current) == null || c.focus(), r.preventDefault()), a.current = !1, o.current = !1;
         },
         onInteractOutside: (r) => {
-          var p, l;
-          (p = e.onInteractOutside) == null || p.call(e, r), r.defaultPrevented || (a.current = !0, r.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          var u, l;
+          (u = e.onInteractOutside) == null || u.call(e, r), r.defaultPrevented || (a.current = !0, r.detail.originalEvent.type === "pointerdown" && (o.current = !0));
           const s = r.target;
           ((l = t.triggerRef.current) == null ? void 0 : l.contains(s)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && o.current && r.preventDefault();
         }
@@ -145,12 +145,12 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
       onCloseAutoFocus: r,
       disableOutsidePointerEvents: s,
       onEscapeKeyDown: c,
-      onPointerDownOutside: p,
+      onPointerDownOutside: u,
       onFocusOutside: l,
       onInteractOutside: h,
       ...C
     } = e, f = d(v, t), R = g(t);
-    return W(), /* @__PURE__ */ u(
+    return W(), /* @__PURE__ */ p(
       Z,
       {
         asChild: !0,
@@ -158,18 +158,17 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
         trapped: a,
         onMountAutoFocus: o,
         onUnmountAutoFocus: r,
-        children: /* @__PURE__ */ u(
+        children: /* @__PURE__ */ p(
           j,
           {
             asChild: !0,
             disableOutsidePointerEvents: s,
             onInteractOutside: h,
             onEscapeKeyDown: c,
-            onPointerDownOutside: p,
+            onPointerDownOutside: u,
             onFocusOutside: l,
             onDismiss: () => f.onOpenChange(!1),
-            deferPointerDownOutside: !0,
-            children: /* @__PURE__ */ u(
+            children: /* @__PURE__ */ p(
               B,
               {
                 "data-state": L(f.open),
@@ -196,7 +195,7 @@ var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
 ), I = "PopoverClose", te = i.forwardRef(
   (e, n) => {
     const { __scopePopover: t, ...a } = e, o = d(I, t);
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ p(
       _.button,
       {
         type: "button",
@@ -211,7 +210,7 @@ te.displayName = I;
 var ne = "PopoverArrow", ae = i.forwardRef(
   (e, n) => {
     const { __scopePopover: t, ...a } = e, o = g(t);
-    return /* @__PURE__ */ u(J, { ...o, ...a, ref: n });
+    return /* @__PURE__ */ p(J, { ...o, ...a, ref: n });
   }
 );
 ae.displayName = ne;

package/dist/index-CCnm5-ML.js

@@ -0,0 +1,230 @@
+import * as s from "react";
+import { d as P, c as C, u as B, P as b, b as _ } from "./index-z_kiwVc3.js";
+import { I as q, u as K, R as T, c as w } from "./index-C8H9A55g.js";
+import { u as U } from "./index-Nyh2Wa71.js";
+import { u as V } from "./index-BZPx6jYI.js";
+import { P as j } from "./index-CfIcUHKK.js";
+import { jsx as p, jsxs as z } from "react/jsx-runtime";
+var E = "Radio", [H, g] = _(E), [W, X] = H(E), k = s.forwardRef(
+  (a, d) => {
+    const {
+      __scopeRadio: o,
+      name: i,
+      checked: e = !1,
+      required: r,
+      disabled: n,
+      value: f = "on",
+      onCheck: c,
+      form: R,
+      ...v
+    } = a, [l, m] = s.useState(null), t = P(d, (y) => m(y)), u = s.useRef(!1), h = l ? R || !!l.closest("form") : !0;
+    return /* @__PURE__ */ z(W, { scope: o, checked: e, disabled: n, children: [
+      /* @__PURE__ */ p(
+        b.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": e,
+          "data-state": N(e),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: f,
+          ...v,
+          ref: t,
+          onClick: C(a.onClick, (y) => {
+            e || c == null || c(), h && (u.current = y.isPropagationStopped(), u.current || y.stopPropagation());
+          })
+        }
+      ),
+      h && /* @__PURE__ */ p(
+        A,
+        {
+          control: l,
+          bubbles: !u.current,
+          name: i,
+          value: f,
+          checked: e,
+          required: r,
+          disabled: n,
+          form: R,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+k.displayName = E;
+var G = "RadioIndicator", S = s.forwardRef(
+  (a, d) => {
+    const { __scopeRadio: o, forceMount: i, ...e } = a, r = X(G, o);
+    return /* @__PURE__ */ p(j, { present: i || r.checked, children: /* @__PURE__ */ p(
+      b.span,
+      {
+        "data-state": N(r.checked),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...e,
+        ref: d
+      }
+    ) });
+  }
+);
+S.displayName = G;
+var Y = "RadioBubbleInput", A = s.forwardRef(
+  ({
+    __scopeRadio: a,
+    control: d,
+    checked: o,
+    bubbles: i = !0,
+    ...e
+  }, r) => {
+    const n = s.useRef(null), f = P(n, r), c = V(o), R = U(d);
+    return s.useEffect(() => {
+      const v = n.current;
+      if (!v) return;
+      const l = window.HTMLInputElement.prototype, t = Object.getOwnPropertyDescriptor(
+        l,
+        "checked"
+      ).set;
+      if (c !== o && t) {
+        const u = new Event("click", { bubbles: i });
+        t.call(v, o), v.dispatchEvent(u);
+      }
+    }, [c, o, i]), /* @__PURE__ */ p(
+      b.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: o,
+        ...e,
+        tabIndex: -1,
+        ref: f,
+        style: {
+          ...e.style,
+          ...R,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+A.displayName = Y;
+function N(a) {
+  return a ? "checked" : "unchecked";
+}
+var J = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], I = "RadioGroup", [Q] = _(I, [
+  w,
+  g
+]), x = w(), D = g(), [Z, $] = Q(I), M = s.forwardRef(
+  (a, d) => {
+    const {
+      __scopeRadioGroup: o,
+      name: i,
+      defaultValue: e,
+      value: r,
+      required: n = !1,
+      disabled: f = !1,
+      orientation: c,
+      dir: R,
+      loop: v = !0,
+      onValueChange: l,
+      ...m
+    } = a, t = x(o), u = K(R), [h, y] = B({
+      prop: r,
+      defaultProp: e ?? null,
+      onChange: l,
+      caller: I
+    });
+    return /* @__PURE__ */ p(
+      Z,
+      {
+        scope: o,
+        name: i,
+        required: n,
+        disabled: f,
+        value: h,
+        onValueChange: y,
+        children: /* @__PURE__ */ p(
+          T,
+          {
+            asChild: !0,
+            ...t,
+            orientation: c,
+            dir: u,
+            loop: v,
+            children: /* @__PURE__ */ p(
+              b.div,
+              {
+                role: "radiogroup",
+                "aria-required": n,
+                "aria-orientation": c,
+                "data-disabled": f ? "" : void 0,
+                dir: u,
+                ...m,
+                ref: d
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+M.displayName = I;
+var O = "RadioGroupItem", F = s.forwardRef(
+  (a, d) => {
+    const { __scopeRadioGroup: o, disabled: i, ...e } = a, r = $(O, o), n = r.disabled || i, f = x(o), c = D(o), R = s.useRef(null), v = P(d, R), l = r.value === e.value, m = s.useRef(!1);
+    return s.useEffect(() => {
+      const t = (h) => {
+        J.includes(h.key) && (m.current = !0);
+      }, u = () => m.current = !1;
+      return document.addEventListener("keydown", t), document.addEventListener("keyup", u), () => {
+        document.removeEventListener("keydown", t), document.removeEventListener("keyup", u);
+      };
+    }, []), /* @__PURE__ */ p(
+      q,
+      {
+        asChild: !0,
+        ...f,
+        focusable: !n,
+        active: l,
+        children: /* @__PURE__ */ p(
+          k,
+          {
+            disabled: n,
+            required: r.required,
+            checked: l,
+            ...c,
+            ...e,
+            name: r.name,
+            ref: v,
+            onCheck: () => r.onValueChange(e.value),
+            onKeyDown: C((t) => {
+              t.key === "Enter" && t.preventDefault();
+            }),
+            onFocus: C(e.onFocus, () => {
+              var t;
+              m.current && ((t = R.current) == null || t.click());
+            })
+          }
+        )
+      }
+    );
+  }
+);
+F.displayName = O;
+var ee = "RadioGroupIndicator", L = s.forwardRef(
+  (a, d) => {
+    const { __scopeRadioGroup: o, ...i } = a, e = D(o);
+    return /* @__PURE__ */ p(S, { ...e, ...i, ref: d });
+  }
+);
+L.displayName = ee;
+var ie = M, de = F, ce = L;
+export {
+  de as I,
+  ie as R,
+  ce as a
+};