@alixpartners/ui-components 2.1.0 → 2.2.0

package/dist/components/Checkbox/Checkbox.js

@@ -3,9 +3,10 @@ import * as b from "react";
 import { useId as z, useState as G, useEffect as J } from "react";
 import U from "../Icon/Icon.js";
 import { c as P } from "../../clsx-OuTLNxxd.js";
-import { c as V, P as w, u as W, d as D, a as g, e as $ } from "../../index-DWydnyjJ.js";
-import { u as Q } from "../../index-BZPx6jYI.js";
-import { P as Y } from "../../index-DpfPnSMn.js";
+import { P as w, u as V, d as D, c as g, b as W } from "../../index-DM51yNMI.js";
+import { u as $ } from "../../index-BZPx6jYI.js";
+import { u as Q } from "../../index-CxAtPSMM.js";
+import { P as Y } from "../../index-BymOxiM6.js";
 import '../../assets/Checkbox.css';const Z = "Checkbox-module__wrapper___rznMS", ee = "Checkbox-module__root___BS5dT", te = "Checkbox-module__indicator___HXLHH", oe = "Checkbox-module__checked___XfvkJ", re = "Checkbox-module__icon___VMxEf", ce = "Checkbox-module__label___JBaRm", ne = "Checkbox-module__disabled___WagIC", C = {
   wrapper: Z,
   root: ee,
@@ -15,7 +16,7 @@ import '../../assets/Checkbox.css';const Z = "Checkbox-module__wrapper___rznMS",
   label: ce,
   disabled: ne
 };
-var I = "Checkbox", [se, ke] = V(I), [ae, N] = se(I);
+var I = "Checkbox", [se] = W(I), [ae, N] = se(I);
 function de(t) {
   const {
     __scopeCheckbox: n,
@@ -30,7 +31,7 @@ function de(t) {
     value: m = "on",
     // @ts-expect-error
     internal_do_not_use_render: o
-  } = t, [u, v] = W({
+  } = t, [u, v] = V({
     prop: c,
     defaultProp: r ?? !1,
     onChange: a,
@@ -190,7 +191,7 @@ var F = "CheckboxBubbleInput", K = b.forwardRef(
       form: o,
       bubbleInput: u,
       setBubbleInput: v
-    } = N(F, t), _ = D(c, v), x = Q(e), y = $(s);
+    } = N(F, t), _ = D(c, v), x = $(e), y = Q(s);
     b.useEffect(() => {
       const f = u;
       if (!f) return;

package/dist/components/Checkbox/Checkbox.test.js

@@ -1,145 +1,145 @@
 import { jsx as t } from "react/jsx-runtime";
-import { d, i as h, r as n, g as c, s as o, v as b, f as a } from "../../vi.ClIskdbk-CFW_9sOK.js";
+import { d as a, i as d, r as n, g as c, s as o, v as b, f as h } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 import l from "./Checkbox.js";
-d("Checkbox", () => {
-  d("Rendering", () => {
-    d("Label", () => {
-      h("should render checkbox with label", () => {
+a("Checkbox", () => {
+  a("Rendering", () => {
+    a("Label", () => {
+      d("should render checkbox with label", () => {
         var e;
         n(/* @__PURE__ */ t(l, { label: "Test checkbox" })), c(o.queryByTestId("checkbox")).toBeInTheDocument(), c(o.queryByTestId("checkbox-label")).toBeInTheDocument(), c((e = o.queryByTestId("checkbox-label")) == null ? void 0 : e.textContent).toBe("Test checkbox");
-      }), h("should render checkbox with empty string label", () => {
+      }), d("should render checkbox with empty string label", () => {
         n(/* @__PURE__ */ t(l, { label: "" })), c(o.queryByTestId("checkbox")).toBeInTheDocument(), c(o.queryByTestId("checkbox-label")).not.toBeInTheDocument();
-      }), h("should render without label when label is null", () => {
+      }), d("should render without label when label is null", () => {
         n(/* @__PURE__ */ t(l, { label: null })), c(o.queryByTestId("checkbox")).toBeInTheDocument(), c(o.queryByTestId("checkbox-label")).not.toBeInTheDocument();
-      }), h("should render without label when label is undefined", () => {
+      }), d("should render without label when label is undefined", () => {
         n(/* @__PURE__ */ t(l, { label: void 0 })), c(o.queryByTestId("checkbox")).toBeInTheDocument(), c(o.queryByTestId("checkbox-label")).not.toBeInTheDocument();
       });
-    }), d("Indicator and Icon", () => {
-      h("should render indicator and check icon when checked", () => {
+    }), a("Indicator and Icon", () => {
+      d("should render indicator and check icon when checked", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", checked: !0 }));
         const e = o.queryByTestId("checkbox-indicator"), s = o.queryByTestId("checkbox-icon");
         c(e).toBeInTheDocument(), c(s).toBeInTheDocument();
-      }), h("should not render check icon when unchecked", () => {
+      }), d("should not render check icon when unchecked", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", checked: !1 }));
         const e = o.queryByTestId("checkbox-indicator"), s = o.queryByTestId("checkbox-icon");
         c(e).not.toBeInTheDocument(), c(s).not.toBeInTheDocument();
       });
-    }), d("Disabled state", () => {
-      h("should render enabled when disabled prop is not provided", () => {
+    }), a("Disabled state", () => {
+      d("should render enabled when disabled prop is not provided", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox" }));
         const e = o.queryByTestId("checkbox");
         c(e).toBeEnabled();
-      }), h("should render enabled when disabled prop is undefined", () => {
+      }), d("should render enabled when disabled prop is undefined", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: void 0 }));
         const e = o.queryByTestId("checkbox");
         c(e).toBeEnabled();
-      }), h("should render enabled when disabled prop is null", () => {
+      }), d("should render enabled when disabled prop is null", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: null }));
         const e = o.queryByTestId("checkbox");
         c(e).toBeEnabled();
-      }), h("should render disabled when disabled prop is true", () => {
+      }), d("should render disabled when disabled prop is true", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: !0 }));
         const e = o.queryByTestId("checkbox");
         c(e).toBeDisabled();
-      }), h("should render enabled when disabled prop is false", () => {
+      }), d("should render enabled when disabled prop is false", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: !1 }));
         const e = o.queryByTestId("checkbox");
         c(e).toBeEnabled();
       });
-    }), d("CSS Classes", () => {
-      h("should apply wrapper class", () => {
+    }), a("CSS Classes", () => {
+      d("should apply wrapper class", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox" }));
         const e = o.getByTestId("checkbox-wrapper");
         c(e.className).toContain("wrapper");
-      }), h("should apply disabled class when disabled", () => {
+      }), d("should apply disabled class when disabled", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: !0 }));
         const e = o.getByTestId("checkbox-wrapper");
         c(e.className).toContain("disabled");
-      }), h("should not apply disabled class when enabled", () => {
+      }), d("should not apply disabled class when enabled", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: !1 }));
         const e = o.getByTestId("checkbox-wrapper");
         c(e.className).not.toContain("disabled");
