@reapit/elements 5.0.0-beta.66 → 5.0.0-beta.68

package/dist/js/{combobox-BmEn5_wr.js → combobox-1az8akBD.js}

@@ -1,20 +1,21 @@
 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 "./button-base-BxF98pDk.js";
+import { createContext as B, useContext as w, useRef as xo, useEffect as j, useState as H, useId as y } from "react";
+import { B as $ } from "./button-DYIdjjTt.js";
+import { c as fo, i as ho, d as f, k as Y, s as go } from "./listbox-LxpZYH0B.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-B3GGsbFM.js";
+import { c as Io, S as Oo } from "./search-input-BlrBgOkw.js";
+import { A as Ao } from "./anchor-positioning-mAfJClCi.js";
+import { q as So, r as yo, v as Lo } from "./drawer-n8sZIGeL.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 { s as l } from "./index-AHmiDD3r.js";
+import { isWidthAtOrAbove as Po, isWidthBelow as vo } from "./utils/breakpoints.js";
+import { maybeCloseOnBackdropClick as Do } from "./utils/dialog.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({
+import { C as K } from "./chip-group-DqeYXW9V.js";
+function wo({
   "aria-label": o = "Clear selection",
   "aria-controls": e,
   onClick: t,
@@ -53,10 +54,10 @@ const N = {
   ALWAYS: "always",
   NEVER: "never"
 };
-function vo(o) {
+function ko(o) {
   if (o.defaultPrevented || !o.isTrusted)
     return;
-  const e = ko(o.target);
+  const e = To(o.target);
   if (!e)
     return;
   const { closeOnSelection: t } = o.currentTarget.dataset;
@@ -67,27 +68,24 @@ function vo(o) {
     }
     if (t === N.AUTO) {
       const { listboxId: n } = e.dataset, s = n ? document.getElementById(n) : null;
-      To(s) && V(o.currentTarget);
+      Mo(s) && V(o.currentTarget);
     }
   }
 }
-function wo(o) {
-  !("closedBy" in HTMLDialogElement.prototype) && o.target === o.currentTarget && o.currentTarget.close();
-}
-function ko(o) {
+function To(o) {
   return o instanceof HTMLElement ? o.closest('[role="option"]') : null;
 }
-function To(o) {
+function Mo(o) {
   return "ariaMultiSelectable" in Element.prototype ? o?.ariaMultiSelectable === "false" : o?.getAttribute("aria-multiselectable") === "false";
 }
-function Mo(o) {
+function No(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);
+const z = B(null);
 function Q() {
   const o = w(z);
   if (!o)
@@ -106,28 +104,30 @@ function q(o) {
   }
   e.showModal();
 }
-function No() {
-  return /* @__PURE__ */ a("form", { role: "none", children: /* @__PURE__ */ a(
+function Vo() {
+  return /* @__PURE__ */ a(
     $,
     {
       "aria-label": "Close",
-      formMethod: "dialog",
       iconLeft: /* @__PURE__ */ a(G, { "aria-hidden": !0 }),
+      onClick: (e) => {
+        So(e.currentTarget)?.close();
+      },
       size: "large",
-      type: "submit",
+      type: "button",
       variant: "tertiary"
     }
-  ) });
+  );
 }
-const Vo = "el-combobox-popup-dialog", Ho = /* @__PURE__ */ l("div")({
+const Ho = "el-combobox-popup-dialog", $o = /* @__PURE__ */ l("div")({
   name: "ElComboboxPopupDialogHeader",
   class: "el-combobox-popup-dialog-header",
   propsAsIs: !1
-}), $o = /* @__PURE__ */ l("div")({
+}), zo = /* @__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))";
+}), U = "calc(anchor-size(width) + 2 * var(--combobox-popup-padding))", qo = "calc(anchor(left) - var(--combobox-popup-padding))", Ro = "calc(anchor(top) - var(--combobox-popup-padding))";
 function E({
   "aria-labelledby": o,
   children: e,
@@ -142,21 +142,21 @@ function E({
   onClick: m,
   preserveSearchOnClose: h = !1,
   search: C,
-  style: B,
+  style: v,
   variant: g = "auto",
-  ...A
+  ...S
 }) {
-  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);
+  const D = J(Po("SM")), M = g === "popover" || g === "auto" && D, F = g === "drawer" || g === "auto" && !D, uo = yo("any", u), mo = Lo((I) => {
+    d?.(I), C && No(I);
   }), Co = (I) => {
-    m?.(I), vo(I), wo(I);
+    m?.(I), ko(I), Do(I);
   };
   return /* @__PURE__ */ a(
     "dialog",
     {
-      ...A,
+      ...S,
       "aria-labelledby": o,
-      className: X(Vo, t),
+      className: X(Ho, t),
       closedby: "any",
       "data-close-on-selection": n,
       "data-preserve-search-on-close": h,
@@ -165,25 +165,26 @@ function E({
       onCancel: uo,
       onClose: mo,
       onClick: Co,
-      style: { ...B, maxHeight: r },
+      style: { ...v, maxHeight: r },
       children: /* @__PURE__ */ x(z.Provider, { value: { variant: g }, children: [
         M && /* @__PURE__ */ a(
           Ao,
           {
             anchorElementId: o,
-            left: zo,
+            left: qo,
             maxWidth: c,
             minWidth: b,
+            position: "fixed",
             positionedElementId: s,
             positionTryFallbacks: "flip-block, flip-inline",
-            top: qo
+            top: Ro
           }
         ),
-        (C || F) && /* @__PURE__ */ x(Ho, { children: [
+        (C || F) && /* @__PURE__ */ x($o, { children: [
           C,
-          F && /* @__PURE__ */ a(No, {})
+          F && /* @__PURE__ */ a(Vo, {})
         ] }),
-        /* @__PURE__ */ a($o, { children: e })
+        /* @__PURE__ */ a(zo, { children: e })
       ] })
     }
   );
@@ -192,7 +193,7 @@ E.Context = z;
 E.useContext = Q;
 E.open = q;
 E.close = V;
-function Ro(o, e) {
+function Wo(o, e) {
   const t = xo(e);
   j(
     function() {
@@ -212,13 +213,13 @@ function Ro(o, e) {
     [o]
   );
 }
-function Wo(o) {
+function _o(o) {
   const [e, t] = H(!1);
-  return Ro(o, (n) => {
+  return Wo(o, (n) => {
     t(n.newState === "open");
   }), e;
 }
-function _o({
+function Fo({
   "aria-label": o = "Open popup",
   "aria-controls": e,
   onClick: t,
@@ -241,28 +242,28 @@ function _o({
     }
   );
 }
-const Fo = /* @__PURE__ */ l("div")({
+const jo = /* @__PURE__ */ l("div")({
   name: "ElComboboxButtonContainer",
   class: "el-combobox-button-container",
   propsAsIs: !1
-}), jo = /* @__PURE__ */ l("button")({
+}), Uo = /* @__PURE__ */ l("button")({
   name: "ElComboboxButton",
   class: "el-combobox-button",
   propsAsIs: !1
-}), Uo = /* @__PURE__ */ l("span")({
+}), Yo = /* @__PURE__ */ l("span")({
   name: "ElComboboxButtonIconContainer",
   class: "el-combobox-button-icon-container",
   propsAsIs: !1
-}), Yo = /* @__PURE__ */ l("span")({
+}), Go = /* @__PURE__ */ l("span")({
   name: "ElComboboxButtonLabelContainer",
   class: "el-combobox-button-label-container",
   propsAsIs: !1
-}), Go = /* @__PURE__ */ l("span")({
+}), Xo = /* @__PURE__ */ l("span")({
   name: "ElComboboxButtonActionContainer",
   class: "el-combobox-button-action-container",
   propsAsIs: !1
 });
-function y({
+function L({
   action: o,
   "aria-controls": e,
   "aria-expanded": t,
@@ -279,9 +280,9 @@ function y({
   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, { className: s, "data-size": u, style: d, children: [
       /* @__PURE__ */ x(
-        jo,
+        Uo,
         {
           ...m,
           "aria-autocomplete": "list",
@@ -292,31 +293,31 @@ function y({
           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 })
+            c && /* @__PURE__ */ a(Yo, { children: c }),
+            /* @__PURE__ */ a(Go, { "data-has-selection": h, "data-placeholder": b, children: h ? n : b })
           ]
         }
       ),
-      o && /* @__PURE__ */ a(Go, { children: o })
+      o && /* @__PURE__ */ a(Xo, { children: o })
     ] })
   );
 }
-y.ClearButton = Do;
-y.OpenPopupButton = _o;
-const Xo = /* @__PURE__ */ l("div")({
+L.ClearButton = wo;
+L.OpenPopupButton = Fo;
+const Jo = /* @__PURE__ */ l("div")({
   name: "ElComboboxCard",
   class: "el-combobox-card",
   propsAsIs: !1
-}), Jo = /* @__PURE__ */ l("button")({
+}), Ko = /* @__PURE__ */ l("button")({
   name: "ElComboboxCardButton",
   class: "el-combobox-card-button",
   propsAsIs: !1
-}), Ko = /* @__PURE__ */ l("span")({
+}), Qo = /* @__PURE__ */ l("span")({
   name: "ElComboboxCardActionContainer",
   class: "el-combobox-card-action-container",
   propsAsIs: !1
 });
-function Qo({
+function Zo({
   action: o,
   "aria-controls": e,
   "aria-disabled": t = !0,
@@ -332,9 +333,9 @@ function Qo({
   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__ */ x(Jo, { className: r, "data-size": u, style: d, children: [
       /* @__PURE__ */ a(
-        Jo,
+        Ko,
         {
           ...m,
           "aria-autocomplete": "list",
@@ -355,90 +356,91 @@ function Qo({
           children: s
         }
       ),
-      o && /* @__PURE__ */ a(Ko, { children: o })
+      o && /* @__PURE__ */ a(Qo, { children: o })
     ] })
   );
 }
-const Zo = /* @__PURE__ */ l("span")({
+const oe = /* @__PURE__ */ l("span")({
   name: "ElComboboxCardDefaultContent",
   class: "el-combobox-card-default-content",
   propsAsIs: !1
-}), oe = /* @__PURE__ */ l("span")({
+}), ee = /* @__PURE__ */ l("span")({
   name: "ElComboboxCardDefaultContentLabel",
   class: "el-combobox-card-default-content-label",
   propsAsIs: !1
-}), ee = /* @__PURE__ */ l("span")({
+}), te = /* @__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 })
+  return /* @__PURE__ */ x(oe, { ...t, children: [
+    /* @__PURE__ */ a(ee, { children: e }),
+    /* @__PURE__ */ a(te, { children: o })
   ] });
 }
 Z.displayName = "Combobox.CardDefaultContent";
-const R = v(null);
-function L() {
+const R = B(null);
+function O() {
   const o = w(R);
   if (!o)
     throw new Error("useComboboxContext requires a Combobox ancestor");
   return o;
 }
-const oo = v([]);
+const oo = B([]);
 function k() {
   return w(oo);
 }
-const te = /* @__PURE__ */ l("div")({
+const ne = /* @__PURE__ */ l("div")({
   name: "ElComboboxListbox",
   class: "el-combobox-listbox",
   propsAsIs: !1
-}), ne = /* @__PURE__ */ l("div")({
+}), ae = /* @__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 });
+function eo({ children: o, ...e }) {
+  const { size: t } = O();
+  return ho() === "native" ? null : /* @__PURE__ */ a(ae, { ...e, "aria-live": "polite", "data-size": t, role: "status", children: o });
 }
 eo.displayName = "Combobox.ListboxPlaceholder";
-const ae = /* @__PURE__ */ l("div")({
+const se = /* @__PURE__ */ l("div")({
   name: "ElComboboxOptgroup",
   class: "el-combobox-optgroup",
   propsAsIs: !1
-}), se = /* @__PURE__ */ l("div")({
+}), ie = /* @__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();
+function le({ "aria-label": o, children: e, label: t, ...n }) {
+  const s = y();
   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 }),
+    /* @__PURE__ */ x(se, { ...n, "aria-label": o, "aria-labelledby": o ? void 0 : s, role: "group", children: [
+      t && /* @__PURE__ */ a(ie, { id: s, children: t }),
       e
     ] })
   );
 }
 function to(o) {
-  return /* @__PURE__ */ a(f.Optgroup, { as: ie, ...o });
+  return /* @__PURE__ */ a(f.Optgroup, { as: le, ...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")({
+const re = /* @__PURE__ */ l("button")({
   name: "ElComboboxOption",
   class: "el-combobox-option",
   propsAsIs: !1
-}), re = /* @__PURE__ */ l("span")({
+}), ce = /* @__PURE__ */ l("span")({
   name: "ElComboboxOptionCheckIconContainer",
   class: "el-combobox-option-check-icon-container",
   propsAsIs: !1
-}), ce = /* @__PURE__ */ l("span")({
+}), be = /* @__PURE__ */ l("span")({
   name: "ElComboboxOptionLabel",
   class: "el-combobox-option-label",
   propsAsIs: !1
@@ -450,31 +452,31 @@ const le = /* @__PURE__ */ l("button")({
   name: "ElComboboxOptionBadgeContainer",
   class: "el-combobox-option-badge-container",
   propsAsIs: !1
-}), be = /* @__PURE__ */ l("span")({
+}), pe = /* @__PURE__ */ l("span")({
   name: "ElComboboxOptionAdditionalInfoContainer",
   class: "el-combobox-option-additional-info-container",
   propsAsIs: !1
-}), pe = /* @__PURE__ */ l("span")({
+}), ue = /* @__PURE__ */ l("span")({
   name: "ElComboboxOptionAdditionalInfo",
   class: "el-combobox-option-additional-info",
   propsAsIs: !1
-}), ue = /* @__PURE__ */ l("span")({
+}), de = /* @__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 }),
+  return /* @__PURE__ */ x(ue, { ...n, children: [
+    t && /* @__PURE__ */ a(de, { 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;
+  const r = y(), c = y(), b = y(), u = [o && r, t && b].filter((d) => !!d).join(" ") || void 0;
   return /* @__PURE__ */ x(
-    le,
+    re,
     {
       ...s,
       "aria-labelledby": c,
@@ -483,32 +485,32 @@ function P({ badge: o, children: e, additionalInfo: t, size: n = "medium", ...s
       role: "option",
       type: "button",
       children: [
-        /* @__PURE__ */ a(re, { "aria-hidden": !0, children: /* @__PURE__ */ a(Bo, {}) }),
-        /* @__PURE__ */ x(ce, { children: [
+        /* @__PURE__ */ a(ce, { "aria-hidden": !0, children: /* @__PURE__ */ a(Bo, {}) }),
+        /* @__PURE__ */ x(be, { children: [
           /* @__PURE__ */ a(ao, { id: c, children: e }),
           o && /* @__PURE__ */ a(so, { id: r, children: o })
         ] }),
-        t && /* @__PURE__ */ a(be, { id: b, children: t })
+        t && /* @__PURE__ */ a(pe, { id: b, children: t })
       ]
     }
   );
 }
 P.getOptionLabel = no;
 P.AdditionalInfo = io;
-function O(o) {
-  const { size: e } = L();
+function A(o) {
+  const { size: e } = O();
   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;
+A.displayName = "Combobox.Option";
+A.getLabel = P.getOptionLabel;
+A.AdditionalInfo = P.AdditionalInfo;
 function p({ defaultValue: o, ...e }) {
-  const n = k().map((u) => u.value), { disabled: s, listboxId: r, multiple: c, required: b } = L();
+  const n = k().map((u) => u.value), { disabled: s, listboxId: r, multiple: c, required: b } = O();
   return /* @__PURE__ */ a(
     f,
     {
       ...e,
-      as: te,
+      as: ne,
       "aria-disabled": s,
       "aria-multiselectable": c,
       "aria-orientation": "vertical",
@@ -522,23 +524,23 @@ function p({ defaultValue: o, ...e }) {
 p.displayName = "Combobox.Listbox";
 p.Divider = f.Divider;
 p.Optgroup = to;
-p.Option = O;
-p.OptionAdditionalInfo = O.AdditionalInfo;
+p.Option = A;
+p.OptionAdditionalInfo = A.AdditionalInfo;
 p.Placeholder = eo;
 p.clearValue = f.clearValue;
-p.getOptionLabel = O.getLabel;
+p.getOptionLabel = A.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();
+  const { comboboxId: e, popupId: t } = O();
   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({
+function me({
   isXSBreakpoint: o,
   popupVariant: e
 }) {
@@ -552,7 +554,7 @@ function de({
   }
 }
 function lo(o) {
-  const { variant: e } = Q(), t = J(yo("SM")), n = de({ isXSBreakpoint: t, popupVariant: e });
+  const { variant: e } = Q(), t = J(vo("SM")), n = me({ isXSBreakpoint: t, popupVariant: e });
   return /* @__PURE__ */ a(Oo, { ...o, type: "text", variant: n });
 }
 lo.displayName = "Combobox.SearchInput";
@@ -568,23 +570,26 @@ function W(o, e = []) {
     });
   }), t;
 }
-function me({
+function Ce({
   children: o,
   defaultOptions: e,
   listboxId: t
 }) {
   const n = k(), s = W(t, e ?? n);
-  return o?.(s) ?? s.at(0)?.label;
+  return xe(s) ? o?.(s[0]) ?? s[0].label : null;
+}
+function xe(o) {
+  return o.length > 0;
 }
-const ro = v(null);
-function Ce() {
+const ro = B(null);
+function fe() {
   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();
+  const n = fe();
   return /* @__PURE__ */ a(
     K.Item,
     {
@@ -597,7 +602,7 @@ function co({ children: o, value: e, ...t }) {
     }
   );
 }
-const xe = "el-combobox-selection-chips";
+const he = "el-combobox-selection-chips";
 function _({
   children: o,
   className: e,
@@ -605,11 +610,16 @@ function _({
   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 }) });
+  const r = k(), c = W(n, t ?? r);
+  if (!ge(c)) return null;
+  const b = o?.(c) ?? c.map((u) => /* @__PURE__ */ a(co, { value: u.value, children: u.label }, u.value));
+  return /* @__PURE__ */ a(K, { ...s, className: X(he, e), variant: "selection", children: /* @__PURE__ */ a(ro.Provider, { value: { listboxId: n }, children: b }) });
+}
+function ge(o) {
+  return o.length > 0;
 }
 _.Item = co;
-const fe = /* @__PURE__ */ l("div")({
+const Ee = /* @__PURE__ */ l("div")({
   name: "ElCombobox",
   class: "el-combobox",
   propsAsIs: !1
@@ -620,8 +630,8 @@ function bo(o) {
 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);
+function Ie({ onClick: o } = {}) {
+  const { ariaDescribedBy: e, ariaErrorMessage: t, ariaInvalid: n, ariaLabelledBy: s, comboboxId: r, disabled: c, popupId: b, required: u } = O(), d = _o(b);
   return {
     "aria-controls": b,
     "aria-describedby": e,
@@ -640,7 +650,7 @@ function he({ onClick: o } = {}) {
     role: "combobox"
   };
 }
-function ge(o) {
+function Oe(o) {
   const [e, t] = H(!1);
   return Y(o, (n, s) => {
     t(s.length > 0);
@@ -660,9 +670,9 @@ function i({
   showValidity: m = !1,
   size: h = "medium",
   style: C,
-  ...B
+  ...v
 }) {
-  const g = S(), A = c ?? g, D = bo(A), M = po(A);
+  const g = y(), S = c ?? g, D = bo(S), M = po(S);
   return /* @__PURE__ */ a(
     R.Provider,
     {
@@ -671,7 +681,7 @@ function i({
         ariaErrorMessage: e,
         ariaInvalid: t,
         ariaLabelledBy: n,
-        comboboxId: A,
+        comboboxId: S,
         disabled: r,
         listboxId: D,
         multiple: u,
@@ -679,7 +689,7 @@ function i({
         required: d,
         size: h
       },
-      children: /* @__PURE__ */ a(fe, { ...B, "data-show-validity": m, style: { "--combobox-max-width": b, ...C }, children: s })
+      children: /* @__PURE__ */ a(Ee, { ...v, "data-show-validity": m, style: { "--combobox-max-width": b, ...C }, children: s })
     }
   );
 }
@@ -687,93 +697,92 @@ i.getOptionLabel = p.getOptionLabel;
 i.getListboxValue = f.getValue;
 i.getListboxId = bo;
 i.getPopupId = po;
-i.Button = y;
-i.Card = Qo;
+i.Button = L;
+i.Card = Zo;
 i.CardDefaultContent = Z;
-i.ClearButton = y.ClearButton;
+i.ClearButton = L.ClearButton;
 i.Divider = p.Divider;
 i.Listbox = p;
 i.ListboxPlaceholder = p.Placeholder;
-i.OpenPopupButton = y.OpenPopupButton;
+i.OpenPopupButton = L.OpenPopupButton;
 i.Optgroup = p.Optgroup;
 i.Option = p.Option;
 i.OptionAdditionalInfo = p.OptionAdditionalInfo;
 i.Popup = T;
 i.SearchInput = lo;
-i.SelectedContent = me;
+i.SelectedContent = Ce;
 i.SelectionChips = _;
 i.SelectionChipsItem = _.Item;
 i.Context = R;
 i.DefaultOptionsContext = oo;
-i.useButton = he;
-i.useContext = L;
+i.useButton = Ie;
+i.useContext = O;
 i.useDefaultOptionsContext = k;
-i.useHasSelection = ge;
+i.useHasSelection = Oe;
 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,
+  E as $,
+  le as A,
+  se as B,
+  L as C,
+  ie as D,
+  jo as E,
   no as F,
   P as G,
   io as H,
-  le as I,
-  re as J,
-  ce as K,
+  re as I,
+  ce as J,
+  be as K,
   ao as L,
   so as M,
-  be as N,
-  pe as O,
-  ue as P,
+  pe as N,
+  ue as O,
+  de 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,
+  ko as R,
+  To as S,
+  No as T,
+  V as U,
+  z as V,
+  Q as W,
+  q as X,
+  U as Y,
+  qo as Z,
+  Ro as _,
+  wo as a,
+  Ho as a0,
+  $o as a1,
+  zo as a2,
+  Wo as a3,
+  _o as a4,
+  Ee as a5,
+  Ie as a6,
+  Oe as a7,
+  W as a8,
+  Fo as b,
+  Uo as c,
+  Yo as d,
+  Go as e,
+  Xo as f,
+  Zo as g,
+  Jo as h,
+  Ko as i,
+  Qo as j,
   Z as k,
-  Zo as l,
-  oe as m,
-  ee as n,
+  oe as l,
+  ee as m,
+  te as n,
   i as o,
   T as p,
   R as q,
   bo as r,
   po as s,
   p as t,
-  L as u,
+  O as u,
   eo as v,
   to as w,
-  O as x,
-  te as y,
-  ne as z
+  A as x,
+  ne as y,
+  ae as z
 };