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

package/dist/js/checkbox-group-control-O_wPnLhn.js

@@ -0,0 +1,80 @@
+import { jsx as t, jsxs as G } from "react/jsx-runtime";
+import { C as v } from "./checkbox-CCFCh92B.js";
+import { createContext as w, useContext as y, forwardRef as E, useId as x } from "react";
+import { s as I } from "./index-YtxCR-9e.js";
+import { a as s } from "./form-control-Cv1xUB2V.js";
+const l = w(null);
+function h() {
+  const r = y(l);
+  if (!r)
+    throw new Error("useCheckboxGroupControlContext must be used within a CheckboxGroupControl");
+  return r;
+}
+const b = E(
+  ({ disabled: r, form: a, name: o, required: d, showValidity: n, ...i }, c) => {
+    const e = h();
+    return /* @__PURE__ */ t(
+      v,
+      {
+        ...i,
+        disabled: r ?? e.disabled,
+        form: a ?? e.form,
+        name: o ?? e.name,
+        ref: c,
+        required: d ?? e.required,
+        showValidity: n ?? e.showValidity
+      }
+    );
+  }
+);
+b.displayName = "CheckboxGroupControl.Option";
+const g = /* @__PURE__ */ I("div")({
+  name: "ElCheckboxGroup",
+  class: "el-checkbox-group",
+  propsAsIs: !1
+});
+function u({
+  children: r,
+  disabled: a,
+  errorText: o,
+  form: d,
+  helpText: n,
+  label: i,
+  name: c,
+  orientation: e = "vertical",
+  required: C,
+  showValidity: f,
+  ...k
+}) {
+  const p = x(), m = x();
+  return (
+    // NOTE: we do not use the fieldset's native disabled, form or name attributes, because we want
+    // individual checkboxes to be able to override them.
+    /* @__PURE__ */ G(
+      s,
+      {
+        ...k,
+        "aria-describedby": n && !o ? p : void 0,
+        "aria-errormessage": o ? m : void 0,
+        "aria-invalid": o ? !0 : void 0,
+        as: "fieldset",
+        size: "medium",
+        children: [
+          i && /* @__PURE__ */ t(s.Label, { as: "legend", isRequired: C, children: i }),
+          /* @__PURE__ */ t(g, { "data-orientation": e, children: /* @__PURE__ */ t(l.Provider, { value: { disabled: a, form: d, name: c, required: C, showValidity: f }, children: r }) }),
+          o ? /* @__PURE__ */ t(s.ErrorText, { id: m, children: o }) : n && /* @__PURE__ */ t(s.HelpText, { id: p, children: n })
+        ]
+      }
+    )
+  );
+}
+u.Option = b;
+u.Context = l;
+u.useContext = h;
+export {
+  u as C,
+  g as E,
+  b as a,
+  l as b,
+  h as u
+};

package/dist/js/checkbox-group-control-STqRmURg.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),j=require("./checkbox-BX2PWh1h.cjs"),s=require("react"),v=require("./index-Dmlb2--K.cjs"),c=require("./form-control-Be_ITYmU.cjs"),u=s.createContext(null);function a(){const t=s.useContext(u);if(!t)throw new Error("useCheckboxGroupControlContext must be used within a CheckboxGroupControl");return t}const h=s.forwardRef(({disabled:t,form:C,name:o,required:d,showValidity:n,...i},x)=>{const e=a();return r.jsx(j.Checkbox,{...i,disabled:t??e.disabled,form:C??e.form,name:o??e.name,ref:x,required:d??e.required,showValidity:n??e.showValidity})});h.displayName="CheckboxGroupControl.Option";const m=v.styled_default("div")({name:"ElCheckboxGroup",class:"el-checkbox-group",propsAsIs:!1});function l({children:t,disabled:C,errorText:o,form:d,helpText:n,label:i,name:x,orientation:e="vertical",required:b,showValidity:G,...f}){const p=s.useId(),k=s.useId();return r.jsxs(c.FormControl,{...f,"aria-describedby":n&&!o?p:void 0,"aria-errormessage":o?k:void 0,"aria-invalid":o?!0:void 0,as:"fieldset",size:"medium",children:[i&&r.jsx(c.FormControl.Label,{as:"legend",isRequired:b,children:i}),r.jsx(m,{"data-orientation":e,children:r.jsx(u.Provider,{value:{disabled:C,form:d,name:x,required:b,showValidity:G},children:t})}),o?r.jsx(c.FormControl.ErrorText,{id:k,children:o}):n&&r.jsx(c.FormControl.HelpText,{id:p,children:n})]})}l.Option=h;l.Context=u;l.useContext=a;exports.CheckboxGroupControl=l;exports.CheckboxGroupControlContext=u;exports.CheckboxGroupControlOption=h;exports.ElCheckboxGroup=m;exports.useCheckboxGroupControlContext=a;