-      }), h("should apply checked class when checked", () => {
+      }), d("should apply checked class when checked", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", checked: !0 }));
         const e = o.getByTestId("checkbox");
         c(e.className).toContain("checked");
-      }), h("should not apply checked class when unchecked", () => {
+      }), d("should not apply checked class when unchecked", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox", checked: !1 }));
         const e = o.getByTestId("checkbox");
         c(e.className).not.toContain("checked");
-      }), h("should apply label class", () => {
+      }), d("should apply label class", () => {
         n(/* @__PURE__ */ t(l, { label: "Test checkbox" }));
         const e = o.getByTestId("checkbox-label");
         c(e.className).toContain("label");
       });
     });
-  }), d("User Interactions", () => {
-    h("should call onChange when clicked", () => {
+  }), a("User Interactions", () => {
+    d("should call onChange when clicked", () => {
       const e = b.fn();
       n(/* @__PURE__ */ t(l, { label: "Test checkbox", onChange: e }));
       const s = o.getByTestId("checkbox");
-      a.click(s), c(e).toHaveBeenCalledTimes(1), c(e).toHaveBeenCalledWith(!0);
-    }), h("should toggle checked state when clicked", () => {
+      h.click(s), c(e).toHaveBeenCalledTimes(1), c(e).toHaveBeenCalledWith(!0);
+    }), d("should toggle checked state when clicked", () => {
       const e = b.fn();
       n(/* @__PURE__ */ t(l, { label: "Test checkbox", onChange: e }));
       const s = o.getByTestId("checkbox");
-      c(s).not.toBeChecked(), a.click(s), c(s).toBeChecked(), c(e).toHaveBeenCalledWith(!0), a.click(s), c(s).not.toBeChecked(), c(e).toHaveBeenCalledWith(!1);
-    }), h("should re-render when checked prop changes", () => {
+      c(s).not.toBeChecked(), h.click(s), c(s).toBeChecked(), c(e).toHaveBeenCalledWith(!0), h.click(s), c(s).not.toBeChecked(), c(e).toHaveBeenCalledWith(!1);
+    }), d("should re-render when checked prop changes", () => {
       const {
         rerender: e
       } = n(/* @__PURE__ */ t(l, { label: "Test checkbox", checked: !1 })), s = o.getByTestId("checkbox");
       c(s).not.toBeChecked(), e(/* @__PURE__ */ t(l, { label: "Test checkbox", checked: !0 })), c(s).toBeChecked(), e(/* @__PURE__ */ t(l, { label: "Test checkbox", checked: !1 })), c(s).not.toBeChecked();
-    }), h("should not call onChange when disabled", () => {
+    }), d("should not call onChange when disabled", () => {
       const e = b.fn();
       n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: !0, onChange: e }));
       const s = o.getByTestId("checkbox");
-      a.click(s), c(e).not.toHaveBeenCalled();
-    }), h("should not toggle when disabled", () => {
+      h.click(s), c(e).not.toHaveBeenCalled();
+    }), d("should not toggle when disabled", () => {
       n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: !0, checked: !1 }));
       const e = o.getByTestId("checkbox");
