@alixpartners/ui-components 2.0.1 → 2.0.2

package/dist/components/TagsFields/TagsFields.d.ts

@@ -1,19 +1,34 @@
 import { DataAttributes } from '../../types/data-attributes';
-import { DropdownOption } from '../Dropdown/Dropdown';
+import { DropdownOption, LabelTooltipProps } from '../Dropdown/Dropdown';
 import { InteractiveEventHandlers } from '../../types/native-events';
 type TagsFieldsProps = {
     className?: string;
-    label: string;
-    required?: boolean;
+    label?: string;
     options: DropdownOption[];
-    multiSelect?: boolean;
     value?: string[];
+    disabled?: boolean;
+    required?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    errorMessage?: string;
     helpText?: string;
     helpLink?: string;
     helpLinkText?: string;
-    disabled?: boolean;
-    errorMessage?: string;
     onChange?: (selectedValues: string[]) => void;
+    onSearch?: (searchTerm: string) => void;
+    grouped?: boolean;
+    multiSelect?: boolean;
+    align?: 'left' | 'right';
+    onToggleChange?: (checked: boolean) => void;
+    toggleLabel?: string;
+    dropdownTriggerClassName?: string;
+    dropdownMenuClassName?: string;
+    labelTooltip?: LabelTooltipProps;
+    unselect?: boolean;
+    selectedOptionLabel?: string;
+    selectedOptionsLabel?: string;
+    allOptionsSelectedLabel?: string;
+    caseSensitive?: boolean;
 } & DataAttributes & InteractiveEventHandlers;
 /**
  * A dropdown input for tag-based selections where selected items are displayed as tags.
@@ -36,5 +51,5 @@ type TagsFieldsProps = {
  * @param {DataAttributes} [props.data-*] - Additional `data-` attributes forwarded to the root element
  * @returns {JSX.Element} The rendered TagsFields component
  */
