@reapit/elements 5.0.0-beta.62 → 5.0.0-beta.64

package/dist/js/combobox-CZZ5mxom.js

@@ -0,0 +1,779 @@
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import "./button-base-BcnVjgNa.js";
+import { createContext as v, useContext as w, useRef as xo, useEffect as j, useState as H, useId as S } from "react";
+import { B as $ } from "./button-DB4XETG9.js";
+import { c as fo, i as ho, d as f, k as Y, s as go } from "./listbox-BBRIGXRu.js";
+import { CloseIcon as G } from "./icons/close.js";
+import { ChevronDownIcon as Eo } from "./icons/chevron-down.js";
+import { c as Io, S as Oo } from "./search-input-BIATSynI.js";
+import { A as Ao } from "./anchor-positioning-CVXI9jJO.js";
+import { c as X } from "./index-BsMVp4qF.js";
+import { s as l } from "./index-YtxCR-9e.js";
+import { isWidthAtOrAbove as So, isWidthBelow as yo } from "./utils/breakpoints.js";
+import { r as Lo, v as Po } from "./drawer-CN1TJt10.js";
+import { u as J } from "./use-match-media-3UiitAUD.js";
+import { CheckIcon as Bo } from "./icons/check.js";
+import { C as K } from "./chip-group-Bbc7ODc9.js";
+function Do({
+  "aria-label": o = "Clear selection",
+  "aria-controls": e,
+  onClick: t,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    $,
+    {
+      ...n,
+      "aria-controls": e,
+      "aria-label": o,
+      hasNoPadding: !0,
+      iconLeft: /* @__PURE__ */ a(G, {}),
+      onClick: (r) => {
+        t?.(r), fo(e);
+      },
+      size: "small",
+      variant: "tertiary"
+    }
+  );
+}
+function V(o) {
+  const e = typeof o == "string" ? document.getElementById(o) : o;
+  if (!e) {
+    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
+    throw new Error(`closeComboboxPopup: Element ${t} not found in the DOM`);
+  }
+  if (!(e instanceof HTMLDialogElement)) {
+    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
+    throw new Error(`closeComboboxPopup: Element ${t} is not an HTMLDialogElement`);
+  }
+  e.close();
+}
+const N = {
+  AUTO: "auto",
+  ALWAYS: "always",
+  NEVER: "never"
+};
+function vo(o) {
+  if (o.defaultPrevented || !o.isTrusted)
+    return;
+  const e = ko(o.target);
+  if (!e)
+    return;
+  const { closeOnSelection: t } = o.currentTarget.dataset;
+  if (t !== N.NEVER) {
+    if (t === N.ALWAYS) {
+      V(o.currentTarget);
+      return;
+    }
+    if (t === N.AUTO) {
+      const { listboxId: n } = e.dataset, s = n ? document.getElementById(n) : null;
+      To(s) && V(o.currentTarget);
+    }
+  }
+}
+function wo(o) {
+  !("closedBy" in HTMLDialogElement.prototype) && o.target === o.currentTarget && o.currentTarget.close();
+}
+function ko(o) {
+  return o instanceof HTMLElement ? o.closest('[role="option"]') : null;
+}
+function To(o) {
+  return "ariaMultiSelectable" in Element.prototype ? o?.ariaMultiSelectable === "false" : o?.getAttribute("aria-multiselectable") === "false";
+}
+function Mo(o) {
+  const { preserveSearchOnClose: e } = o.currentTarget.dataset;
+  if (e === "true")
+    return;
+  const t = o.currentTarget.querySelector("input");
+  t instanceof HTMLInputElement && Io(t);
+}
+const z = v(null);
+function Q() {
+  const o = w(z);
+  if (!o)
+    throw new Error("useComboboxPopupDialogContext requires a ComboboxPopupDialog ancestor");
+  return o;
+}
+function q(o) {
+  const e = typeof o == "string" ? document.getElementById(o) : o;
+  if (!e) {
+    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
+    throw new Error(`openComboboxPopup: Element ${t} not found in the DOM`);
+  }
+  if (!(e instanceof HTMLDialogElement)) {
+    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
+    throw new Error(`openComboboxPopup: Element ${t} is not an HTMLDialogElement`);
+  }
+  e.showModal();
+}
+function No() {
+  return /* @__PURE__ */ a("form", { role: "none", children: /* @__PURE__ */ a(
+    $,
+    {
+      "aria-label": "Close",
+      formMethod: "dialog",
+      iconLeft: /* @__PURE__ */ a(G, { "aria-hidden": !0 }),
+      size: "large",
+      type: "submit",
+      variant: "tertiary"
+    }
+  ) });
+}
+const Vo = "el-combobox-popup-dialog", Ho = /* @__PURE__ */ l("div")({
+  name: "ElComboboxPopupDialogHeader",
+  class: "el-combobox-popup-dialog-header",
+  propsAsIs: !1
+}), $o = /* @__PURE__ */ l("div")({
+  name: "ElComboboxPopupDialogListboxContainer",
+  class: "el-combobox-popup-dialog-listbox-container",
+  propsAsIs: !1
+}), U = "calc(anchor-size(width) + 2 * var(--combobox-popup-padding))", zo = "calc(anchor(left) - var(--combobox-popup-padding))", qo = "calc(anchor(top) - var(--combobox-popup-padding))";
+function E({
+  "aria-labelledby": o,
+  children: e,
+  className: t,
+  closeOnSelection: n = "auto",
+  id: s,
+  maxHeight: r,
+  maxWidth: c = U,
+  minWidth: b = U,
+  onCancel: u,
+  onClose: d,
+  onClick: m,
+  preserveSearchOnClose: h = !1,
+  search: C,
+  style: B,
+  variant: g = "auto",
+  ...A
+}) {
+  const D = J(So("SM")), M = g === "popover" || g === "auto" && D, F = g === "drawer" || g === "auto" && !D, uo = Lo("any", u), mo = Po((I) => {
+    d?.(I), C && Mo(I);
+  }), Co = (I) => {
+    m?.(I), vo(I), wo(I);
+  };
+  return /* @__PURE__ */ a(
+    "dialog",
+    {
+      ...A,
+      "aria-labelledby": o,
+      className: X(Vo, t),
+      closedby: "any",
+      "data-close-on-selection": n,
+      "data-preserve-search-on-close": h,
+      "data-variant": g,
+      id: s,
+      onCancel: uo,
+      onClose: mo,
+      onClick: Co,
+      style: { ...B, maxHeight: r },
+      children: /* @__PURE__ */ x(z.Provider, { value: { variant: g }, children: [
+        M && /* @__PURE__ */ a(
+          Ao,
+          {
+            anchorElementId: o,
+            left: zo,
+            maxWidth: c,
+            minWidth: b,
+            positionedElementId: s,
+            positionTryFallbacks: "flip-block, flip-inline",
+            top: qo
+          }
+        ),
+        (C || F) && /* @__PURE__ */ x(Ho, { children: [
+          C,
+          F && /* @__PURE__ */ a(No, {})
+        ] }),
+        /* @__PURE__ */ a($o, { children: e })
+      ] })
+    }
+  );
+}
+E.Context = z;
+E.useContext = Q;
+E.open = q;
+E.close = V;
+function Ro(o, e) {
+  const t = xo(e);
+  j(
+    function() {
+      t.current = e;
+    },
+    [e]
+  ), j(
+    function() {
+      const s = document.getElementById(o);
+      if (s instanceof HTMLElement) {
+        const r = new AbortController();
+        return s.addEventListener("toggle", (c) => t.current(c), {
+          signal: r.signal
+        }), () => r.abort();
+      }
+    },
+    [o]
+  );
+}
+function Wo(o) {
+  const [e, t] = H(!1);
+  return Ro(o, (n) => {
+    t(n.newState === "open");
+  }), e;
+}
+function _o({
+  "aria-label": o = "Open popup",
+  "aria-controls": e,
+  onClick: t,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    $,
+    {
+      ...n,
+      "aria-controls": e,
+      "aria-label": o,
+      hasNoPadding: !0,
+      iconLeft: /* @__PURE__ */ a(Eo, {}),
+      onClick: (r) => {
+        t?.(r), q(e);
+      },
+      size: "small",
+      tabIndex: -1,
+      variant: "tertiary"
+    }
+  );
+}
+const Fo = /* @__PURE__ */ l("div")({
+  name: "ElComboboxButtonContainer",
+  class: "el-combobox-button-container",
+  propsAsIs: !1
+}), jo = /* @__PURE__ */ l("button")({
+  name: "ElComboboxButton",
+  class: "el-combobox-button",
+  propsAsIs: !1
+}), Uo = /* @__PURE__ */ l("span")({
+  name: "ElComboboxButtonIconContainer",
+  class: "el-combobox-button-icon-container",
+  propsAsIs: !1
+}), Yo = /* @__PURE__ */ l("span")({
+  name: "ElComboboxButtonLabelContainer",
+  class: "el-combobox-button-label-container",
+  propsAsIs: !1
+}), Go = /* @__PURE__ */ l("span")({
+  name: "ElComboboxButtonActionContainer",
+  class: "el-combobox-button-action-container",
+  propsAsIs: !1
+});
+function y({
+  action: o,
+  "aria-controls": e,
+  "aria-expanded": t,
+  children: n,
+  className: s,
+  id: r,
+  leadingIcon: c,
+  placeholder: b = "Select an option",
+  size: u = "medium",
+  style: d,
+  ...m
+}) {
+  const h = !!n;
+  return (
+    // Applies consumer class names and inline styles to the container, not the button.
+    // Minimizes easy override of button styles critical to component function.
+    /* @__PURE__ */ x(Fo, { className: s, "data-size": u, style: d, children: [
+      /* @__PURE__ */ x(
+        jo,
+        {
+          ...m,
+          "aria-autocomplete": "list",
+          "aria-controls": e,
+          "aria-expanded": t,
+          "aria-haspopup": "dialog",
+          id: r,
+          role: "combobox",
+          type: "button",
+          children: [
+            c && /* @__PURE__ */ a(Uo, { children: c }),
+            /* @__PURE__ */ a(Yo, { "data-has-selection": h, "data-placeholder": b, children: h ? n : b })
+          ]
+        }
+      ),
+      o && /* @__PURE__ */ a(Go, { children: o })
+    ] })
+  );
+}
+y.ClearButton = Do;
+y.OpenPopupButton = _o;
+const Xo = /* @__PURE__ */ l("div")({
+  name: "ElComboboxCard",
+  class: "el-combobox-card",
+  propsAsIs: !1
+}), Jo = /* @__PURE__ */ l("button")({
+  name: "ElComboboxCardButton",
+  class: "el-combobox-card-button",
+  propsAsIs: !1
+}), Ko = /* @__PURE__ */ l("span")({
+  name: "ElComboboxCardActionContainer",
+  class: "el-combobox-card-action-container",
+  propsAsIs: !1
+});
+function Qo({
+  action: o,
+  "aria-controls": e,
+  "aria-disabled": t = !0,
+  "aria-expanded": n,
+  children: s,
+  className: r,
+  id: c,
+  onClick: b,
+  size: u = "medium",
+  style: d,
+  ...m
+}) {
+  return (
+    // Applies consumer class names and inline styles to the container, not the button.
+    // Minimizes easy override of button styles critical to component function.
+    /* @__PURE__ */ x(Xo, { className: r, "data-size": u, style: d, children: [
+      /* @__PURE__ */ a(
+        Jo,
+        {
+          ...m,
+          "aria-autocomplete": "list",
+          "aria-controls": e,
+          "aria-disabled": t,
+          "aria-expanded": n,
+          "aria-haspopup": "dialog",
+          id: c,
+          onClick: (C) => {
+            if (C.currentTarget.getAttribute("aria-disabled") === "true") {
+              C.stopPropagation(), C.preventDefault();
+              return;
+            }
+            b?.(C);
+          },
+          role: "combobox",
+          type: "button",
+          children: s
+        }
+      ),
+      o && /* @__PURE__ */ a(Ko, { children: o })
+    ] })
+  );
+}
+const Zo = /* @__PURE__ */ l("span")({
+  name: "ElComboboxCardDefaultContent",
+  class: "el-combobox-card-default-content",
+  propsAsIs: !1
+}), oe = /* @__PURE__ */ l("span")({
+  name: "ElComboboxCardDefaultContentLabel",
+  class: "el-combobox-card-default-content-label",
+  propsAsIs: !1
+}), ee = /* @__PURE__ */ l("span")({
+  name: "ElComboboxCardDefaultContentAdditionalInfo",
+  class: "el-combobox-card-default-content-additional-info",
+  propsAsIs: !1
+});
+function Z({ additionalInfo: o, children: e, ...t }) {
+  return /* @__PURE__ */ x(Zo, { ...t, children: [
+    /* @__PURE__ */ a(oe, { children: e }),
+    /* @__PURE__ */ a(ee, { children: o })
+  ] });
+}
+Z.displayName = "Combobox.CardDefaultContent";
+const R = v(null);
+function L() {
+  const o = w(R);
+  if (!o)
+    throw new Error("useComboboxContext requires a Combobox ancestor");
+  return o;
+}
+const oo = v([]);
+function k() {
+  return w(oo);
+}
+const te = /* @__PURE__ */ l("div")({
+  name: "ElComboboxListbox",
+  class: "el-combobox-listbox",
+  propsAsIs: !1
+}), ne = /* @__PURE__ */ l("div")({
+  name: "ElComboboxListboxPlaceholder",
+  class: "el-combobox-listbox-placeholder",
+  propsAsIs: !1
+});
+function eo({ children: o, size: e = "medium", ...t }) {
+  return ho() === "native" ? null : /* @__PURE__ */ a(ne, { ...t, "aria-live": "polite", "data-size": e, role: "status", children: o });
+}
+eo.displayName = "Combobox.ListboxPlaceholder";
+const ae = /* @__PURE__ */ l("div")({
+  name: "ElComboboxOptgroup",
+  class: "el-combobox-optgroup",
+  propsAsIs: !1
+}), se = /* @__PURE__ */ l("div")({
+  name: "ElComboboxOptgroupLabelContainer",
+  class: "el-combobox-optgroup-label-container",
+  propsAsIs: !1
+});
+function ie({ "aria-label": o, children: e, label: t, ...n }) {
+  const s = S();
+  return (
+    // NOTE: Omit aria-labelledby when aria-label is provided. The aria-labelledby attribute takes
+    // precedence over aria-label. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-label#:~:text=aria%2Dlabelledby%20will%20take%20precedence%20over%20aria%2Dlabel%20if%20both%20are%20applied
+    /* @__PURE__ */ x(ae, { ...n, "aria-label": o, "aria-labelledby": o ? void 0 : s, role: "group", children: [
+      t && /* @__PURE__ */ a(se, { id: s, children: t }),
+      e
+    ] })
+  );
+}
+function to(o) {
+  return /* @__PURE__ */ a(f.Optgroup, { as: ie, ...o });
+}
+to.displayName = "Combobox.Optgroup";
+function no(o) {
+  return "ariaLabelledByElements" in Element.prototype ? o.ariaLabelledByElements?.at(0)?.textContent ?? o.textContent : document.getElementById(o.getAttribute("aria-labelledby"))?.textContent ?? o.textContent;
+}
+const le = /* @__PURE__ */ l("button")({
+  name: "ElComboboxOption",
+  class: "el-combobox-option",
+  propsAsIs: !1
+}), re = /* @__PURE__ */ l("span")({
+  name: "ElComboboxOptionCheckIconContainer",
+  class: "el-combobox-option-check-icon-container",
+  propsAsIs: !1
+}), ce = /* @__PURE__ */ l("span")({
+  name: "ElComboboxOptionLabel",
+  class: "el-combobox-option-label",
+  propsAsIs: !1
+}), ao = /* @__PURE__ */ l("span")({
+  name: "ElComboboxOptionTextContainer",
+  class: "el-combobox-option-text-container",
+  propsAsIs: !1
+}), so = /* @__PURE__ */ l("span")({
+  name: "ElComboboxOptionBadgeContainer",
+  class: "el-combobox-option-badge-container",
+  propsAsIs: !1
+}), be = /* @__PURE__ */ l("span")({
+  name: "ElComboboxOptionAdditionalInfoContainer",
+  class: "el-combobox-option-additional-info-container",
+  propsAsIs: !1
+}), pe = /* @__PURE__ */ l("span")({
+  name: "ElComboboxOptionAdditionalInfo",
+  class: "el-combobox-option-additional-info",
+  propsAsIs: !1
+}), ue = /* @__PURE__ */ l("span")({
+  name: "ElComboboxOptionAdditionalInfoIconContainer",
+  class: "el-combobox-option-additional-info-icon-container",
+  propsAsIs: !1
+});
+function io({ badge: o, children: e, icon: t, ...n }) {
+  return /* @__PURE__ */ x(pe, { ...n, children: [
+    t && /* @__PURE__ */ a(ue, { children: t }),
+    /* @__PURE__ */ a(ao, { children: e }),
+    o && /* @__PURE__ */ a(so, { children: o })
+  ] });
+}
+io.displayName = "Combobox.OptionAdditionalInfo";
+function P({ badge: o, children: e, additionalInfo: t, size: n = "medium", ...s }) {
+  const r = S(), c = S(), b = S(), u = [o && r, t && b].filter((d) => !!d).join(" ") || void 0;
+  return /* @__PURE__ */ x(
+    le,
+    {
+      ...s,
+      "aria-labelledby": c,
+      "aria-details": u,
+      "data-size": n,
+      role: "option",
+      type: "button",
+      children: [
+        /* @__PURE__ */ a(re, { "aria-hidden": !0, children: /* @__PURE__ */ a(Bo, {}) }),
+        /* @__PURE__ */ x(ce, { children: [
+          /* @__PURE__ */ a(ao, { id: c, children: e }),
+          o && /* @__PURE__ */ a(so, { id: r, children: o })
+        ] }),
+        t && /* @__PURE__ */ a(be, { id: b, children: t })
+      ]
+    }
+  );
+}
+P.getOptionLabel = no;
+P.AdditionalInfo = io;
+function O(o) {
+  const { size: e } = L();
+  return /* @__PURE__ */ a(f.Option, { as: P, ...o, size: e === "small" ? "medium" : e });
+}
+O.displayName = "Combobox.Option";
+O.getLabel = P.getOptionLabel;
+O.AdditionalInfo = P.AdditionalInfo;
+function p({ defaultValue: o, ...e }) {
+  const n = k().map((u) => u.value), { disabled: s, listboxId: r, multiple: c, required: b } = L();
+  return /* @__PURE__ */ a(
+    f,
+    {
+      ...e,
+      as: te,
+      "aria-disabled": s,
+      "aria-multiselectable": c,
+      "aria-orientation": "vertical",
+      "aria-required": b,
+      defaultValue: o ?? n,
+      id: r,
+      selectionFollowsFocus: !1
+    }
+  );
+}
+p.displayName = "Combobox.Listbox";
+p.Divider = f.Divider;
+p.Optgroup = to;
+p.Option = O;
+p.OptionAdditionalInfo = O.AdditionalInfo;
+p.Placeholder = eo;
+p.clearValue = f.clearValue;
+p.getOptionLabel = O.getLabel;
+p.getSelectedOptions = f.getSelectedOptions;
+p.getValue = f.getValue;
+p.setOptionSelectedState = f.setOptionSelectedState;
+p.useState = f.useState;
+function T(o) {
+  const { comboboxId: e, popupId: t } = L();
+  return /* @__PURE__ */ a(E, { ...o, "aria-labelledby": e, id: t, children: o.children });
+}
+T.displayName = "Combobox.Popup";
+T.show = E.open;
+T.hide = E.close;
+function de({
+  isXSBreakpoint: o,
+  popupVariant: e
+}) {
+  switch (e) {
+    case "drawer":
+      return "borderless";
+    case "popover":
+      return "default";
+    case "auto":
+      return o ? "borderless" : "default";
+  }
+}
+function lo(o) {
+  const { variant: e } = Q(), t = J(yo("SM")), n = de({ isXSBreakpoint: t, popupVariant: e });
+  return /* @__PURE__ */ a(Oo, { ...o, type: "text", variant: n });
+}
+lo.displayName = "Combobox.SearchInput";
+function W(o, e = []) {
+  const [t, n] = H(() => e);
+  return Y(o, (s, r) => {
+    n((c) => {
+      const b = c.filter((d) => r.includes(d.value)), u = s.filter((d) => !c.some((m) => m.value === d.value)).map((d) => ({
+        label: no(d),
+        value: d.value
+      }));
+      return [...b, ...u];
+    });
+  }), t;
+}
+function me({
+  children: o,
+  defaultOptions: e,
+  listboxId: t
+}) {
+  const n = k(), s = W(t, e ?? n);
+  return o?.(s) ?? s.at(0)?.label;
+}
+const ro = v(null);
+function Ce() {
+  const o = w(ro);
+  if (!o)
+    throw new Error("useComboboxSelectionChipsContext requires a ComboboxSelectionChips ancestor");
+  return o;
+}
+function co({ children: o, value: e, ...t }) {
+  const n = Ce();
+  return /* @__PURE__ */ a(
+    K.Item,
+    {
+      ...t,
+      "aria-controls": n.listboxId,
+      "aria-label": `Remove ${o}`,
+      onClick: () => go(n.listboxId, e, () => !1),
+      value: e,
+      children: o
+    }
+  );
+}
+const xe = "el-combobox-selection-chips";
+function _({
+  children: o,
+  className: e,
+  defaultOptions: t,
+  listboxId: n,
+  ...s
+}) {
+  const r = k(), c = W(n, t ?? r), b = o?.(c) ?? c.map((u) => /* @__PURE__ */ a(co, { value: u.value, children: u.label }, u.value));
+  return c.length > 0 && /* @__PURE__ */ a(K, { ...s, className: X(xe, e), variant: "selection", children: /* @__PURE__ */ a(ro.Provider, { value: { listboxId: n }, children: b }) });
+}
+_.Item = co;
+const fe = /* @__PURE__ */ l("div")({
+  name: "ElCombobox",
+  class: "el-combobox",
+  propsAsIs: !1
+});
+function bo(o) {
+  return `${o}-listbox`;
+}
+function po(o) {
+  return `${o}-popup`;
+}
+function he({ onClick: o } = {}) {
+  const { ariaDescribedBy: e, ariaErrorMessage: t, ariaInvalid: n, ariaLabelledBy: s, comboboxId: r, disabled: c, popupId: b, required: u } = L(), d = Wo(b);
+  return {
+    "aria-controls": b,
+    "aria-describedby": e,
+    "aria-errormessage": t,
+    "aria-expanded": d,
+    "aria-invalid": n,
+    "aria-labelledby": s,
+    // We use aria-required to indicate a value for the _combobox_ is required.
+    // See https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
+    "aria-required": u,
+    disabled: c,
+    id: r,
+    onClick: (h) => {
+      o?.(h), q(b);
+    },
+    role: "combobox"
+  };
+}
+function ge(o) {
+  const [e, t] = H(!1);
+  return Y(o, (n, s) => {
+    t(s.length > 0);
+  }), e;
+}
+function i({
+  "aria-describedby": o,
+  "aria-errormessage": e,
+  "aria-invalid": t,
+  "aria-labelledby": n,
+  children: s,
+  disabled: r = !1,
+  id: c,
+  maxWidth: b,
+  multiple: u = !1,
+  required: d = !1,
+  showValidity: m = !1,
+  size: h = "medium",
+  style: C,
+  ...B
+}) {
+  const g = S(), A = c ?? g, D = bo(A), M = po(A);
+  return /* @__PURE__ */ a(
+    R.Provider,
+    {
+      value: {
+        ariaDescribedBy: o,
+        ariaErrorMessage: e,
+        ariaInvalid: t,
+        ariaLabelledBy: n,
+        comboboxId: A,
+        disabled: r,
+        listboxId: D,
+        multiple: u,
+        popupId: M,
+        required: d,
+        size: h
+      },
+      children: /* @__PURE__ */ a(fe, { ...B, "data-show-validity": m, style: { "--combobox-max-width": b, ...C }, children: s })
+    }
+  );
+}
+i.getOptionLabel = p.getOptionLabel;
+i.getListboxValue = f.getValue;
+i.getListboxId = bo;
+i.getPopupId = po;
+i.Button = y;
+i.Card = Qo;
+i.CardDefaultContent = Z;
+i.ClearButton = y.ClearButton;
+i.Divider = p.Divider;
+i.Listbox = p;
+i.ListboxPlaceholder = p.Placeholder;
+i.OpenPopupButton = y.OpenPopupButton;
+i.Optgroup = p.Optgroup;
+i.Option = p.Option;
+i.OptionAdditionalInfo = p.OptionAdditionalInfo;
+i.Popup = T;
+i.SearchInput = lo;
+i.SelectedContent = me;
+i.SelectionChips = _;
+i.SelectionChipsItem = _.Item;
+i.Context = R;
+i.DefaultOptionsContext = oo;
+i.useButton = he;
+i.useContext = L;
+i.useDefaultOptionsContext = k;
+i.useHasSelection = ge;
+i.useSelectedOptions = W;
+i.useState = p.useState;
+export {
+  qo as $,
+  ie as A,
+  ae as B,
+  y as C,
+  se as D,
+  Fo as E,
+  no as F,
+  P as G,
+  io as H,
+  le as I,
+  re as J,
+  ce as K,
+  ao as L,
+  so as M,
+  be as N,
+  pe as O,
+  ue as P,
+  N as Q,
+  vo as R,
+  wo as S,
+  ko as T,
+  Mo as U,
+  V,
+  z as W,
+  Q as X,
+  q as Y,
+  U as Z,
+  zo as _,
+  Do as a,
+  E as a0,
+  Vo as a1,
+  Ho as a2,
+  $o as a3,
+  Ro as a4,
+  Wo as a5,
+  fe as a6,
+  he as a7,
+  ge as a8,
+  W as a9,
+  _o as b,
+  jo as c,
+  Uo as d,
+  Yo as e,
+  Go as f,
+  Qo as g,
+  Xo as h,
+  Jo as i,
+  Ko as j,
+  Z as k,
+  Zo as l,
+  oe as m,
+  ee as n,
+  i as o,
+  T as p,
+  R as q,
+  bo as r,
+  po as s,
+  p as t,
+  L as u,
+  eo as v,
+  to as w,
+  O as x,
+  te as y,
+  ne as z
+};