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

package/dist/js/combobox-03XqZXXl.js

@@ -1,584 +0,0 @@
-import { jsx as a, jsxs as C } from "react/jsx-runtime";
-import "./button-base-BcnVjgNa.js";
-import { createContext as M, useContext as N, useCallback as V, useRef as Z, useEffect as T, useState as $, useId as x, useMemo as oo } from "react";
-import { B as H } from "./button-DB4XETG9.js";
-import { c as to, j as eo, b as m, h as no } from "./listbox-CpjeARsg.js";
-import { CloseIcon as ao } from "./icons/close.js";
-import { ChevronDownIcon as io } from "./icons/chevron-down.js";
-import { A as so } from "./anchor-positioning-B1GaMHJG.js";
-import { c as lo } from "./index-BsMVp4qF.js";
-import { isWidthAtOrAbove as ro, isWidthBelow as co } from "./utils/breakpoints.js";
-import { u as R } from "./use-match-media-3UiitAUD.js";
-import { s as c } from "./index-YtxCR-9e.js";
-import { SearchIcon as bo } from "./icons/search.js";
-import { CheckIcon as po } from "./icons/check.js";
-import { S as uo } from "./search-input-1Ta8fJAP.js";
-function mo({
-  "aria-label": o = "Clear selection",
-  "aria-controls": t,
-  onClick: e,
-  ...n
-}) {
-  return /* @__PURE__ */ a(
-    H,
-    {
-      ...n,
-      "aria-controls": t,
-      "aria-label": o,
-      hasNoPadding: !0,
-      iconLeft: /* @__PURE__ */ a(ao, {}),
-      onClick: (s) => {
-        e?.(s), to(t);
-      },
-      size: "small",
-      variant: "tertiary"
-    }
-  );
-}
-function B(o) {
-  const t = typeof o == "string" ? document.getElementById(o) : o;
-  if (!t) {
-    const e = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`closeComboboxPopup: Element ${e} not found in the DOM`);
-  }
-  if (!(t instanceof HTMLDialogElement)) {
-    const e = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`closeComboboxPopup: Element ${e} is not an HTMLDialogElement`);
-  }
-  t.close();
-}
-const P = M(null);
-function W() {
-  const o = N(P);
-  if (!o)
-    throw new Error("useComboboxPopupDialogContext requires a ComboboxPopupDialog ancestor");
-  return o;
-}
-function w(o) {
-  const t = typeof o == "string" ? document.getElementById(o) : o;
-  if (!t) {
-    const e = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`openComboboxPopup: Element ${e} not found in the DOM`);
-  }
-  if (!(t instanceof HTMLDialogElement)) {
-    const e = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`openComboboxPopup: Element ${e} is not an HTMLDialogElement`);
-  }
-  t.showModal();
-}
-const xo = "el-combobox-popup-dialog", I = {
-  NEVER: "never",
-  ALWAYS: "always",
-  AUTO: "auto"
-};
-function fo(o) {
-  return V(
-    (t) => {
-      if (o?.(t), t.defaultPrevented || !t.isTrusted)
-        return;
-      const e = go(t.target);
-      if (!e)
-        return;
-      const { closeOnSelection: n } = t.currentTarget.dataset;
-      if (!Co(n) || n === I.NEVER)
-        return;
-      if (n === I.ALWAYS) {
-        B(t.currentTarget);
-        return;
-      }
-      const { listboxId: i } = e.dataset, s = i ? document.getElementById(i) : null;
-      ho(n, s) && B(t.currentTarget);
-    },
-    [o]
-  );
-}
-function Co(o) {
-  return o === I.AUTO || o === I.ALWAYS || o === I.NEVER;
-}
-function ho(o, t) {
-  return "ariaMultiSelectable" in Element.prototype ? t?.ariaMultiSelectable === "false" : t?.getAttribute("aria-multiselectable") === "false";
-}
-function go(o) {
-  return o instanceof HTMLElement ? o.closest('[role="option"]') : null;
-}
-const Eo = "closedBy" in HTMLDialogElement.prototype, k = "calc(anchor-size(width) + 2 * var(--combobox-popup-padding))", Io = "calc(anchor(left) - var(--combobox-popup-padding))", Oo = "calc(anchor(top) - var(--combobox-popup-padding))";
-function h({
-  "aria-labelledby": o,
-  children: t,
-  className: e,
-  closeOnSelection: n = "auto",
-  id: i,
-  maxHeight: s,
-  maxWidth: r,
-  onClick: b,
-  style: p,
-  variant: u = "auto",
-  ...A
-}) {
-  const E = R(ro("SM")), v = u === "popover" || u === "auto" && E, X = fo((L) => {
-    b?.(L);
-    const D = L.currentTarget;
-    !Eo && L.target === D && D.close();
-  });
-  return /* @__PURE__ */ a(
-    "dialog",
-    {
-      ...A,
-      "aria-labelledby": o,
-      className: lo(xo, e),
-      closedby: "any",
-      "data-close-on-selection": n,
-      "data-variant": u,
-      id: i,
-      onClick: X,
-      style: { ...p, maxHeight: s },
-      children: /* @__PURE__ */ C(P.Provider, { value: { variant: u }, children: [
-        v && /* @__PURE__ */ a(
-          so,
-          {
-            anchorElementId: o,
-            left: Io,
-            maxWidth: r ?? k,
-            minWidth: k,
-            positionedElementId: i,
-            positionTryFallbacks: "flip-block, flip-inline",
-            top: Oo
-          }
-        ),
-        t
-      ] })
-    }
-  );
-}
-h.Context = P;
-h.useContext = W;
-h.open = w;
-h.close = B;
-function yo(o, t) {
-  const e = Z(t);
-  T(
-    function() {
-      e.current = t;
-    },
-    [t]
-  ), T(
-    function() {
-      const i = document.getElementById(o);
-      if (i instanceof HTMLElement) {
-        const s = new AbortController();
-        return i.addEventListener("toggle", (r) => e.current(r), {
-          signal: s.signal
-        }), () => s.abort();
-      }
-    },
-    [o]
-  );
-}
-function Ao(o) {
-  const [t, e] = $(!1);
-  return yo(o, (n) => {
-    e(n.newState === "open");
-  }), t;
-}
-function So({
-  "aria-label": o = "Open popup",
-  "aria-controls": t,
-  onClick: e,
-  ...n
-}) {
-  return /* @__PURE__ */ a(
-    H,
-    {
-      ...n,
-      "aria-controls": t,
-      "aria-label": o,
-      hasNoPadding: !0,
-      iconLeft: /* @__PURE__ */ a(io, {}),
-      onClick: (s) => {
-        e?.(s), w(t);
-      },
-      size: "small",
-      tabIndex: -1,
-      variant: "tertiary"
-    }
-  );
-}
-const Lo = /* @__PURE__ */ c("div")({
-  name: "ElComboboxButtonContainer",
-  class: "el-combobox-button-container",
-  propsAsIs: !1
-}), Bo = /* @__PURE__ */ c("button")({
-  name: "ElComboboxButton",
-  class: "el-combobox-button",
-  propsAsIs: !1
-}), Po = /* @__PURE__ */ c("span")({
-  name: "ElComboboxButtonIconContainer",
-  class: "el-combobox-button-icon-container",
-  propsAsIs: !1
-}), wo = /* @__PURE__ */ c("span")({
-  name: "ElComboboxButtonActionContainer",
-  class: "el-combobox-button-action-container",
-  propsAsIs: !1
-});
-function f({
-  action: o,
-  "aria-controls": t,
-  "aria-expanded": e,
-  children: n,
-  className: i,
-  id: s,
-  leadingIcon: r,
-  placeholder: b = "Select an option",
-  showValidity: p,
-  size: u = "medium",
-  style: A,
-  ...E
-}) {
-  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__ */ C(Lo, { className: i, "data-size": u, style: A, children: [
-      /* @__PURE__ */ C(
-        Bo,
-        {
-          ...E,
-          "aria-autocomplete": "list",
-          "aria-controls": t,
-          "aria-expanded": e,
-          "aria-haspopup": "dialog",
-          "data-placeholder-shown": !n || n === b,
-          "data-show-validity": !!p,
-          id: s,
-          role: "combobox",
-          type: "button",
-          children: [
-            r && /* @__PURE__ */ a(Po, { children: r }),
-            n ?? b
-          ]
-        }
-      ),
-      o && /* @__PURE__ */ a(wo, { children: o })
-    ] })
-  );
-}
-f.ClearButton = mo;
-f.OpenPopupButton = So;
-const q = M(null);
-function O() {
-  const o = N(q);
-  if (!o)
-    throw new Error("useComboboxContext requires a Combobox ancestor");
-  return o;
-}
-function z(o) {
-  return "ariaLabelledByElements" in Element.prototype ? o.ariaLabelledByElements?.at(0)?.textContent ?? o.textContent : document.getElementById(o.getAttribute("aria-labelledby"))?.textContent ?? o.textContent;
-}
-const vo = /* @__PURE__ */ c("button")({
-  name: "ElComboboxOption",
-  class: "el-combobox-option",
-  propsAsIs: !1
-}), Do = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionCheckIconContainer",
-  class: "el-combobox-option-check-icon-container",
-  propsAsIs: !1
-}), To = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionLabel",
-  class: "el-combobox-option-label",
-  propsAsIs: !1
-}), j = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionTextContainer",
-  class: "el-combobox-option-text-container",
-  propsAsIs: !1
-}), F = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionBadgeContainer",
-  class: "el-combobox-option-badge-container",
-  propsAsIs: !1
-}), ko = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionAdditionalInfoContainer",
-  class: "el-combobox-option-additional-info-container",
-  propsAsIs: !1
-}), Mo = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionAdditionalInfo",
-  class: "el-combobox-option-additional-info",
-  propsAsIs: !1
-}), No = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionAdditionalInfoIconContainer",
-  class: "el-combobox-option-additional-info-icon-container",
-  propsAsIs: !1
-});
-function _({ badge: o, children: t, icon: e, ...n }) {
-  return /* @__PURE__ */ C(Mo, { ...n, children: [
-    e && /* @__PURE__ */ a(No, { children: e }),
-    /* @__PURE__ */ a(j, { children: t }),
-    o && /* @__PURE__ */ a(F, { children: o })
-  ] });
-}
-_.displayName = "Combobox.OptionAdditionalInfo";
-function y({ badge: o, children: t, additionalInfo: e, ...n }) {
-  const i = x(), s = x(), r = x(), b = [o && i, e && r].filter((p) => !!p).join(" ") || void 0;
-  return /* @__PURE__ */ C(vo, { ...n, "aria-labelledby": s, "aria-details": b, role: "option", type: "button", children: [
-    /* @__PURE__ */ a(Do, { "aria-hidden": !0, children: /* @__PURE__ */ a(po, {}) }),
-    /* @__PURE__ */ C(To, { children: [
-      /* @__PURE__ */ a(j, { id: s, children: t }),
-      o && /* @__PURE__ */ a(F, { id: i, children: o })
-    ] }),
-    e && /* @__PURE__ */ a(ko, { id: r, children: e })
-  ] });
-}
-y.getOptionLabel = z;
-y.AdditionalInfo = _;
-function Vo(o) {
-  const [t, e] = $([]);
-  return eo(
-    o,
-    V((n) => {
-      e(
-        n.map((i) => ({
-          label: z(i),
-          value: i.value
-        }))
-      );
-    }, [])
-  ), t;
-}
-function $o(o, t) {
-  return oo(() => o.length > 1 ? `${o.length} selected` : o[0] && o[0].label || t, [o, t]);
-}
-function Y({ onClick: o, placeholder: t }) {
-  const { buttonId: e, disabled: n, listboxId: i, popupId: s, required: r } = O(), b = Vo(i), p = $o(b, t), u = Ao(s);
-  return {
-    props: {
-      "aria-controls": s,
-      "aria-expanded": u,
-      // 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": r,
-      disabled: n,
-      id: e,
-      onClick: (E) => {
-        o?.(E), w(s);
-      }
-    },
-    selections: b,
-    selectionSummary: p
-  };
-}
-function U({
-  onClick: o,
-  placeholder: t = "Search...",
-  size: e = "medium",
-  ...n
-}) {
-  const { disabled: i, listboxId: s } = O(), { props: r, selections: b, selectionSummary: p } = Y({ onClick: o, placeholder: t });
-  return /* @__PURE__ */ a(
-    f,
-    {
-      ...n,
-      ...r,
-      action: b.length > 0 && /* @__PURE__ */ a(
-        f.ClearButton,
-        {
-          "aria-controls": s,
-          disabled: i,
-          onClick: () => m.clearValue(s)
-        }
-      ),
-      leadingIcon: b.length === 0 && /* @__PURE__ */ a(bo, { "aria-hidden": !0 }),
-      placeholder: t,
-      size: e,
-      children: p
-    }
-  );
-}
-U.displayName = "Combobox.AutocompleteButton";
-function G({
-  onClick: o,
-  placeholder: t = "Select an option",
-  size: e = "medium",
-  ...n
-}) {
-  const { disabled: i, listboxId: s, popupId: r } = O(), { props: b, selections: p, selectionSummary: u } = Y({ onClick: o, placeholder: t });
-  return /* @__PURE__ */ a(
-    f,
-    {
-      ...n,
-      ...b,
-      action: p.length > 0 ? /* @__PURE__ */ a(f.ClearButton, { "aria-controls": s, disabled: i }) : /* @__PURE__ */ a(f.OpenPopupButton, { "aria-controls": r, disabled: i }),
-      placeholder: t,
-      size: e,
-      children: u
-    }
-  );
-}
-G.displayName = "Combobox.SelectButton";
-const Ho = /* @__PURE__ */ c("div")({
-  name: "ElComboboxListbox",
-  class: "el-combobox-listbox",
-  propsAsIs: !1
-}), Ro = /* @__PURE__ */ c("div")({
-  name: "ElComboboxListboxPlaceholder",
-  class: "el-combobox-listbox-placeholder",
-  propsAsIs: !1
-});
-function J({ children: o, size: t = "medium", ...e }) {
-  return no() === "native" ? null : /* @__PURE__ */ a(Ro, { ...e, "aria-live": "polite", "data-size": t, role: "status", children: o });
-}
-J.displayName = "Combobox.ListboxPlaceholder";
-const Wo = /* @__PURE__ */ c("div")({
-  name: "ElComboboxOptgroup",
-  class: "el-combobox-optgroup",
-  propsAsIs: !1
-}), qo = /* @__PURE__ */ c("div")({
-  name: "ElComboboxOptgroupLabelContainer",
-  class: "el-combobox-optgroup-label-container",
-  propsAsIs: !1
-});
-function zo({ "aria-label": o, children: t, label: e, ...n }) {
-  const i = x();
-  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__ */ C(Wo, { ...n, "aria-label": o, "aria-labelledby": o ? void 0 : i, role: "group", children: [
-      e && /* @__PURE__ */ a(qo, { id: i, children: e }),
-      t
-    ] })
-  );
-}
-function K(o) {
-  return /* @__PURE__ */ a(m.Optgroup, { as: zo, ...o });
-}
-K.displayName = "Combobox.Optgroup";
-function g(o) {
-  return /* @__PURE__ */ a(m.Option, { as: y, ...o });
-}
-g.displayName = "Combobox.Option";
-g.getLabel = y.getOptionLabel;
-g.AdditionalInfo = y.AdditionalInfo;
-function l(o) {
-  const { disabled: t, listboxId: e, required: n } = O();
-  return /* @__PURE__ */ a(
-    m,
-    {
-      as: Ho,
-      ...o,
-      "aria-disabled": t,
-      "aria-orientation": "vertical",
-      "aria-required": n,
-      id: e,
-      selectionFollowsFocus: !1
-    }
-  );
-}
-l.displayName = "Combobox.Listbox";
-l.Divider = m.Divider;
-l.Optgroup = K;
-l.Option = g;
-l.OptionAdditionalInfo = g.AdditionalInfo;
-l.Placeholder = J;
-l.clearValue = m.clearValue;
-l.getOptionLabel = g.getLabel;
-l.getSelectedOptions = m.getSelectedOptions;
-l.getValue = m.getValue;
-l.setOptionSelectedState = m.setOptionSelectedState;
-function S(o) {
-  const { buttonId: t, popupId: e } = O();
-  return /* @__PURE__ */ a(h, { ...o, "aria-labelledby": t, id: e, children: o.children });
-}
-S.displayName = "Combobox.Popup";
-S.show = h.open;
-S.hide = h.close;
-function jo({
-  isXSBreakpoint: o,
-  popupVariant: t
-}) {
-  switch (t) {
-    case "drawer":
-      return "borderless";
-    case "popover":
-      return "default";
-    case "auto":
-      return o ? "borderless" : "default";
-  }
-}
-function Q(o) {
-  const { variant: t } = W(), e = R(co("SM")), n = jo({ isXSBreakpoint: e, popupVariant: t });
-  return /* @__PURE__ */ a(uo, { ...o, type: "text", variant: n });
-}
-Q.displayName = "Combobox.SearchInput";
-const Fo = /* @__PURE__ */ c("div")({
-  name: "ElCombobox",
-  class: "el-combobox",
-  propsAsIs: !1
-});
-function d({
-  children: o,
-  disabled: t = !1,
-  maxWidth: e,
-  required: n = !1,
-  showValidity: i = !1,
-  style: s,
-  ...r
-}) {
-  const b = x(), p = x(), u = x();
-  return /* @__PURE__ */ a(q.Provider, { value: { buttonId: b, disabled: t, listboxId: p, popupId: u, required: n }, children: /* @__PURE__ */ a(Fo, { ...r, "data-show-validity": i, style: { "--combobox-max-width": e, ...s }, children: o }) });
-}
-d.getOptionLabel = l.getOptionLabel;
-d.getListboxValue = m.getValue;
-d.AutocompleteButton = U;
-d.SelectButton = G;
-d.Popup = S;
-d.SearchInput = Q;
-d.Listbox = l;
-d.Option = l.Option;
-d.Optgroup = l.Optgroup;
-d.OptionSupplementaryInfo = l.OptionAdditionalInfo;
-d.Divider = l.Divider;
-d.ListboxPlaceholder = l.Placeholder;
-export {
-  j as A,
-  F as B,
-  f as C,
-  ko as D,
-  Lo as E,
-  Mo as F,
-  No as G,
-  B as H,
-  P as I,
-  W as J,
-  w as K,
-  h as L,
-  xo as M,
-  fo as N,
-  yo as O,
-  Ao as P,
-  Fo as Q,
-  Y as R,
-  Vo as S,
-  $o as T,
-  mo as a,
-  So as b,
-  Bo as c,
-  Po as d,
-  wo as e,
-  d as f,
-  U as g,
-  S as h,
-  G as i,
-  q as j,
-  l as k,
-  J as l,
-  K as m,
-  g as n,
-  Ho as o,
-  Ro as p,
-  zo as q,
-  Wo as r,
-  qo as s,
-  z as t,
-  O as u,
-  y as v,
-  _ as w,
-  vo as x,
-  Do as y,
-  To as z
-};