package/dist/js/chip-group-66bqmP7S.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),a=require("./index-Dmlb2--K.cjs"),m=require("./chip-Vsb-fXDy.cjs"),u=require("react"),c=a.styled_default("ul")({name:"ElChipGroupList",class:"el-chip-group-list",propsAsIs:!1}),C=a.styled_default("li")({name:"ElChipGroupListItem",class:"el-chip-group-list-item",propsAsIs:!1}),n=u.createContext(null);function h(){const e=u.useContext(n);if(!e)throw new Error("useChipGroupContext requires a ChipGroup ancestor");return e}function d({"aria-disabled":e,disabled:o,variant:i,...p}){const t=h();return s.jsx(C,{children:s.jsx(m.Chip,{...p,"aria-disabled":e??t.ariaDisabled,disabled:o??t.disabled,variant:i??t.variant})})}d.displayName="ChipGroup.Item";function r({"aria-disabled":e,children:o,disabled:i,flow:p="wrap",overflow:t="visible",variant:l,...x}){const G=u.useMemo(()=>({ariaDisabled:e,disabled:i,variant:l}),[e,i,l]);return s.jsx(c,{...x,"data-flow":p,"data-overflow":t,children:s.jsx(n.Provider,{value:G,children:o})})}r.Context=n;r.Item=d;r.useContext=h;exports.ChipGroup=r;exports.ElChipGroupList=c;exports.ElChipGroupListItem=C;

package/dist/js/chip-group-Bbc7ODc9.js

@@ -0,0 +1,55 @@
+import { jsx as r } from "react/jsx-runtime";
+import { s as l } from "./index-YtxCR-9e.js";
+import { C as h } from "./chip-EmRR5ZvZ.js";
+import { createContext as d, useContext as f, useMemo as x } from "react";
+const G = /* @__PURE__ */ l("ul")({
+  name: "ElChipGroupList",
+  class: "el-chip-group-list",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ l("li")({
+  name: "ElChipGroupListItem",
+  class: "el-chip-group-list-item",
+  propsAsIs: !1
+}), p = d(null);
+function u() {
+  const t = f(p);
+  if (!t)
+    throw new Error("useChipGroupContext requires a ChipGroup ancestor");
+  return t;
+}
+function C({ "aria-disabled": t, disabled: i, variant: o, ...s }) {
+  const e = u();
+  return /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
+    h,
+    {
+      ...s,
+      "aria-disabled": t ?? e.ariaDisabled,
+      disabled: i ?? e.disabled,
+      variant: o ?? e.variant
+    }
+  ) });
+}
+C.displayName = "ChipGroup.Item";
+function a({
+  "aria-disabled": t,
+  children: i,
+  disabled: o,
+  flow: s = "wrap",
+  overflow: e = "visible",
+  variant: n,
+  ...c
+}) {
+  const m = x(
+    () => ({ ariaDisabled: t, disabled: o, variant: n }),
+    [t, o, n]
+  );
+  return /* @__PURE__ */ r(G, { ...c, "data-flow": s, "data-overflow": e, children: /* @__PURE__ */ r(p.Provider, { value: m, children: i }) });
+}
+a.Context = p;
+a.Item = C;
+a.useContext = u;
+export {
+  a as C,
+  G as E,
+  I as a
+};