-      c(e).not.toBeChecked(), a.click(e), c(e).not.toBeChecked();
-    }), h("should handle keyboard interactions", () => {
+      c(e).not.toBeChecked(), h.click(e), c(e).not.toBeChecked();
+    }), d("should handle keyboard interactions", () => {
       const e = b.fn();
       n(/* @__PURE__ */ t(l, { label: "Test checkbox", onChange: e }));
       const s = o.getByTestId("checkbox");
-      c(s).not.toBeChecked(), a.keyDown(s, {
+      c(s).not.toBeChecked(), h.keyDown(s, {
         key: " "
-      }), c(e).toHaveBeenCalledTimes(1), c(e).toHaveBeenCalledWith(!0), c(s).toBeChecked(), a.keyDown(s, {
+      }), c(e).toHaveBeenCalledTimes(1), c(e).toHaveBeenCalledWith(!0), c(s).toBeChecked(), h.keyDown(s, {
         key: " "
       }), c(e).toHaveBeenCalledTimes(2), c(e).toHaveBeenCalledWith(!1), c(s).not.toBeChecked();
-    }), h("should not handle keyboard interactions when disabled", () => {
+    }), d("should not handle keyboard interactions when disabled", () => {
       const e = b.fn();
       n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: !0, onChange: e }));
       const s = o.getByTestId("checkbox");
-      a.keyDown(s, {
+      h.keyDown(s, {
         key: "Enter"
-      }), c(e).not.toHaveBeenCalled(), a.keyDown(s, {
+      }), c(e).not.toHaveBeenCalled(), h.keyDown(s, {
         key: " "
       }), c(e).not.toHaveBeenCalled();
     });
-  }), d("Accessibility", () => {
-    h("should have unique id attributes", () => {
+  }), a("Accessibility", () => {
+    d("should have unique id attributes", () => {
       n(/* @__PURE__ */ t(l, { label: "Test checkbox" })), n(/* @__PURE__ */ t(l, { label: "Test checkbox" }));
       const e = o.queryAllByTestId("checkbox");
       c(e).toHaveLength(2);
       const s = e.map((r) => r.getAttribute("id")), k = Array.from(new Set(s)).length;
       c(k).toBe(2);
-    }), h("should have proper ARIA attributes", () => {
+    }), d("should have proper ARIA attributes", () => {
       n(/* @__PURE__ */ t(l, { label: "Test checkbox" }));
       const e = o.getByTestId("checkbox");
       c(e).toHaveAttribute("role", "checkbox");
-    }), h("should have label associated with checkbox", () => {
+    }), d("should have label associated with checkbox", () => {
       n(/* @__PURE__ */ t(l, { label: "Test checkbox" }));
       const e = o.getByTestId("checkbox"), s = o.getByTestId("checkbox-label");
       c(s).toHaveAttribute("for", e.getAttribute("id"));
-    }), h("should be focusable when enabled", () => {
+    }), d("should be focusable when enabled", () => {
       n(/* @__PURE__ */ t(l, { label: "Test checkbox" }));
       const e = o.getByTestId("checkbox");
       e.focus(), c(e).toHaveFocus();
-    }), h("should not be focusable when disabled", () => {
+    }), d("should not be focusable when disabled", () => {
       n(/* @__PURE__ */ t(l, { label: "Test checkbox", disabled: !0 }));
       const e = o.getByTestId("checkbox");
-      e.focus(), c(e).not.toHaveFocus();
+      c(e).toBeDisabled();
     });
   });
 });

package/dist/components/Creatable/Creatable.js

@@ -1,59 +1,58 @@
-import { jsxs as w, jsx as l } from "react/jsx-runtime";
+import { jsxs as w, jsx as o } from "react/jsx-runtime";
 import { c as C } from "../../clsx-OuTLNxxd.js";
-import { useContext as Ie, useState as A, useRef as R, useEffect as V, useCallback as ae } from "react";
+import { useState as A, useRef as R, useEffect as V, useCallback as ae } from "react";
 import B from "../Icon/Icon.js";
-import ve from "../Button/Button.js";
+import he from "../Button/Button.js";
 import "../Input/Input.js";