package/dist/js/combobox-2N9VzJOL.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime");require("./button-base-tw0zLUCC.cjs");const a=require("react"),H=require("./button-Ccwmxlgv.cjs"),d=require("./listbox-KFMBDR-S.cjs"),Eo=require("./icons/close.cjs"),go=require("./icons/chevron-down.cjs"),Oo=require("./anchor-positioning-CLE_h1Lf.cjs"),Io=require("./index-8ctufnBx.cjs"),z=require("./utils/breakpoints.cjs"),F=require("./use-match-media-BfoAxEfC.cjs"),c=require("./index-Dmlb2--K.cjs"),yo=require("./icons/search.cjs"),Lo=require("./icons/check.cjs"),Ao=require("./search-input-BG7g9Hnr.cjs");function Y({"aria-label":o="Clear selection","aria-controls":t,onClick:e,...n}){const s=l=>{e?.(l),d.clearListboxValue(t)};return i.jsx(H.Button,{...n,"aria-controls":t,"aria-label":o,hasNoPadding:!0,iconLeft:i.jsx(Eo.CloseIcon,{}),onClick:s,size:"small",variant:"tertiary"})}function A(o){const t=typeof o=="string"?document.getElementById(o):o;if(!t){const e=typeof o=="string"?`with ID "${o}"`:"(passed by reference)";throw new Error(`closeComboboxPopup: Element ${e} not found in the DOM`)}if(!(t instanceof HTMLDialogElement)){const e=typeof o=="string"?`with ID "${o}"`:"(passed by reference)";throw new Error(`closeComboboxPopup: Element ${e} is not an HTMLDialogElement`)}t.close()}const B=a.createContext(null);function w(){const o=a.useContext(B);if(!o)throw new Error("useComboboxPopupDialogContext requires a ComboboxPopupDialog ancestor");return o}function S(o){const t=typeof o=="string"?document.getElementById(o):o;if(!t){const e=typeof o=="string"?`with ID "${o}"`:"(passed by reference)";throw new Error(`openComboboxPopup: Element ${e} not found in the DOM`)}if(!(t instanceof HTMLDialogElement)){const e=typeof o=="string"?`with ID "${o}"`:"(passed by reference)";throw new Error(`openComboboxPopup: Element ${e} is not an HTMLDialogElement`)}t.showModal()}const U="el-combobox-popup-dialog",I={NEVER:"never",ALWAYS:"always",AUTO:"auto"};function X(o){return a.useCallback(t=>{if(o?.(t),t.defaultPrevented||!t.isTrusted)return;const e=Po(t.target);if(!e)return;const{closeOnSelection:n}=t.currentTarget.dataset;if(!Bo(n)||n===I.NEVER)return;if(n===I.ALWAYS){A(t.currentTarget);return}const{listboxId:s}=e.dataset,l=s?document.getElementById(s):null;So(n,l)&&A(t.currentTarget)},[o])}function Bo(o){return o===I.AUTO||o===I.ALWAYS||o===I.NEVER}function So(o,t){return"ariaMultiSelectable"in Element.prototype?t?.ariaMultiSelectable==="false":t?.getAttribute("aria-multiselectable")==="false"}function Po(o){return o instanceof HTMLElement?o.closest('[role="option"]'):null}const jo="closedBy"in HTMLDialogElement.prototype,W="calc(anchor-size(width) + 2 * var(--combobox-popup-padding))",wo="calc(anchor(left) - var(--combobox-popup-padding))",vo="calc(anchor(top) - var(--combobox-popup-padding))";function f({"aria-labelledby":o,children:t,className:e,closeOnSelection:n="auto",id:s,maxHeight:l,maxWidth:b,onClick:u,style:p,variant:m="auto",...L}){const O=F.useMatchMedia(z.isWidthAtOrAbove("SM")),P=m==="popover"||m==="auto"&&O,ho=X(j=>{u?.(j);const R=j.currentTarget;!jo&&j.target===R&&R.close()});return i.jsx("dialog",{...L,"aria-labelledby":o,className:Io.cx_default(U,e),closedby:"any","data-close-on-selection":n,"data-variant":m,id:s,onClick:ho,style:{...p,maxHeight:l},children:i.jsxs(B.Provider,{value:{variant:m},children:[P&&i.jsx(Oo.AnchorPositioning,{anchorElementId:o,left:wo,maxWidth:b??W,minWidth:W,positionedElementId:s,positionTryFallbacks:"flip-block, flip-inline",top:vo}),t]})})}f.Context=B;f.useContext=w;f.open=S;f.close=A;function G(o,t){const e=a.useRef(t);a.useEffect(function(){e.current=t},[t]),a.useEffect(function(){const s=document.getElementById(o);if(s instanceof HTMLElement){const l=new AbortController;return s.addEventListener("toggle",b=>e.current(b),{signal:l.signal}),()=>l.abort()}},[o])}function J(o){const[t,e]=a.useState(!1);return G(o,n=>{e(n.newState==="open")}),t}function K({"aria-label":o="Open popup","aria-controls":t,onClick:e,...n}){const s=l=>{e?.(l),S(t)};return i.jsx(H.Button,{...n,"aria-controls":t,"aria-label":o,hasNoPadding:!0,iconLeft:i.jsx(go.ChevronDownIcon,{}),onClick:s,size:"small",tabIndex:-1,variant:"tertiary"})}const Q=c.styled_default("div")({name:"ElComboboxButtonContainer",class:"el-combobox-button-container",propsAsIs:!1}),Z=c.styled_default("button")({name:"ElComboboxButton",class:"el-combobox-button",propsAsIs:!1}),oo=c.styled_default("span")({name:"ElComboboxButtonIconContainer",class:"el-combobox-button-icon-container",propsAsIs:!1}),to=c.styled_default("span")({name:"ElComboboxButtonActionContainer",class:"el-combobox-button-action-container",propsAsIs:!1});function C({action:o,"aria-controls":t,"aria-expanded":e,children:n,className:s,id:l,leadingIcon:b,placeholder:u="Select an option",showValidity:p,size:m="medium",style:L,...O}){const P=!n||n===u;return i.jsxs(Q,{className:s,"data-size":m,style:L,children:[i.jsxs(Z,{...O,"aria-autocomplete":"list","aria-controls":t,"aria-expanded":e,"aria-haspopup":"dialog","data-placeholder-shown":P,"data-show-validity":!!p,id:l,role:"combobox",type:"button",children:[b&&i.jsx(oo,{children:b}),n??u]}),o&&i.jsx(to,{children:o})]})}C.ClearButton=Y;C.OpenPopupButton=K;const v=a.createContext(null);function E(){const o=a.useContext(v);if(!o)throw new Error("useComboboxContext requires a Combobox ancestor");return o}function D(o){return"ariaLabelledByElements"in Element.prototype?o.ariaLabelledByElements?.at(0)?.textContent??o.textContent:document.getElementById(o.getAttribute("aria-labelledby"))?.textContent??o.textContent}const eo=c.styled_default("button")({name:"ElComboboxOption",class:"el-combobox-option",propsAsIs:!1}),no=c.styled_default("span")({name:"ElComboboxOptionCheckIconContainer",class:"el-combobox-option-check-icon-container",propsAsIs:!1}),io=c.styled_default("span")({name:"ElComboboxOptionLabel",class:"el-combobox-option-label",propsAsIs:!1}),_=c.styled_default("span")({name:"ElComboboxOptionTextContainer",class:"el-combobox-option-text-container",propsAsIs:!1}),T=c.styled_default("span")({name:"ElComboboxOptionBadgeContainer",class:"el-combobox-option-badge-container",propsAsIs:!1}),so=c.styled_default("span")({name:"ElComboboxOptionAdditionalInfoContainer",class:"el-combobox-option-additional-info-container",propsAsIs:!1}),lo=c.styled_default("span")({name:"ElComboboxOptionAdditionalInfo",class:"el-combobox-option-additional-info",propsAsIs:!1}),ao=c.styled_default("span")({name:"ElComboboxOptionAdditionalInfoIconContainer",class:"el-combobox-option-additional-info-icon-container",propsAsIs:!1});function k({badge:o,children:t,icon:e,...n}){return i.jsxs(lo,{...n,children:[e&&i.jsx(ao,{children:e}),i.jsx(_,{children:t}),o&&i.jsx(T,{children:o})]})}k.displayName="Combobox.OptionAdditionalInfo";function g({badge:o,children:t,additionalInfo:e,...n}){const s=a.useId(),l=a.useId(),b=a.useId(),u=[o&&s,e&&b].filter(p=>!!p).join(" ")||void 0;return i.jsxs(eo,{...n,"aria-labelledby":l,"aria-details":u,role:"option",type:"button",children:[i.jsx(no,{"aria-hidden":!0,children:i.jsx(Lo.CheckIcon,{})}),i.jsxs(io,{children:[i.jsx(_,{id:l,children:t}),o&&i.jsx(T,{id:s,children:o})]}),e&&i.jsx(so,{id:b,children:e})]})}g.getOptionLabel=D;g.AdditionalInfo=k;function ro(o){const[t,e]=a.useState([]);return d.useListboxSelectionObserver(o,a.useCallback(n=>{e(n.map(s=>({label:D(s),value:s.value})))},[])),t}function bo(o,t){return a.useMemo(()=>o.length>1?`${o.length} selected`:o[0]&&o[0].label||t,[o,t])}function M({onClick:o,placeholder:t}){const{buttonId:e,disabled:n,listboxId:s,popupId:l,required:b}=E(),u=ro(s),p=bo(u,t),m=J(l);return{props:{"aria-controls":l,"aria-expanded":m,"aria-required":b,disabled:n,id:e,onClick:O=>{o?.(O),S(l)}},selections:u,selectionSummary:p}}function q({onClick:o,placeholder:t="Search...",size:e="medium",...n}){const{disabled:s,listboxId:l}=E(),{props:b,selections:u,selectionSummary:p}=M({onClick:o,placeholder:t});return i.jsx(C,{...n,...b,action:u.length>0&&i.jsx(C.ClearButton,{"aria-controls":l,disabled:s,onClick:()=>d.Listbox.clearValue(l)}),leadingIcon:u.length===0&&i.jsx(yo.SearchIcon,{"aria-hidden":!0}),placeholder:t,size:e,children:p})}q.displayName="Combobox.AutocompleteButton";function N({onClick:o,placeholder:t="Select an option",size:e="medium",...n}){const{disabled:s,listboxId:l,popupId:b}=E(),{props:u,selections:p,selectionSummary:m}=M({onClick:o,placeholder:t});return i.jsx(C,{...n,...u,action:p.length>0?i.jsx(C.ClearButton,{"aria-controls":l,disabled:s}):i.jsx(C.OpenPopupButton,{"aria-controls":b,disabled:s}),placeholder:t,size:e,children:m})}N.displayName="Combobox.SelectButton";const co=c.styled_default("div")({name:"ElComboboxListbox",class:"el-combobox-listbox",propsAsIs:!1}),uo=c.styled_default("div")({name:"ElComboboxListboxPlaceholder",class:"el-combobox-listbox-placeholder",propsAsIs:!1});function V({children:o,size:t="medium",...e}){return d.useListboxRenderContext()==="native"?null:i.jsx(uo,{...e,"aria-live":"polite","data-size":t,role:"status",children:o})}V.displayName="Combobox.ListboxPlaceholder";const po=c.styled_default("div")({name:"ElComboboxOptgroup",class:"el-combobox-optgroup",propsAsIs:!1}),xo=c.styled_default("div")({name:"ElComboboxOptgroupLabelContainer",class:"el-combobox-optgroup-label-container",propsAsIs:!1});function mo({"aria-label":o,children:t,label:e,...n}){const s=a.useId();return i.jsxs(po,{...n,"aria-label":o,"aria-labelledby":o?void 0:s,role:"group",children:[e&&i.jsx(xo,{id:s,children:e}),t]})}function $(o){return i.jsx(d.Listbox.Optgroup,{as:mo,...o})}$.displayName="Combobox.Optgroup";function h(o){return i.jsx(d.Listbox.Option,{as:g,...o})}h.displayName="Combobox.Option";h.getLabel=g.getOptionLabel;h.AdditionalInfo=g.AdditionalInfo;function r(o){const{disabled:t,listboxId:e,required:n}=E();return i.jsx(d.Listbox,{as:co,...o,"aria-disabled":t,"aria-orientation":"vertical","aria-required":n,id:e,selectionFollowsFocus:!1})}r.displayName="Combobox.Listbox";r.Divider=d.Listbox.Divider;r.Optgroup=$;r.Option=h;r.OptionAdditionalInfo=h.AdditionalInfo;r.Placeholder=V;r.clearValue=d.Listbox.clearValue;r.getOptionLabel=h.getLabel;r.getSelectedOptions=d.Listbox.getSelectedOptions;r.getValue=d.Listbox.getValue;r.setOptionSelectedState=d.Listbox.setOptionSelectedState;function y(o){const{buttonId:t,popupId:e}=E();return i.jsx(f,{...o,"aria-labelledby":t,id:e,children:o.children})}y.displayName="Combobox.Popup";y.show=f.open;y.hide=f.close;function Do({isXSBreakpoint:o,popupVariant:t}){switch(t){case"drawer":return"borderless";case"popover":return"default";case"auto":return o?"borderless":"default"}}function Co(o){const{variant:t}=w(),e=F.useMatchMedia(z.isWidthBelow("SM")),n=Do({isXSBreakpoint:e,popupVariant:t});return i.jsx(Ao.SearchInput,{...o,type:"text",variant:n})}Co.displayName="Combobox.SearchInput";const fo=c.styled_default("div")({name:"ElCombobox",class:"el-combobox",propsAsIs:!1});function x({children:o,disabled:t=!1,maxWidth:e,required:n=!1,showValidity:s=!1,style:l,...b}){const u=a.useId(),p=a.useId(),m=a.useId();return i.jsx(v.Provider,{value:{buttonId:u,disabled:t,listboxId:p,popupId:m,required:n},children:i.jsx(fo,{...b,"data-show-validity":s,style:{"--combobox-max-width":e,...l},children:o})})}x.getOptionLabel=r.getOptionLabel;x.getListboxValue=d.Listbox.getValue;x.AutocompleteButton=q;x.SelectButton=N;x.Popup=y;x.SearchInput=Co;x.Listbox=r;x.Option=r.Option;x.Optgroup=r.Optgroup;x.OptionSupplementaryInfo=r.OptionAdditionalInfo;x.Divider=r.Divider;x.ListboxPlaceholder=r.Placeholder;exports.Combobox=x;exports.ComboboxAutocompleteButton=q;exports.ComboboxButton=C;exports.ComboboxButtonClearButton=Y;exports.ComboboxButtonOpenPopupButton=K;exports.ComboboxContext=v;exports.ComboboxListbox=r;exports.ComboboxListboxOptgroup=$;exports.ComboboxListboxOption=h;exports.ComboboxListboxPlaceholder=V;exports.ComboboxOptgroup=mo;exports.ComboboxOption=g;exports.ComboboxOptionAdditionalInfo=k;exports.ComboboxPopup=y;exports.ComboboxPopupDialog=f;exports.ComboboxPopupDialogContext=B;exports.ComboboxSelectButton=N;exports.ElCombobox=fo;exports.ElComboboxButton=Z;exports.ElComboboxButtonActionContainer=to;exports.ElComboboxButtonContainer=Q;exports.ElComboboxButtonIconContainer=oo;exports.ElComboboxListbox=co;exports.ElComboboxListboxPlaceholder=uo;exports.ElComboboxOptgroup=po;exports.ElComboboxOptgroupLabelContainer=xo;exports.ElComboboxOption=eo;exports.ElComboboxOptionAdditionalInfo=lo;exports.ElComboboxOptionAdditionalInfoContainer=so;exports.ElComboboxOptionAdditionalInfoIconContainer=ao;exports.ElComboboxOptionBadgeContainer=T;exports.ElComboboxOptionCheckIconContainer=no;exports.ElComboboxOptionLabel=io;exports.ElComboboxOptionTextContainer=_;exports.closeComboboxPopup=A;exports.elComboboxPopupDialog=U;exports.getOptionLabel=D;exports.openComboboxPopup=S;exports.useCloseComboboxPopupOnClick=X;exports.useComboboxButton=M;exports.useComboboxContext=E;exports.useComboboxPopupDialogContext=w;exports.useComboboxPopupObserver=G;exports.useComboboxPopupState=J;exports.useComboboxSelectedOptions=ro;exports.useComboboxSelectionSummary=bo;