package/dist/js/chip-select-control-DAEVXXLk.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("./chip-select-ChrOjBdP.cjs"),n=require("./form-control-Be_ITYmU.cjs"),h=require("./label-text-CtdGurHG.cjs"),C=require("react");function i({children:a,errorText:t,helpText:r,label:u,required:l,size:s="medium",...x}){const c=C.useId(),d=C.useId();return e.jsxs(n.FormControl,{"aria-describedby":r&&!t?c:void 0,"aria-errormessage":t?d:void 0,"aria-invalid":t?!0:void 0,as:"fieldset",size:s,children:[e.jsx(n.FormControl.Label,{as:"legend",children:e.jsx(h.LabelText,{isRequired:l,children:u})}),e.jsx(o.ChipSelect,{...x,required:l,size:s,children:a}),t?e.jsx(n.FormControl.ErrorText,{id:d,children:t}):r&&e.jsx(n.FormControl.HelpText,{id:c,children:r})]})}i.Option=o.ChipSelect.Option;i.determineNextControlledState=o.ChipSelect.determineNextControlledState;i.Context=o.ChipSelect.Context;i.useContext=o.ChipSelect.useContext;exports.ChipSelectControl=i;

package/dist/js/chip-select-control-DXaemJHi.js

@@ -0,0 +1,38 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { e as o } from "./chip-select-CFT-hd36.js";
+import { a as i } from "./form-control-Cv1xUB2V.js";
+import { L as f } from "./label-text-DfFJj8qi.js";
+import { useId as m } from "react";
+function r({
+  children: c,
+  errorText: e,
+  helpText: n,
+  label: C,
+  required: d,
+  size: a = "medium",
+  ...p
+}) {
+  const l = m(), s = m();
+  return /* @__PURE__ */ x(
+    i,
+    {
+      "aria-describedby": n && !e ? l : void 0,
+      "aria-errormessage": e ? s : void 0,
+      "aria-invalid": e ? !0 : void 0,
+      as: "fieldset",
+      size: a,
+      children: [
+        /* @__PURE__ */ t(i.Label, { as: "legend", children: /* @__PURE__ */ t(f, { isRequired: d, children: C }) }),
+        /* @__PURE__ */ t(o, { ...p, required: d, size: a, children: c }),
+        e ? /* @__PURE__ */ t(i.ErrorText, { id: s, children: e }) : n && /* @__PURE__ */ t(i.HelpText, { id: l, children: n })
+      ]
+    }
+  );
+}
+r.Option = o.Option;
+r.determineNextControlledState = o.determineNextControlledState;
+r.Context = o.Context;
+r.useContext = o.useContext;
+export {
+  r as C
+};