-import Le from "../Tooltip/Tooltip.js";
-import { DialogContext as Ne } from "../Dialog/Dialog.js";
-import { R as ge, A as De, P as ye, C as xe } from "../../index-BKtdMA_j.js";
-import '../../assets/Creatable.css';const ke = "Creatable-module__dropdownContainer___y0ptC", Oe = "Creatable-module__dropdownLabel___RyuSY", Ae = "Creatable-module__dropdownLabelDisabled___nhYc0", Re = "Creatable-module__required___g26DB", Ve = "Creatable-module__dropdownWrapper___wu-B3", Ee = "Creatable-module__selectedItemsCreatable___P0mME", Fe = "Creatable-module__selectedItem___0LADh", Se = "Creatable-module__selectedItemLabel___m0LSV", Me = "Creatable-module__removeButton___tjxwh", Be = "Creatable-module__removeIcon___KQKbD", Ge = "Creatable-module__singleSelectedCreatableItem___tanxX", Ke = "Creatable-module__singleSelectedCreatableItemRemoveButton___Qi9Si", je = "Creatable-module__dropdownActions___FmHZe", Ue = "Creatable-module__dropdownArrow___SJmKg", We = "Creatable-module__dropdownArrowOpen___T3E0S", $e = "Creatable-module__dropdownMenu___HEhC3", Je = "Creatable-module__dropdownCreatableSearchContainer___AgXA3", Pe = "Creatable-module__disabled___ZIdus", Ye = "Creatable-module__dropdownCreatableError___FYVla", qe = "Creatable-module__creatableInput___KaKxv", ze = "Creatable-module__optionsList___VZgJf", Qe = "Creatable-module__categoryGroup___g8f-g", Ze = "Creatable-module__categoryDivider___QUgR9", He = "Creatable-module__categoryLabel___YhGp9", Te = "Creatable-module__optionItem___Ys808", Xe = "Creatable-module__optionItemDisabled___jvfGz", et = "Creatable-module__optionItemFocused___OfIQd", tt = "Creatable-module__optionContent___9RCsJ", ot = "Creatable-module__optionLabel___FJfM1", lt = "Creatable-module__tickIcon___VjpDN", at = "Creatable-module__helpers___GmPY4", rt = "Creatable-module__helpText___89mXU", nt = "Creatable-module__helpTextDisabled___shU6E", st = "Creatable-module__helpLink___IdU0g", dt = "Creatable-module__helpLinkDisabled___B8rpy", ct = "Creatable-module__errorMessage___HRKr5", t = {
-  dropdownContainer: ke,
-  dropdownLabel: Oe,
+import Ie from "../Tooltip/Tooltip.js";
+import { R as ve, A as Le, P as Ne, C as ge } from "../../index-C4ffg1vf.js";
+import '../../assets/Creatable.css';const ye = "Creatable-module__dropdownContainer___y0ptC", De = "Creatable-module__dropdownLabel___RyuSY", ke = "Creatable-module__dropdownLabelDisabled___nhYc0", xe = "Creatable-module__required___g26DB", Oe = "Creatable-module__dropdownWrapper___wu-B3", Ae = "Creatable-module__selectedItemsCreatable___P0mME", Re = "Creatable-module__selectedItem___0LADh", Ve = "Creatable-module__selectedItemLabel___m0LSV", Ee = "Creatable-module__removeButton___tjxwh", Fe = "Creatable-module__removeIcon___KQKbD", Se = "Creatable-module__singleSelectedCreatableItem___tanxX", Me = "Creatable-module__singleSelectedCreatableItemRemoveButton___Qi9Si", Be = "Creatable-module__dropdownActions___FmHZe", Ge = "Creatable-module__dropdownArrow___SJmKg", Ke = "Creatable-module__dropdownArrowOpen___T3E0S", je = "Creatable-module__dropdownMenu___HEhC3", Ue = "Creatable-module__dropdownCreatableSearchContainer___AgXA3", We = "Creatable-module__disabled___ZIdus", $e = "Creatable-module__dropdownCreatableError___FYVla", Je = "Creatable-module__creatableInput___KaKxv", Pe = "Creatable-module__optionsList___VZgJf", Ye = "Creatable-module__categoryGroup___g8f-g", qe = "Creatable-module__categoryDivider___QUgR9", ze = "Creatable-module__categoryLabel___YhGp9", Qe = "Creatable-module__optionItem___Ys808", Ze = "Creatable-module__optionItemDisabled___jvfGz", He = "Creatable-module__optionItemFocused___OfIQd", Te = "Creatable-module__optionContent___9RCsJ", Xe = "Creatable-module__optionLabel___FJfM1", et = "Creatable-module__tickIcon___VjpDN", tt = "Creatable-module__helpers___GmPY4", lt = "Creatable-module__helpText___89mXU", ot = "Creatable-module__helpTextDisabled___shU6E", at = "Creatable-module__helpLink___IdU0g", rt = "Creatable-module__helpLinkDisabled___B8rpy", nt = "Creatable-module__errorMessage___HRKr5", t = {
+  dropdownContainer: ye,
+  dropdownLabel: De,
   "label-text": "Creatable-module__label-text___jlV2x",
-  dropdownLabelDisabled: Ae,
+  dropdownLabelDisabled: ke,
   "label-tooltip-icon": "Creatable-module__label-tooltip-icon___G7Bou",
-  required: Re,
-  dropdownWrapper: Ve,
-  selectedItemsCreatable: Ee,
-  selectedItem: Fe,
-  selectedItemLabel: Se,
-  removeButton: Me,
-  removeIcon: Be,
-  singleSelectedCreatableItem: Ge,
-  singleSelectedCreatableItemRemoveButton: Ke,
-  dropdownActions: je,
-  dropdownArrow: Ue,
-  dropdownArrowOpen: We,
-  dropdownMenu: $e,
+  required: xe,
+  dropdownWrapper: Oe,
+  selectedItemsCreatable: Ae,
+  selectedItem: Re,
+  selectedItemLabel: Ve,
+  removeButton: Ee,
+  removeIcon: Fe,
+  singleSelectedCreatableItem: Se,
+  singleSelectedCreatableItemRemoveButton: Me,
+  dropdownActions: Be,
+  dropdownArrow: Ge,
+  dropdownArrowOpen: Ke,
+  dropdownMenu: je,
   "dropdown-container-grouped": "Creatable-module__dropdown-container-grouped___gZle-",
   "dropdown-container-multi-select": "Creatable-module__dropdown-container-multi-select___1U1U4",
-  dropdownCreatableSearchContainer: Je,
-  disabled: Pe,
-  dropdownCreatableError: Ye,
-  creatableInput: qe,
-  optionsList: ze,
-  categoryGroup: Qe,
-  categoryDivider: Ze,
-  categoryLabel: He,
-  optionItem: Te,
-  optionItemDisabled: Xe,
-  optionItemFocused: et,
-  optionContent: tt,
-  optionLabel: ot,
-  tickIcon: lt,
-  helpers: at,
-  helpText: rt,
-  helpTextDisabled: nt,
-  helpLink: st,
-  helpLinkDisabled: dt,
-  errorMessage: ct
+  dropdownCreatableSearchContainer: Ue,
+  disabled: We,
+  dropdownCreatableError: $e,
+  creatableInput: Je,
+  optionsList: Pe,
+  categoryGroup: Ye,
+  categoryDivider: qe,
+  categoryLabel: ze,
+  optionItem: Qe,
+  optionItemDisabled: Ze,
+  optionItemFocused: He,
+  optionContent: Te,
+  optionLabel: Xe,
+  tickIcon: et,
+  helpers: tt,
+  helpText: lt,
+  helpTextDisabled: ot,
+  helpLink: at,
+  helpLinkDisabled: rt,
+  errorMessage: nt
 };
-function ht({
+function bt({
   className: re,
   label: G,
-  options: y,
-  value: x = [],
+  options: D,
+  value: k = [],
   disabled: v = !1,
   required: ne = !1,
   maxLength: se,
@@ -63,7 +62,7 @@ function ht({
   helpLink: J,
   helpLinkText: P,
   onChange: r,
-  onSearch: k,
+  onSearch: x,
   multiSelect: m = !1,
   grouped: ce = !1,
   align: Y = "left",
@@ -75,71 +74,71 @@ function ht({
   caseSensitive: j = !1,
   ..._e
 }) {
-  const ue = Ie(Ne), [u, N] = A(x), [c, h] = A(!1), [Q, b] = A(""), [f, i] = A(-1), Z = R(null), O = R(null), g = R(null), H = R(null), [T, pe] = A(0), X = R(x);
+  const [u, N] = A(k), [c, h] = A(!1), [Q, b] = A(""), [f, i] = A(-1), Z = R(null), O = R(null), g = R(null), H = R(null), [T, ue] = A(0), X = R(k);
   V(() => {
-    JSON.stringify(X.current) !== JSON.stringify(x) && (N(x), X.current = x);
-  }, [x]), V(() => {
+    JSON.stringify(X.current) !== JSON.stringify(k) && (N(k), X.current = k);
+  }, [k]), V(() => {
     var a;
     const e = (a = O.current) == null ? void 0 : a.getBoundingClientRect().width;
-    e && pe(e);
+    e && ue(e);
   }, []);
-  const _ = Q.trim(), p = y.filter((e) => {
-    const a = j ? e.label : e.label.toLowerCase(), o = j ? _ : _.toLowerCase();
-    return a.includes(o);
-  }), S = _ !== "" && !y.find((e) => j ? e.label === _ : e.label.toLowerCase() === _.toLowerCase());
+  const _ = Q.trim(), p = D.filter((e) => {
+    const a = j ? e.label : e.label.toLowerCase(), l = j ? _ : _.toLowerCase();
+    return a.includes(l);
+  }), S = _ !== "" && !D.find((e) => j ? e.label === _ : e.label.toLowerCase() === _.toLowerCase());
   V(() => {
     c && g.current && g.current.focus();
   }, [c]);
-  const me = (e) => {
+  const pe = (e) => {
     h(e), b(""), i(-1);
   }, U = ae((e) => {
-    var o, n;
+    var l, n;
     const a = {
       value: e,
       label: e,
       disabled: !1
     };
-    if (y.push(a), m) {
-      const D = u.includes(e) ? u : [...u, e];
-      N(D), r == null || r(D), (o = g.current) == null || o.focus(), b(""), h(!0), i(-1);
+    if (D.push(a), m) {
+      const y = u.includes(e) ? u : [...u, e];
+      N(y), r == null || r(y), (l = g.current) == null || l.focus(), b(""), h(!0), i(-1);
     } else {
       const d = [e];
       N(d), r == null || r(d), b(""), (n = O.current) == null || n.focus(), h(!1), i(-1);
     }
-  }, [m, r, y, u]), W = ae((e) => {
-    var a, o, n;
+  }, [m, r, D, u]), W = ae((e) => {
+    var a, l, n;
     if (!e.disabled)
       if (m) {
-        const D = u.includes(e.value) ? u.filter((he) => he !== e.value) : [...u, e.value];
-        N(D), r == null || r(D), h(!0), (a = g.current) == null || a.focus(), b(""), i(-1);
+        const y = u.includes(e.value) ? u.filter((Ce) => Ce !== e.value) : [...u, e.value];
+        N(y), r == null || r(y), h(!0), (a = g.current) == null || a.focus(), b(""), i(-1);
       } else if (u.includes(e.value)) {
         if (q) {
           const d = [];
-          N(d), r == null || r(d), (o = O.current) == null || o.focus(), h(!1), b(""), i(-1);
+          N(d), r == null || r(d), (l = O.current) == null || l.focus(), h(!1), b(""), i(-1);
         }
       } else {
         const d = [e.value];
         N(d), r == null || r(d), (n = O.current) == null || n.focus(), h(!1), b(""), i(-1);
       }
-  }, [m, r, u, q]), be = (e) => {
-    h(!0), b(e), i(-1), k == null || k(e);
+  }, [m, r, u, q]), me = (e) => {
+    h(!0), b(e), i(-1), x == null || x(e);
   }, $ = (e) => {
-    h(!0), b(e), i(-1), k == null || k(e);
+    h(!0), b(e), i(-1), x == null || x(e);
   }, ee = (e) => {
-    const a = u.filter((o) => o !== e);
+    const a = u.filter((l) => l !== e);
     N(a), r == null || r(a);
   };
   V(() => {
     const e = (a) => {
       if (!c) return;
-      const o = p.length + (S ? 1 : 0);
-      if (o !== 0)
+      const l = p.length + (S ? 1 : 0);
+      if (l !== 0)
         switch (a.key) {
           case "ArrowDown":
-            a.preventDefault(), i((n) => n < 0 ? 0 : n < o - 1 ? n + 1 : 0);
+            a.preventDefault(), i((n) => n < 0 ? 0 : n < l - 1 ? n + 1 : 0);
             break;
           case "ArrowUp":
-            a.preventDefault(), i((n) => n < 0 ? o - 1 : n > 0 ? n - 1 : o - 1);
+            a.preventDefault(), i((n) => n < 0 ? l - 1 : n > 0 ? n - 1 : l - 1);
             break;
           case "Enter":
             if (a.preventDefault(), f >= 0 && f < p.length) {
@@ -160,21 +159,21 @@ function ht({
       block: "nearest"
     });
   }, [c, f]);
-  const M = u, s = y.filter((e) => M.includes(e.value)), fe = !!E, te = y.filter((e) => !e.disabled), oe = te.length > 0 && te.every((e) => M.includes(e.value)), we = p.reduce((e, a) => {
-    const o = a.category || "default";
-    return e[o] || (e[o] = []), e[o].push(a), e;
-  }, {}), Ce = p, {
+  const M = u, s = D.filter((e) => M.includes(e.value)), be = !!E, te = D.filter((e) => !e.disabled), le = te.length > 0 && te.every((e) => M.includes(e.value)), fe = p.reduce((e, a) => {
+    const l = a.category || "default";
+    return e[l] || (e[l] = []), e[l].push(a), e;
+  }, {}), we = p, {
     onBlur: I,
-    ...le
+    ...oe
   } = _e;
-  return /* @__PURE__ */ w("div", { ref: Z, className: C(t.dropdownContainer, ce && t["dropdown-container-grouped"], m && t["dropdown-container-multi-select"], re), ...le, children: [
+  return /* @__PURE__ */ w("div", { ref: Z, className: C(t.dropdownContainer, ce && t["dropdown-container-grouped"], m && t["dropdown-container-multi-select"], re), ...oe, children: [
     G && /* @__PURE__ */ w("label", { className: C(t.dropdownLabel, v && t.dropdownLabelDisabled), children: [
-      /* @__PURE__ */ l("span", { title: G, className: t["label-text"], children: G }),
-      ne && /* @__PURE__ */ l("span", { className: t.required, children: "*" }),
-      L && /* @__PURE__ */ l(Le, { content: L.content, size: L.size, theme: L.theme, tipSide: L.tipSide, tipAlignment: L.tipAlignment, startVisible: L.startVisible, children: /* @__PURE__ */ l(B, { icon: "ap-icon-info", className: t["label-tooltip-icon"] }) })
+      /* @__PURE__ */ o("span", { title: G, className: t["label-text"], children: G }),
+      ne && /* @__PURE__ */ o("span", { className: t.required, children: "*" }),
+      L && /* @__PURE__ */ o(Ie, { content: L.content, size: L.size, theme: L.theme, tipSide: L.tipSide, tipAlignment: L.tipAlignment, startVisible: L.startVisible, children: /* @__PURE__ */ o(B, { icon: "ap-icon-info", className: t["label-tooltip-icon"] }) })
     ] }),
-    /* @__PURE__ */ l(ge, { open: c, onOpenChange: me, children: /* @__PURE__ */ w("div", { className: t.dropdownWrapper, children: [
-      /* @__PURE__ */ l(De, { children: /* @__PURE__ */ w("div", { tabIndex: !m && s.length > 0 ? 0 : -1, ref: O, className: C(t.dropdownCreatableSearchContainer, v && t.disabled, fe && t.dropdownCreatableError), onBlur: (e) => {
+    /* @__PURE__ */ o(ve, { open: c, onOpenChange: pe, children: /* @__PURE__ */ w("div", { className: t.dropdownWrapper, children: [
+      /* @__PURE__ */ o(Le, { children: /* @__PURE__ */ w("div", { tabIndex: !m && s.length > 0 ? 0 : -1, ref: O, className: C(t.dropdownCreatableSearchContainer, v && t.disabled, be && t.dropdownCreatableError), onBlur: (e) => {
         c || I == null || I(e);
       }, onClick: () => {
         var e;
@@ -184,49 +183,49 @@ function ht({
       }, onKeyDown: (e) => {
         if (e.key === "Enter" && !m && s.length > 0 && !c)
           return $("");
-      }, ...le, children: [
-        s.length > 0 && /* @__PURE__ */ l("div", { className: C(t.selectedItemsCreatable), children: m ? s.length > 3 ? /* @__PURE__ */ l("div", { className: t.selectedItem, children: /* @__PURE__ */ l("span", { className: t.selectedItemLabel, title: oe && F ? F : `${s.length} ${z}`, children: oe && F ? F : `${s.length} ${z}` }) }) : s.map((e) => /* @__PURE__ */ w("div", { className: t.selectedItem, children: [
-          /* @__PURE__ */ l("span", { className: t.selectedItemLabel, title: e.label, children: e.label }),
-          /* @__PURE__ */ l("button", { type: "button", className: t.removeButton, onClick: () => ee(e.value), disabled: v, children: /* @__PURE__ */ l(B, { icon: "ap-icon-close", className: t.removeIcon }) })
+      }, ...oe, children: [
+        s.length > 0 && /* @__PURE__ */ o("div", { className: C(t.selectedItemsCreatable), children: m ? s.length > 3 ? /* @__PURE__ */ o("div", { className: t.selectedItem, children: /* @__PURE__ */ o("span", { className: t.selectedItemLabel, title: le && F ? F : `${s.length} ${z}`, children: le && F ? F : `${s.length} ${z}` }) }) : s.map((e) => /* @__PURE__ */ w("div", { className: t.selectedItem, children: [
+          /* @__PURE__ */ o("span", { className: t.selectedItemLabel, title: e.label, children: e.label }),
+          /* @__PURE__ */ o("button", { type: "button", className: t.removeButton, onClick: () => ee(e.value), disabled: v, children: /* @__PURE__ */ o(B, { icon: "ap-icon-close", className: t.removeIcon }) })
         ] }, e.value)) : s.length > 0 && /* @__PURE__ */ w("div", { className: t.singleSelectedCreatableItem, children: [
-          /* @__PURE__ */ l("span", { className: t.selectedItemLabel, title: s[0].label, children: s[0].label }),
-          /* @__PURE__ */ l(ve, { type: "tertiary", variant: "default", size: "sm", onClick: () => ee(s[0].value), disabled: v, icon: "ap-icon-add-filled", className: t.singleSelectedCreatableItemRemoveButton })
+          /* @__PURE__ */ o("span", { className: t.selectedItemLabel, title: s[0].label, children: s[0].label }),
+          /* @__PURE__ */ o(he, { type: "tertiary", variant: "default", size: "sm", onClick: () => ee(s[0].value), disabled: v, icon: "ap-icon-add-filled", className: t.singleSelectedCreatableItemRemoveButton })
         ] }) }),
-        (m || !s.length) && /* @__PURE__ */ l("input", { maxLength: se, ref: g, placeholder: s.length > 0 ? "" : de, value: Q, onChange: (e) => be(e.target.value), onFocus: (e) => $(e.target.value), onBlur: (e) => {
+        (m || !s.length) && /* @__PURE__ */ o("input", { maxLength: se, ref: g, placeholder: s.length > 0 ? "" : de, value: Q, onChange: (e) => me(e.target.value), onFocus: (e) => $(e.target.value), onBlur: (e) => {
           c || I == null || I(e);
         }, disabled: v, className: t.creatableInput }),
-        /* @__PURE__ */ l("div", { className: t.dropdownActions, children: /* @__PURE__ */ l(B, { icon: "ap-icon-expand-more", className: C(t.dropdownArrow, c && t.dropdownArrowOpen) }) })
+        /* @__PURE__ */ o("div", { className: t.dropdownActions, children: /* @__PURE__ */ o(B, { icon: "ap-icon-expand-more", className: C(t.dropdownArrow, c && t.dropdownArrowOpen) }) })
       ] }) }),
-      /* @__PURE__ */ l(ye, { container: ue, children: /* @__PURE__ */ l(xe, { onOpenAutoFocus: (e) => {
+      /* @__PURE__ */ o(Ne, { children: /* @__PURE__ */ o(ge, { onOpenAutoFocus: (e) => {
         e.preventDefault();
       }, align: Y === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
         width: T,
         zIndex: 9999
       }, onInteractOutside: (e) => {
-        var o;
-        e.target === g.current && e.preventDefault(), ((o = Z.current) == null ? void 0 : o.contains(e.target)) || I == null || I(e);
-      }, children: c && /* @__PURE__ */ l("div", { style: {
+        var l;
+        e.target === g.current && e.preventDefault(), ((l = Z.current) == null ? void 0 : l.contains(e.target)) || I == null || I(e);
+      }, children: c && /* @__PURE__ */ o("div", { style: {
         width: T
       }, className: C(t.dropdownMenu, ie, Y === "right" && t.dropdownMenuRight), children: /* @__PURE__ */ w("div", { ref: H, className: t.optionsList, "data-dropdown-options-list": !0, children: [
-        p.length > 0 ? Object.entries(we).map(([e, a]) => /* @__PURE__ */ w("div", { className: t.categoryGroup, children: [
-          e !== "default" && /* @__PURE__ */ l("div", { className: t.categoryDivider, children: /* @__PURE__ */ l("span", { className: t.categoryLabel, children: e }) }),
-          a.map((o) => {
-            const n = Ce.indexOf(o), d = p.find((D) => D.value === o.value);
-            return /* @__PURE__ */ l("button", { title: (d == null ? void 0 : d.label) || o.label, type: "button", className: C(t.optionItem, M.includes(o.value) && t.optionItemSelected, o.disabled && t.optionItemDisabled, n === f && t.optionItemFocused), onClick: () => W(o), disabled: o.disabled, "data-dropdown-option-item": !0, "data-option-index": n, children: /* @__PURE__ */ w("div", { className: t.optionContent, children: [
-              /* @__PURE__ */ l("span", { className: t.optionLabel, children: o.label }),
-              M.includes(o.value) && /* @__PURE__ */ l(B, { icon: "ap-icon-check", className: t.tickIcon })
-            ] }) }, o.value);
+        p.length > 0 ? Object.entries(fe).map(([e, a]) => /* @__PURE__ */ w("div", { className: t.categoryGroup, children: [
+          e !== "default" && /* @__PURE__ */ o("div", { className: t.categoryDivider, children: /* @__PURE__ */ o("span", { className: t.categoryLabel, children: e }) }),
+          a.map((l) => {
+            const n = we.indexOf(l), d = p.find((y) => y.value === l.value);
+            return /* @__PURE__ */ o("button", { title: (d == null ? void 0 : d.label) || l.label, type: "button", className: C(t.optionItem, M.includes(l.value) && t.optionItemSelected, l.disabled && t.optionItemDisabled, n === f && t.optionItemFocused), onClick: () => W(l), disabled: l.disabled, "data-dropdown-option-item": !0, "data-option-index": n, children: /* @__PURE__ */ w("div", { className: t.optionContent, children: [
+              /* @__PURE__ */ o("span", { className: t.optionLabel, children: l.label }),
+              M.includes(l.value) && /* @__PURE__ */ o(B, { icon: "ap-icon-check", className: t.tickIcon })
+            ] }) }, l.value);
           })
         ] }, e)) : null,
-        S && /* @__PURE__ */ l("button", { type: "button", className: C(t.optionItem, t.optionItemCreatable, f === p.length && t.optionItemFocused), title: _ ? `Create "${_}"` : "Create new option", "data-option-index": p.length, onClick: () => U(_), children: /* @__PURE__ */ l("div", { className: t.optionContent, children: /* @__PURE__ */ l("span", { className: t.optionLabel, children: _ ? `Create "${_}"` : "Create new option" }) }) })
+        S && /* @__PURE__ */ o("button", { type: "button", className: C(t.optionItem, t.optionItemCreatable, f === p.length && t.optionItemFocused), title: _ ? `Create "${_}"` : "Create new option", "data-option-index": p.length, onClick: () => U(_), children: /* @__PURE__ */ o("div", { className: t.optionContent, children: /* @__PURE__ */ o("span", { className: t.optionLabel, children: _ ? `Create "${_}"` : "Create new option" }) }) })
       ] }) }) }) })
     ] }) }),
     /* @__PURE__ */ w("div", { className: t.helpers, children: [
-      E ? /* @__PURE__ */ l("span", { title: E, className: t.errorMessage, children: E }) : K && /* @__PURE__ */ l("span", { title: K, className: C(t.helpText, v && t.helpTextDisabled), children: K }),
-      J && P && /* @__PURE__ */ l("a", { href: J, className: C(t.helpLink, v && t.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: P })
+      E ? /* @__PURE__ */ o("span", { title: E, className: t.errorMessage, children: E }) : K && /* @__PURE__ */ o("span", { title: K, className: C(t.helpText, v && t.helpTextDisabled), children: K }),
+      J && P && /* @__PURE__ */ o("a", { href: J, className: C(t.helpLink, v && t.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: P })
     ] })
   ] });
 }
 export {
-  ht as default
+  bt as default
 };