-export default function TagsFields({ label, required, multiSelect, value, helpText, helpLink, helpLinkText, disabled, errorMessage, onChange, className, ...props }: TagsFieldsProps): import("react/jsx-runtime").JSX.Element;
+export default function TagsFields({ className, label, options, value, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, dropdownMenuClassName, labelTooltip, unselect, selectedOptionLabel, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, ...props }: TagsFieldsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/TagsFields/TagsFields.js

@@ -1,21 +1,231 @@
-import { jsx as p } from "react/jsx-runtime";
-import u from "../Dropdown/Dropdown.js";
-function F({
-  label: r,
-  required: s = !1,
-  multiSelect: e = !1,
-  value: o,
-  helpText: t,
-  helpLink: a,
-  helpLinkText: f,
-  disabled: i,
-  errorMessage: l,
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { c as m } from "../../clsx-OuTLNxxd.js";
+import { useState as h, useRef as O, useEffect as N, useCallback as ee } from "react";
+import W from "../Icon/Icon.js";
+import Ie from "../Button/Button.js";
+import "../Input/Input.js";
+import Fe from "../Tooltip/Tooltip.js";
+import { R as ve, A as Te, P as Ne, C as Le } from "../../index-BKtdMA_j.js";
+import '../../assets/TagsFields.css';const De = "TagsFields-module__dropdownContainer___GIsND", Ce = "TagsFields-module__dropdownLabel___AUP9W", ye = "TagsFields-module__dropdownLabelDisabled___hilvh", Oe = "TagsFields-module__required___Ybg21", ke = "TagsFields-module__dropdownWrapper___KxTZl", Re = "TagsFields-module__selectedItemsCreatable___Pnf8l", xe = "TagsFields-module__selectedItem___Tp6lp", Ae = "TagsFields-module__selectedItemLabel___SwoJL", Se = "TagsFields-module__removeButton___od0yh", We = "TagsFields-module__removeIcon___2WRCF", Ee = "TagsFields-module__singleSelectedCreatableItem___QwENt", Me = "TagsFields-module__singleSelectedCreatableItemRemoveButton___1PeN7", Ve = "TagsFields-module__dropdownActions___USb5V", Be = "TagsFields-module__dropdownArrow___JT9d3", Pe = "TagsFields-module__dropdownArrowOpen___jPfTk", je = "TagsFields-module__dropdownMenu___gPhtC", qe = "TagsFields-module__dropdownCreatableSearchContainer___mltcH", Ge = "TagsFields-module__disabled___1OfNF", ze = "TagsFields-module__dropdownCreatableError___R6oyD", Je = "TagsFields-module__creatableInput___qz9jI", Qe = "TagsFields-module__optionsList___qyawx", Ue = "TagsFields-module__categoryGroup___In039", Ye = "TagsFields-module__categoryDivider___eROv0", Ke = "TagsFields-module__categoryLabel___Cv2h5", He = "TagsFields-module__optionItem___UujFS", Xe = "TagsFields-module__optionItemDisabled___9gB8N", Ze = "TagsFields-module__optionItemFocused___4rsDt", $e = "TagsFields-module__optionContent___QSC9G", et = "TagsFields-module__optionLabel___N-fQ7", tt = "TagsFields-module__tickIcon___3uRY-", st = "TagsFields-module__noOptions___ugYj9", lt = "TagsFields-module__helpers___ab6f-", ot = "TagsFields-module__helpText___Qzdqh", dt = "TagsFields-module__helpTextDisabled___m-oFo", nt = "TagsFields-module__helpLink___JQDmR", at = "TagsFields-module__helpLinkDisabled___Nk1BX", rt = "TagsFields-module__errorMessage___b-ugf", t = {
+  dropdownContainer: De,
+  dropdownLabel: Ce,
+  "label-text": "TagsFields-module__label-text___aVbdd",
+  dropdownLabelDisabled: ye,
+  "label-tooltip-icon": "TagsFields-module__label-tooltip-icon___LEeee",
+  required: Oe,
+  dropdownWrapper: ke,
+  selectedItemsCreatable: Re,
+  selectedItem: xe,
+  selectedItemLabel: Ae,
+  removeButton: Se,
+  removeIcon: We,
+  singleSelectedCreatableItem: Ee,
+  singleSelectedCreatableItemRemoveButton: Me,
+  dropdownActions: Ve,
+  dropdownArrow: Be,
+  dropdownArrowOpen: Pe,
+  dropdownMenu: je,
+  "dropdown-container-grouped": "TagsFields-module__dropdown-container-grouped___-Gp5y",
+  "dropdown-container-multi-select": "TagsFields-module__dropdown-container-multi-select___cf1jL",
+  dropdownCreatableSearchContainer: qe,
+  disabled: Ge,
+  dropdownCreatableError: ze,
+  creatableInput: Je,
+  optionsList: Qe,
+  categoryGroup: Ue,
+  categoryDivider: Ye,
+  categoryLabel: Ke,
+  optionItem: He,
+  optionItemDisabled: Xe,
+  optionItemFocused: Ze,
+  optionContent: $e,
+  optionLabel: et,
+  tickIcon: tt,
+  noOptions: st,
+  helpers: lt,
+  helpText: ot,
+  helpTextDisabled: dt,
+  helpLink: nt,
+  helpLinkDisabled: at,
+  errorMessage: rt
+};
+function ht({
+  className: te,
+  label: E,
+  options: M,
+  value: I = [],
+  disabled: g = !1,
+  required: se = !1,
+  searchable: q = !1,
+  searchPlaceholder: le = "Search options...",
+  errorMessage: L,
+  helpText: k,
+  helpLink: V,
+  helpLinkText: B,
   onChange: d,
-  className: m,
-  ...n
+  onSearch: F,
+  multiSelect: b = !1,
+  grouped: oe = !1,
+  align: G = "left",
+  dropdownMenuClassName: de,
+  labelTooltip: w,
+  unselect: R = !1,
+  selectedOptionLabel: it = "option selected",
+  selectedOptionsLabel: ct = "options selected",
+  allOptionsSelectedLabel: z,
+  caseSensitive: J = !1,
+  ...ne
 }) {
-  return /* @__PURE__ */ p(u, { label: r, required: s, isTagsFields: !0, multiSelect: e, value: o, helpText: t, helpLink: a, helpLinkText: f, disabled: i, errorMessage: l, onChange: d, className: m, ...n });
+  const [n, v] = h(I), [a, f] = h(!1), [Q, u] = h(""), [D, r] = h(-1), [x, T] = h([]), U = O(null), ae = O(null), P = O(null), C = O(null), [re, ie] = h(0), [ce, _e] = h(0), Y = O(I);
+  N(() => {
+    JSON.stringify(Y.current) !== JSON.stringify(I) && (v(I), Y.current = I);
+  }, [I]), N(() => {
+    var l;
+    const e = (l = ae.current) == null ? void 0 : l.getBoundingClientRect().width;
+    e && ie(e);
+  }, []), N(() => {
+    var l;
+    const e = (l = P.current) == null ? void 0 : l.getBoundingClientRect().width;
+    e && _e(e);
+  }, []), N(() => {
+    a && T([...n]);
+  }, [a, n]);
+  const K = Q.trim(), i = M.filter((e) => {
+    const l = J ? e.label : e.label.toLowerCase(), s = J ? K : K.toLowerCase();
+    return l.includes(s);
+  });
+  N(() => {
+    a && q && C.current && C.current.focus();
+  }, [a, q]);
+  const ue = (e) => {
+    f(e), e ? (T([...n]), u(""), r(-1)) : (u(""), r(-1), T([]));
+  }, pe = ee((e) => {
+    if (e.disabled) return;
+    let l = [];
+    if (b)
+      l = x.includes(e.value) ? x.filter((s) => s !== e.value) : [...x, e.value];
+    else {
+      if (n.includes(e.value))
+        if (R)
+          l = [];
+        else
+          return;
+      else
+        l = [e.value];
+      v(l), d == null || d(l), f(!1), u(""), r(-1), T([]);
+      return;
+    }
+    T(l);
+  }, [b, d, x, n, R]), j = ee((e) => {
+    var l;
+    if (!e.disabled) {
+      if (b) {
+        const S = n.includes(e.value) ? n.filter((y) => y !== e.value) : [...n, e.value];
+        v(S), d == null || d(S), f(!0), u(""), r(-1);
+      } else if (n.includes(e.value)) {
+        if (R) {
+          const s = [];
+          v(s), d == null || d(s), f(!1), u(""), r(-1);
+        }
+      } else {
+        const s = [e.value];
+        v(s), d == null || d(s), f(!1), u(""), r(-1);
+      }
+      (l = P.current) == null || l.focus();
+    }
+  }, [b, d, n, R]), me = (e) => {
+    f(!0), u(e), r(-1), F == null || F(e);
+  }, H = (e) => {
+    f(!0), u(e), r(-1), F == null || F(e);
+  }, X = (e) => {
+    const l = n.filter((s) => s !== e);
+    v(l), d == null || d(l);
+  };
+  N(() => {
+    const e = (l) => {
+      if (a)
+        switch (l.key) {
+          case "ArrowDown":
+            l.preventDefault(), r((s) => s < i.length - 1 ? s + 1 : 0);
+            break;
+          case "ArrowUp":
+            l.preventDefault(), r((s) => s > 0 ? s - 1 : i.length - 1);
+            break;
+          case "Enter":
+            if (l.preventDefault(), D >= 0 && D < i.length) {
+              const s = i[D];
+              j(s);
+            }
+            break;
+          case "Escape":
+            l.preventDefault(), f(!1), u(""), r(-1), T([]);
+            break;
+        }
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [a, D, i, j, pe]);
+  const A = n, c = M.filter((e) => A.includes(e.value)), be = !!L, Z = M.filter((e) => !e.disabled), fe = Z.length > 0 && Z.every((e) => A.includes(e.value)), ge = i.reduce((e, l) => {
+    const s = l.category || "default";
+    return e[s] || (e[s] = []), e[s].push(l), e;
+  }, {}), we = i, {
+    onBlur: p,
+    ...$
+  } = ne;
+  return /* @__PURE__ */ _("div", { ref: U, className: m(t.dropdownContainer, oe && t["dropdown-container-grouped"], b && t["dropdown-container-multi-select"], te), ...$, children: [
+    E && /* @__PURE__ */ _("label", { className: m(t.dropdownLabel, g && t.dropdownLabelDisabled), children: [
+      /* @__PURE__ */ o("span", { title: E, className: t["label-text"], children: E }),
+      se && /* @__PURE__ */ o("span", { className: t.required, children: "*" }),
+      w && /* @__PURE__ */ o(Fe, { content: w.content, size: w.size, theme: w.theme, tipSide: w.tipSide, tipAlignment: w.tipAlignment, startVisible: w.startVisible, children: /* @__PURE__ */ o(W, { icon: "ap-icon-info", className: t["label-tooltip-icon"] }) })
+    ] }),
+    /* @__PURE__ */ o(ve, { open: a, onOpenChange: ue, children: /* @__PURE__ */ _("div", { className: t.dropdownWrapper, children: [
+      /* @__PURE__ */ o(Te, { children: /* @__PURE__ */ _("div", { tabIndex: 0, ref: P, className: m(t.dropdownCreatableSearchContainer, g && t.disabled, be && t.dropdownCreatableError), onBlur: (e) => {
+        a || p == null || p(e);
+      }, onClick: () => {
+        var e;
+        if (!b && c.length > 0)
+          return H("");
+        (e = C.current) == null || e.focus();
+      }, ...$, children: [
+        c.length > 0 && /* @__PURE__ */ o("div", { className: m(t.selectedItemsCreatable), children: b ? c.length > 3 ? /* @__PURE__ */ o("div", { className: t.selectedItem, children: /* @__PURE__ */ o("span", { className: t.selectedItemLabel, children: fe && z ? z : `${c.length} options selected` }) }) : c.map((e) => /* @__PURE__ */ _("div", { className: t.selectedItem, children: [
+          /* @__PURE__ */ o("span", { className: t.selectedItemLabel, children: e.label }),
+          /* @__PURE__ */ o("button", { type: "button", className: t.removeButton, onClick: () => X(e.value), disabled: g, children: /* @__PURE__ */ o(W, { icon: "ap-icon-close", className: t.removeIcon }) })
+        ] }, e.value)) : c.length > 0 && /* @__PURE__ */ _("div", { className: t.singleSelectedCreatableItem, children: [
+          /* @__PURE__ */ o("span", { className: t.selectedItemLabel, children: c[0].label }),
+          /* @__PURE__ */ o(Ie, { type: "tertiary", variant: "default", size: "sm", onClick: () => X(c[0].value), disabled: g, icon: "ap-icon-add-filled", className: t.singleSelectedCreatableItemRemoveButton })
+        ] }) }),
+        (b || !c.length) && /* @__PURE__ */ o("input", { ref: C, placeholder: c.length > 0 ? "" : le, value: Q, onChange: (e) => me(e.target.value), onFocus: (e) => H(e.target.value), onBlur: (e) => {
+          a || p == null || p(e);
+        }, disabled: g, className: t.creatableInput }),
+        /* @__PURE__ */ o("div", { className: t.dropdownActions, children: /* @__PURE__ */ o(W, { icon: "ap-icon-expand-more", className: m(t.dropdownArrow, a && t.dropdownArrowOpen) }) })
+      ] }) }),
+      /* @__PURE__ */ o(Ne, { children: /* @__PURE__ */ o(Le, { align: G === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
+        minWidth: re,
+        zIndex: 9999
+      }, onInteractOutside: (e) => {
+        var s;
+        e.target === C.current && e.preventDefault(), ((s = U.current) == null ? void 0 : s.contains(e.target)) || p == null || p(e);
+      }, children: a && /* @__PURE__ */ o("div", { style: {
+        minWidth: ce
+      }, className: m(t.dropdownMenu, de, G === "right" && t.dropdownMenuRight), children: /* @__PURE__ */ _("div", { className: t.optionsList, "data-dropdown-options-list": !0, children: [
+        i.length > 0 ? Object.entries(ge).map(([e, l]) => /* @__PURE__ */ _("div", { className: t.categoryGroup, children: [
+          e !== "default" && /* @__PURE__ */ o("div", { className: t.categoryDivider, children: /* @__PURE__ */ o("span", { className: t.categoryLabel, children: e }) }),
+          l.map((s) => {
+            const S = we.indexOf(s), y = i.find((he) => he.value === s.value);
+            return /* @__PURE__ */ o("button", { title: (y == null ? void 0 : y.label) || s.label, type: "button", className: m(t.optionItem, A.includes(s.value) && t.optionItemSelected, s.disabled && t.optionItemDisabled, S === D && t.optionItemFocused), onClick: () => j(s), disabled: s.disabled, "data-dropdown-option-item": !0, children: /* @__PURE__ */ _("div", { className: t.optionContent, children: [
+              /* @__PURE__ */ o("span", { className: t.optionLabel, children: s.label }),
+              A.includes(s.value) && /* @__PURE__ */ o(W, { icon: "ap-icon-check", className: t.tickIcon })
+            ] }) }, s.value);
+          })
+        ] }, e)) : null,
+        i.length === 0 && /* @__PURE__ */ o("div", { className: t.noOptions, children: "No options found" })
+      ] }) }) }) })
+    ] }) }),
+    (L || k || V && B) && /* @__PURE__ */ _("div", { className: t.helpers, children: [
+      L ? /* @__PURE__ */ o("span", { title: L, className: t.errorMessage, children: L }) : k && /* @__PURE__ */ o("span", { title: k, className: m(t.helpText, g && t.helpTextDisabled), children: k }),
+      V && B && /* @__PURE__ */ o("a", { href: V, className: m(t.helpLink, g && t.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: B })
+    ] })
+  ] });
 }
 export {
-  F as default
+  ht as default
 };

package/dist/index-BKtdMA_j.js

@@ -0,0 +1,226 @@
+import * as i from "react";
+import { u as G, c as H, d as O, P as _, a as P, g as K } from "./index-DWydnyjJ.js";
+import { c as x, R as $, A as w, P as j, D as U, C as V, a as W } from "./index-DieLVN0p.js";
+import { h as Z, R as q, u as z, F as B } from "./index-BGZDIjm9.js";
+import { u as J } from "./index-2H7slGYV.js";
+import { P as E } from "./index-DpfPnSMn.js";
+import { jsx as p } from "react/jsx-runtime";
+var m = "Popover", [F, de] = H(m, [
+  x
+]), g = x(), [Q, d] = F(m), b = (e) => {
+  const {
+    __scopePopover: n,
+    children: t,
+    open: a,
+    defaultOpen: o,
+    onOpenChange: r,
+    modal: s = !1
+  } = 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__ */ p($, { ...c, children: /* @__PURE__ */ p(
+    Q,
+    {
+      scope: n,
+      contentId: J(),
+      triggerRef: u,
+      open: C,
+      onOpenChange: f,
+      onOpenToggle: i.useCallback(() => f((R) => !R), [f]),
+      hasCustomAnchor: l,
+      onCustomAnchorAdd: i.useCallback(() => h(!0), []),
+      onCustomAnchorRemove: i.useCallback(() => h(!1), []),
+      modal: s,
+      children: t
+    }
+  ) });
+};
+b.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__ */ p(w, { ...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__ */ p(
+      _.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": o.open,
+        "aria-controls": o.contentId,
+        "data-state": L(o.open),
+        ...a,
+        ref: s,
+        onClick: P(e.onClick, o.onOpenToggle)
+      }
+    );
+    return o.hasCustomAnchor ? c : /* @__PURE__ */ p(w, { asChild: !0, ...r, children: c });
+  }
+);
+D.displayName = y;
+var A = "PopoverPortal", [X, Y] = F(A, {
+  forceMount: void 0
+}), M = (e) => {
+  const { __scopePopover: n, forceMount: t, children: a, container: o } = e, r = d(A, n);
+  return /* @__PURE__ */ p(X, { scope: n, forceMount: t, children: /* @__PURE__ */ p(E, { present: t || r.open, children: /* @__PURE__ */ p(j, { 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__ */ p(E, { present: a || r.open, children: r.modal ? /* @__PURE__ */ p(oe, { ...o, ref: n }) : /* @__PURE__ */ p(re, { ...o, ref: n }) });
+  }
+);
+T.displayName = v;
+var ee = K("PopoverContent.RemoveScroll"), oe = i.forwardRef(
+  (e, n) => {
+    const t = d(v, e.__scopePopover), a = i.useRef(null), o = O(n, a), r = i.useRef(!1);
+    return i.useEffect(() => {
+      const s = a.current;
+      if (s) return Z(s);
+    }, []), /* @__PURE__ */ p(q, { as: ee, allowPinchZoom: !0, children: /* @__PURE__ */ p(
+      k,
+      {
+        ...e,
+        ref: o,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: P(e.onCloseAutoFocus, (s) => {
+          var c;
+          s.preventDefault(), r.current || (c = t.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: P(
+          e.onPointerDownOutside,
+          (s) => {
+            const c = s.detail.originalEvent, u = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || u;
+            r.current = l;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: P(
+          e.onFocusOutside,
+          (s) => s.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), re = i.forwardRef(
+  (e, n) => {
+    const t = d(v, e.__scopePopover), a = i.useRef(!1), o = i.useRef(!1);
+    return /* @__PURE__ */ p(
+      k,
+      {
+        ...e,
+        ref: n,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (r) => {
+          var s, c;
+          (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 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();
+        }
+      }
+    );
+  }
+), k = i.forwardRef(
+  (e, n) => {
+    const {
+      __scopePopover: t,
+      trapFocus: a,
+      onOpenAutoFocus: o,
+      onCloseAutoFocus: r,
+      disableOutsidePointerEvents: s,
+      onEscapeKeyDown: c,
+      onPointerDownOutside: u,
+      onFocusOutside: l,
+      onInteractOutside: h,
+      ...C
+    } = e, f = d(v, t), R = g(t);
+    return z(), /* @__PURE__ */ p(
+      B,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: a,
+        onMountAutoFocus: o,
+        onUnmountAutoFocus: r,
+        children: /* @__PURE__ */ p(
+          U,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: s,
+            onInteractOutside: h,
+            onEscapeKeyDown: c,
+            onPointerDownOutside: u,
+            onFocusOutside: l,
+            onDismiss: () => f.onOpenChange(!1),
+            children: /* @__PURE__ */ p(
+              V,
+              {
+                "data-state": L(f.open),
+                role: "dialog",
+                id: f.contentId,
+                ...R,
+                ...C,
+                ref: n,
+                style: {
+                  ...C.style,
+                  "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+                  "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+                  "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+                  "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+                  "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), I = "PopoverClose", te = i.forwardRef(
+  (e, n) => {
+    const { __scopePopover: t, ...a } = e, o = d(I, t);
+    return /* @__PURE__ */ p(
+      _.button,
+      {
+        type: "button",
+        ...a,
+        ref: n,
+        onClick: P(e.onClick, () => o.onOpenChange(!1))
+      }
+    );
+  }
+);
+te.displayName = I;
+var ne = "PopoverArrow", ae = i.forwardRef(
+  (e, n) => {
+    const { __scopePopover: t, ...a } = e, o = g(t);
+    return /* @__PURE__ */ p(W, { ...o, ...a, ref: n });
+  }
+);
+ae.displayName = ne;
+function L(e) {
+  return e ? "open" : "closed";
+}
+var fe = b, ve = S, Pe = D, ge = M, he = T;
+export {
+  ve as A,
+  he as C,
+  ge as P,
+  fe as R,
+  Pe as T
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alixpartners/ui-components",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "type": "module",
   "files": [
     "dist"