package/dist/js/combobox-DmzxFDJp.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime");require("./button-base-tw0zLUCC.cjs");const b=require("react"),N=require("./button-Ccwmxlgv.cjs"),C=require("./listbox-WqmeAQ3c.cjs"),J=require("./icons/close.cjs"),zo=require("./icons/chevron-down.cjs"),K=require("./search-input-iGgUwfw7.cjs"),Ro=require("./anchor-positioning-DGfgb1OU.cjs"),Q=require("./index-8ctufnBx.cjs"),c=require("./index-Dmlb2--K.cjs"),Z=require("./utils/breakpoints.cjs"),oo=require("./use-match-media-BfoAxEfC.cjs"),Wo=require("./icons/check.cjs"),eo=require("./chip-group-66bqmP7S.cjs");function to({"aria-label":o="Clear selection","aria-controls":e,onClick:t,...s}){const i=r=>{t?.(r),C.clearListboxValue(e)};return n.jsx(N.Button,{...s,"aria-controls":e,"aria-label":o,hasNoPadding:!0,iconLeft:n.jsx(J.CloseIcon,{}),onClick:i,size:"small",variant:"tertiary"})}function j(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 v={AUTO:"auto",ALWAYS:"always",NEVER:"never"};function no(o){if(o.defaultPrevented||!o.isTrusted)return;const e=io(o.target);if(!e)return;const{closeOnSelection:t}=o.currentTarget.dataset;if(t!==v.NEVER){if(t===v.ALWAYS){j(o.currentTarget);return}if(t===v.AUTO){const{listboxId:s}=e.dataset,i=s?document.getElementById(s):null;Fo(i)&&j(o.currentTarget)}}}function so(o){!("closedBy"in HTMLDialogElement.prototype)&&o.target===o.currentTarget&&o.currentTarget.close()}function io(o){return o instanceof HTMLElement?o.closest('[role="option"]'):null}function Fo(o){return"ariaMultiSelectable"in Element.prototype?o?.ariaMultiSelectable==="false":o?.getAttribute("aria-multiselectable")==="false"}function ao(o){const{preserveSearchOnClose:e}=o.currentTarget.dataset;if(e==="true")return;const t=o.currentTarget.querySelector("input");t instanceof HTMLInputElement&&K.clearSearchInput(t)}const D=b.createContext(null);function H(){const o=b.useContext(D);if(!o)throw new Error("useComboboxPopupDialogContext requires a ComboboxPopupDialog ancestor");return o}function w(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 Go(){return n.jsx("form",{role:"none",children:n.jsx(N.Button,{"aria-label":"Close",formMethod:"dialog",iconLeft:n.jsx(J.CloseIcon,{"aria-hidden":!0}),size:"large",type:"submit",variant:"tertiary"})})}const lo="el-combobox-popup-dialog",ro=c.styled_default("div")({name:"ElComboboxPopupDialogHeader",class:"el-combobox-popup-dialog-header",propsAsIs:!1}),bo=c.styled_default("div")({name:"ElComboboxPopupDialogListboxContainer",class:"el-combobox-popup-dialog-listbox-container",propsAsIs:!1}),q="calc(anchor-size(width) + 2 * var(--combobox-popup-padding))",co="calc(anchor(left) - var(--combobox-popup-padding))",uo="calc(anchor(top) - var(--combobox-popup-padding))";function h({"aria-labelledby":o,children:e,className:t,closeOnSelection:s="auto",id:i,maxHeight:r,maxWidth:l=q,minWidth:p=q,onClose:d,onClick:x,preserveSearchOnClose:m=!1,search:g,style:S,variant:f="auto",...P}){const B=oo.useMatchMedia(Z.isWidthAtOrAbove("SM")),M=f==="popover"||f==="auto"&&B,X=f==="drawer"||f==="auto"&&!B,Vo=O=>{d?.(O),g&&ao(O)},$o=O=>{x?.(O),no(O),so(O)};return n.jsx("dialog",{...P,"aria-labelledby":o,className:Q.cx_default(lo,t),closedby:"any","data-close-on-selection":s,"data-preserve-search-on-close":m,"data-variant":f,id:i,onClose:Vo,onClick:$o,style:{...S,maxHeight:r},children:n.jsxs(D.Provider,{value:{variant:f},children:[M&&n.jsx(Ro.AnchorPositioning,{anchorElementId:o,left:co,maxWidth:l,minWidth:p,positionedElementId:i,positionTryFallbacks:"flip-block, flip-inline",top:uo}),(g||X)&&n.jsxs(ro,{children:[g,X&&n.jsx(Go,{})]}),n.jsx(bo,{children:e})]})})}h.Context=D;h.useContext=H;h.open=w;h.close=j;function po(o,e){const t=b.useRef(e);b.useEffect(function(){t.current=e},[e]),b.useEffect(function(){const i=document.getElementById(o);if(i instanceof HTMLElement){const r=new AbortController;return i.addEventListener("toggle",l=>t.current(l),{signal:r.signal}),()=>r.abort()}},[o])}function xo(o){const[e,t]=b.useState(!1);return po(o,s=>{t(s.newState==="open")}),e}function Co({"aria-label":o="Open popup","aria-controls":e,onClick:t,...s}){const i=r=>{t?.(r),w(e)};return n.jsx(N.Button,{...s,"aria-controls":e,"aria-label":o,hasNoPadding:!0,iconLeft:n.jsx(zo.ChevronDownIcon,{}),onClick:i,size:"small",tabIndex:-1,variant:"tertiary"})}const mo=c.styled_default("div")({name:"ElComboboxButtonContainer",class:"el-combobox-button-container",propsAsIs:!1}),fo=c.styled_default("button")({name:"ElComboboxButton",class:"el-combobox-button",propsAsIs:!1}),ho=c.styled_default("span")({name:"ElComboboxButtonIconContainer",class:"el-combobox-button-icon-container",propsAsIs:!1}),go=c.styled_default("span")({name:"ElComboboxButtonLabelContainer",class:"el-combobox-button-label-container",propsAsIs:!1}),Eo=c.styled_default("span")({name:"ElComboboxButtonActionContainer",class:"el-combobox-button-action-container",propsAsIs:!1});function I({action:o,"aria-controls":e,"aria-expanded":t,children:s,className:i,id:r,leadingIcon:l,placeholder:p="Select an option",showValidity:d,size:x="medium",style:m,...g}){const S=!s||s===p;return n.jsxs(mo,{className:i,"data-size":x,style:m,children:[n.jsxs(fo,{...g,"aria-autocomplete":"list","aria-controls":e,"aria-expanded":t,"aria-haspopup":"dialog","data-placeholder-shown":S,"data-show-validity":!!d,id:r,role:"combobox",type:"button",children:[l&&n.jsx(ho,{children:l}),n.jsx(go,{children:s??p})]}),o&&n.jsx(Eo,{children:o})]})}I.ClearButton=to;I.OpenPopupButton=Co;const _=b.createContext(null);function y(){const o=b.useContext(_);if(!o)throw new Error("useComboboxContext requires a Combobox ancestor");return o}const Oo=b.createContext([]);function T(){return b.useContext(Oo)}const Io=c.styled_default("div")({name:"ElComboboxListbox",class:"el-combobox-listbox",propsAsIs:!1}),yo=c.styled_default("div")({name:"ElComboboxListboxPlaceholder",class:"el-combobox-listbox-placeholder",propsAsIs:!1});function V({children:o,size:e="medium",...t}){return C.useListboxRenderContext()==="native"?null:n.jsx(yo,{...t,"aria-live":"polite","data-size":e,role:"status",children:o})}V.displayName="Combobox.ListboxPlaceholder";const Lo=c.styled_default("div")({name:"ElComboboxOptgroup",class:"el-combobox-optgroup",propsAsIs:!1}),So=c.styled_default("div")({name:"ElComboboxOptgroupLabelContainer",class:"el-combobox-optgroup-label-container",propsAsIs:!1});function Po({"aria-label":o,children:e,label:t,...s}){const i=b.useId();return n.jsxs(Lo,{...s,"aria-label":o,"aria-labelledby":o?void 0:i,role:"group",children:[t&&n.jsx(So,{id:i,children:t}),e]})}function $(o){return n.jsx(C.Listbox.Optgroup,{as:Po,...o})}$.displayName="Combobox.Optgroup";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 Ao=c.styled_default("button")({name:"ElComboboxOption",class:"el-combobox-option",propsAsIs:!1}),Bo=c.styled_default("span")({name:"ElComboboxOptionCheckIconContainer",class:"el-combobox-option-check-icon-container",propsAsIs:!1}),vo=c.styled_default("span")({name:"ElComboboxOptionLabel",class:"el-combobox-option-label",propsAsIs:!1}),R=c.styled_default("span")({name:"ElComboboxOptionTextContainer",class:"el-combobox-option-text-container",propsAsIs:!1}),W=c.styled_default("span")({name:"ElComboboxOptionBadgeContainer",class:"el-combobox-option-badge-container",propsAsIs:!1}),jo=c.styled_default("span")({name:"ElComboboxOptionAdditionalInfoContainer",class:"el-combobox-option-additional-info-container",propsAsIs:!1}),Do=c.styled_default("span")({name:"ElComboboxOptionAdditionalInfo",class:"el-combobox-option-additional-info",propsAsIs:!1}),wo=c.styled_default("span")({name:"ElComboboxOptionAdditionalInfoIconContainer",class:"el-combobox-option-additional-info-icon-container",propsAsIs:!1});function F({badge:o,children:e,icon:t,...s}){return n.jsxs(Do,{...s,children:[t&&n.jsx(wo,{children:t}),n.jsx(R,{children:e}),o&&n.jsx(W,{children:o})]})}F.displayName="Combobox.OptionAdditionalInfo";function L({badge:o,children:e,additionalInfo:t,size:s="medium",...i}){const r=b.useId(),l=b.useId(),p=b.useId(),d=[o&&r,t&&p].filter(x=>!!x).join(" ")||void 0;return n.jsxs(Ao,{...i,"aria-labelledby":l,"aria-details":d,"data-size":s,role:"option",type:"button",children:[n.jsx(Bo,{"aria-hidden":!0,children:n.jsx(Wo.CheckIcon,{})}),n.jsxs(vo,{children:[n.jsx(R,{id:l,children:e}),o&&n.jsx(W,{id:r,children:o})]}),t&&n.jsx(jo,{id:p,children:t})]})}L.getOptionLabel=z;L.AdditionalInfo=F;function E(o){const{size:e}=y();return n.jsx(C.Listbox.Option,{as:L,...o,size:e==="small"?"medium":e})}E.displayName="Combobox.Option";E.getLabel=L.getOptionLabel;E.AdditionalInfo=L.AdditionalInfo;function u({defaultValue:o,...e}){const s=T().map(d=>d.value),{disabled:i,listboxId:r,multiple:l,required:p}=y();return n.jsx(C.Listbox,{...e,as:Io,"aria-disabled":i,"aria-multiselectable":l,"aria-orientation":"vertical","aria-required":p,defaultValue:o??s,id:r,selectionFollowsFocus:!1})}u.displayName="Combobox.Listbox";u.Divider=C.Listbox.Divider;u.Optgroup=$;u.Option=E;u.OptionAdditionalInfo=E.AdditionalInfo;u.Placeholder=V;u.clearValue=C.Listbox.clearValue;u.getOptionLabel=E.getLabel;u.getSelectedOptions=C.Listbox.getSelectedOptions;u.getValue=C.Listbox.getValue;u.setOptionSelectedState=C.Listbox.setOptionSelectedState;function A(o){const{comboboxId:e,popupId:t}=y();return n.jsx(h,{...o,"aria-labelledby":e,id:t,children:o.children})}A.displayName="Combobox.Popup";A.show=h.open;A.hide=h.close;function Uo({isXSBreakpoint:o,popupVariant:e}){switch(e){case"drawer":return"borderless";case"popover":return"default";case"auto":return o?"borderless":"default"}}function _o(o){const{variant:e}=H(),t=oo.useMatchMedia(Z.isWidthBelow("SM")),s=Uo({isXSBreakpoint:t,popupVariant:e});return n.jsx(K.SearchInput,{...o,type:"text",variant:s})}_o.displayName="Combobox.SearchInput";function k(o,e=[]){const[t,s]=b.useState(()=>e);return C.useListboxSelectionObserver(o,(i,r)=>{s(l=>{const p=l.filter(x=>r.includes(x.value)),d=i.filter(x=>!l.some(m=>m.value===x.value)).map(x=>({label:z(x),value:x.value}));return[...p,...d]})}),t}function Yo({defaultOptions:o,listboxId:e}){const t=T();return k(e,o??t).at(0)?.label}const To=b.createContext(null);function Xo(){const o=b.useContext(To);if(!o)throw new Error("useComboboxSelectionChipsContext requires a ComboboxSelectionChips ancestor");return o}function ko({children:o,value:e,...t}){const s=Xo();return n.jsx(eo.ChipGroup.Item,{...t,"aria-controls":s.listboxId,"aria-label":`Remove ${o}`,onClick:()=>C.setListboxOptionSelectedState(s.listboxId,e,()=>!1),value:e,children:o})}const Jo="el-combobox-selection-chips";function G({children:o,className:e,defaultOptions:t,listboxId:s,...i}){const r=T(),l=k(s,t??r),p=o?.(l)??l.map(d=>n.jsx(ko,{value:d.value,children:d.label},d.value));return l.length>0&&n.jsx(eo.ChipGroup,{...i,className:Q.cx_default(Jo,e),variant:"selection",children:n.jsx(To.Provider,{value:{listboxId:s},children:p})})}G.Item=ko;const Mo=c.styled_default("div")({name:"ElCombobox",class:"el-combobox",propsAsIs:!1});function U(o){return`${o}-listbox`}function Y(o){return`${o}-popup`}function qo({onClick:o}={}){const{ariaDescribedBy:e,ariaErrorMessage:t,ariaInvalid:s,comboboxId:i,disabled:r,popupId:l,required:p}=y(),d=xo(l);return{"aria-controls":l,"aria-describedby":e,"aria-errormessage":t,"aria-expanded":d,"aria-invalid":s,"aria-required":p,disabled:r,id:i,onClick:m=>{o?.(m),w(l)}}}function No(o){const[e,t]=b.useState(!1);return C.useListboxSelectionObserver(o,(s,i)=>{t(i.length>0)}),e}function Ho(o){return b.useState(o)}function a({"aria-describedby":o,"aria-errormessage":e,"aria-invalid":t,children:s,disabled:i=!1,id:r,maxWidth:l,multiple:p=!1,required:d=!1,showValidity:x=!1,size:m="medium",style:g,...S}){const f=b.useId(),P=r??f,B=U(P),M=Y(P);return n.jsx(_.Provider,{value:{ariaDescribedBy:o,ariaErrorMessage:e,ariaInvalid:t,comboboxId:P,disabled:i,listboxId:B,multiple:p,popupId:M,required:d,size:m},children:n.jsx(Mo,{...S,"data-show-validity":x,style:{"--combobox-max-width":l,...g},children:s})})}a.getOptionLabel=u.getOptionLabel;a.getListboxValue=C.Listbox.getValue;a.getListboxId=U;a.getPopupId=Y;a.Button=I;a.ClearButton=I.ClearButton;a.Divider=u.Divider;a.Listbox=u;a.ListboxPlaceholder=u.Placeholder;a.OpenPopupButton=I.OpenPopupButton;a.Optgroup=u.Optgroup;a.Option=u.Option;a.OptionAdditionalInfo=u.OptionAdditionalInfo;a.Popup=A;a.SearchInput=_o;a.SelectedContent=Yo;a.SelectionChips=G;a.SelectionChipsItem=G.Item;a.Context=_;a.DefaultOptionsContext=Oo;a.useButton=qo;a.useContext=y;a.useDefaultOptionsContext=T;a.useHasSelection=No;a.useSelectedOptions=k;a.useState=Ho;exports.CLOSE_ON_SELECTION=v;exports.Combobox=a;exports.ComboboxButton=I;exports.ComboboxButtonClearButton=to;exports.ComboboxButtonOpenPopupButton=Co;exports.ComboboxContext=_;exports.ComboboxListbox=u;exports.ComboboxListboxOptgroup=$;exports.ComboboxListboxOption=E;exports.ComboboxListboxPlaceholder=V;exports.ComboboxOptgroup=Po;exports.ComboboxOption=L;exports.ComboboxOptionAdditionalInfo=F;exports.ComboboxPopup=A;exports.ComboboxPopupDialog=h;exports.ComboboxPopupDialogContext=D;exports.ElCombobox=Mo;exports.ElComboboxButton=fo;exports.ElComboboxButtonActionContainer=Eo;exports.ElComboboxButtonContainer=mo;exports.ElComboboxButtonIconContainer=ho;exports.ElComboboxButtonLabelContainer=go;exports.ElComboboxListbox=Io;exports.ElComboboxListboxPlaceholder=yo;exports.ElComboboxOptgroup=Lo;exports.ElComboboxOptgroupLabelContainer=So;exports.ElComboboxOption=Ao;exports.ElComboboxOptionAdditionalInfo=Do;exports.ElComboboxOptionAdditionalInfoContainer=jo;exports.ElComboboxOptionAdditionalInfoIconContainer=wo;exports.ElComboboxOptionBadgeContainer=W;exports.ElComboboxOptionCheckIconContainer=Bo;exports.ElComboboxOptionLabel=vo;exports.ElComboboxOptionTextContainer=R;exports.ElComboboxPopupDialogHeader=ro;exports.ElComboboxPopupDialogListboxContainer=bo;exports.clearSearchInputOnClose=ao;exports.closeComboboxPopup=j;exports.closeOnBackdropClick=so;exports.defaultPopupInsetLeft=co;exports.defaultPopupInsetTop=uo;exports.defaultPopupWidth=q;exports.elComboboxPopupDialog=lo;exports.getComboboxListboxId=U;exports.getComboboxPopupId=Y;exports.getOptionElement=io;exports.getOptionLabel=z;exports.maybeCloseOnSelection=no;exports.openComboboxPopup=w;exports.useComboboxButton=qo;exports.useComboboxContext=y;exports.useComboboxHasSelection=No;exports.useComboboxPopupDialogContext=H;exports.useComboboxPopupObserver=po;exports.useComboboxPopupState=xo;exports.useComboboxSelectedOptions=k;exports.useComboboxState=Ho;