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

package/dist/js/{listbox-BBRIGXRu.js → listbox-LxpZYH0B.js}

@@ -1,73 +1,80 @@
 import { jsx as d, jsxs as F } from "react/jsx-runtime";
-import { D as ee } from "./divider-BoruTiNP.js";
-import { createContext as k, useContext as A, forwardRef as te, useRef as ne, useEffect as y, useCallback as oe, useState as B, useId as se, useMemo as re } from "react";
-import { s as ie } from "./index-YtxCR-9e.js";
+import { D as ee } from "./divider-BJNv9iOS.js";
+import { createContext as k, useContext as A, forwardRef as te, useRef as ne, useEffect as T, useCallback as oe, useState as R, useId as se, useMemo as re } from "react";
+import { s as ie } from "./index-AHmiDD3r.js";
 import { h as ce } from "./handle-arrow-navigation-r7GKm-no.js";
-import { u as T } from "./use-mutation-observer-hOVGFYZQ.js";
+import { u as C } from "./use-mutation-observer-hOVGFYZQ.js";
 const L = k(null);
-function I() {
+function B() {
   const e = A(L);
   if (!e)
     throw new Error("useListboxContext must be used within a Listbox");
   return e;
 }
-class f extends Error {
+class b extends Error {
   constructor(t) {
-    super(t), this.name = "ListboxError", Error.captureStackTrace && Error.captureStackTrace(this, f);
+    super(t), this.name = "ListboxError", Error.captureStackTrace && Error.captureStackTrace(this, b);
   }
 }
-function v(e) {
-  const t = document.getElementById(e);
-  if (!t)
-    throw new f(`Listbox with id "${e}" does not exist in the document`);
+function p(e) {
+  let t;
+  if (typeof e == "string") {
+    const n = document.getElementById(e);
+    if (!n)
+      throw new b(`Listbox with id "${e}" does not exist in the document`);
+    t = n;
+  } else
+    t = e;
   const o = t.firstElementChild;
-  if (!(o instanceof HTMLSelectElement))
-    throw new f(
-      `Listbox "${e}" does not contain a select element as its first child. Found: ${o?.constructor.name ?? "null"}`
+  if (!(o instanceof HTMLSelectElement)) {
+    const n = typeof e == "string" ? `Listbox with id "${e}"` : "Listbox element";
+    throw new b(
+      `${n} does not contain a select element as its first child. Found: ${o?.constructor.name ?? "null"}`
     );
+  }
   return o;
 }
 function ae(e, t) {
   const o = Array.from(e.options).find((n) => n.value === t);
   if (!(o instanceof HTMLOptionElement)) {
     const n = Array.from(e.options).map((s) => s.value).join(", ");
-    throw new f(
+    throw new b(
       `Option with value "${t}" does not exist in select element. Available values: [${n}]`
     );
   }
   return o;
 }
-function R(e) {
+function M(e) {
   const t = new Event("input", { bubbles: !0, cancelable: !0 });
   e.dispatchEvent(t);
 }
 function le(e) {
-  const t = v(e), o = t.selectedOptions.length > 0;
+  const t = p(e), o = t.selectedOptions.length > 0;
   for (const n of Array.from(t.selectedOptions))
     n.selected = !1;
-  o && R(t);
+  o && M(t);
 }
-function O(e) {
-  const t = e instanceof HTMLSelectElement ? e : v(e), o = Array.from(t.selectedOptions).map((n) => n.value).filter((n) => n !== "");
+function v(e) {
+  const t = e instanceof HTMLSelectElement ? e : p(e), o = Array.from(t.selectedOptions).map((n) => n.value).filter((n) => n !== "");
   return t.multiple ? o : o[0] ?? "";
 }
-const g = 'button[role="option"]', M = `${g}:is([aria-checked="true"], [aria-selected="true"])`;
-function V(e) {
-  return Array.from(e.querySelectorAll(M)).filter(
+const O = ':is(button[role="option"], summary)', V = `${O}:is([aria-checked="true"], [aria-selected="true"])`;
+function I(e) {
+  return Array.from(e.querySelectorAll(V)).filter(
     // Need to exclude options with an empty value.
     (t) => t instanceof HTMLButtonElement && t.value !== ""
   );
 }
-function D(e, t, o) {
-  const n = v(e), s = ae(n, t), i = s.selected;
-  s.selected = o(s.selected, n), i !== s.selected && R(n);
+function $(e, t, o) {
+  const n = p(e), s = ae(n, t), r = s.selected;
+  s.selected = o(s.selected, n), r !== s.selected && M(n);
 }
-function H(e) {
+function D(e) {
   return `${e}-select`;
 }
-const m = k(null);
-function C() {
-  const e = A(m);
+const S = k(null);
+function w() {
+  const e = A(S);
   if (!e)
     throw new Error("useListboxRenderContext must be used within a Listbox");
   return e;
@@ -82,32 +89,32 @@ function de(e) {
 }
 function fe(e) {
   const { listboxId: t, selectAction: o } = e.currentTarget.dataset, n = e.currentTarget.value;
-  !t || typeof n != "string" || de(o) && D(t, n, ue[o]);
+  !t || typeof n != "string" || de(o) && $(t, n, ue[o]);
 }
-function $({
+function H({
   as: e,
   children: t,
   disabled: o,
   onClick: n,
   value: s,
-  ...i
+  ...r
 }) {
-  const r = e || "button", a = I(), u = C(), l = a.selectValue.includes(s) || s === "" && a.selectValue.length === 0;
+  const a = e || "button", i = B(), u = w(), l = i.selectValue.includes(s) || s === "" && i.selectValue.length === 0;
   if (u === "native")
     return l ? null : /* @__PURE__ */ d("option", { value: s, children: t });
-  const h = (b) => {
-    n?.(b), fe(b);
+  const f = (x) => {
+    n?.(x), fe(x);
   };
   return /* @__PURE__ */ d(
-    r,
+    a,
     {
-      ...i,
-      "aria-checked": a.multiple ? l : void 0,
-      "aria-selected": a.multiple ? void 0 : l,
-      "data-listbox-id": a.listboxId,
-      "data-select-action": a.selectAction,
-      disabled: a.disabled || o,
-      onClick: h,
+      ...r,
+      "aria-checked": i.multiple ? l : void 0,
+      "aria-selected": i.multiple ? void 0 : l,
+      "data-listbox-id": i.listboxId,
+      "data-select-action": i.selectAction,
+      disabled: i.disabled || o,
+      onClick: f,
       role: "option",
       tabIndex: -1,
       type: "button",
@@ -116,92 +123,89 @@ function $({
     }
   );
 }
-$.displayName = "Listbox.Option";
+H.displayName = "Listbox.Option";
 function K({ as: e, children: t, label: o, ...n }) {
-  return C() === "native" ? /* @__PURE__ */ d("optgroup", { label: o, children: t }) : /* @__PURE__ */ d(e, { ...n, label: o, role: "group", children: t });
+  return w() === "native" ? /* @__PURE__ */ d("optgroup", { label: o, children: t }) : /* @__PURE__ */ d(e, { ...n, label: o, role: "group", children: t });
 }
 K.displayName = "Listbox.Optgroup";
 const be = /* @__PURE__ */ ie("select")({
   name: "ElListboxSelect",
   class: "el-listbox-select",
   propsAsIs: !1
-}), N = te(function({ children: t, onChange: o, placeholder: n = "Select an option", multiple: s, value: i, ...r }, a) {
+}), N = te(function({ children: t, onChange: o, placeholder: n = "Select an option", multiple: s, value: r, ...a }, i) {
   return /* @__PURE__ */ F(
     be,
     {
-      ...r,
+      ...a,
       hidden: !0,
       multiple: s,
       onChange: o,
       onInput: o,
-      ref: a,
-      value: s ? i : i[0] ?? "",
+      ref: i,
+      value: s ? r : r[0] ?? "",
       children: [
         !s && // In single-select mode, renders a placeholder option as the first option.
         // This mimics native select behavior: automatically selecting the first option
         // when no explicit value is specified.
         /* @__PURE__ */ d("option", { value: "", children: n }),
-        i.map((u) => (
+        r.map((u) => (
           // Renders options for selected values automatically. Consumers may filter the options
           // in `children` based on user input. Without this, the native select would lose
           // <option> elements representing selected options, causing selection state loss.
           /* @__PURE__ */ d("option", { value: u, children: u }, u)
         )),
-        /* @__PURE__ */ d(m.Provider, { value: "native", children: t })
+        /* @__PURE__ */ d(S.Provider, { value: "native", children: t })
       ]
     }
   );
 });
-function xe(e) {
-  const t = e.currentTarget;
-  t.contains(e.relatedTarget) || (t.tabIndex = 0);
+function pe(e) {
+  const t = e.currentTarget, o = p(t);
+  t.contains(e.relatedTarget) || (t.tabIndex = 0, e.isTrusted && o.dispatchEvent(
+    new FocusEvent("focusout", { bubbles: !0, cancelable: !0, relatedTarget: e.relatedTarget })
+  ));
 }
-function p(e) {
+function h(e) {
   return e instanceof HTMLButtonElement;
 }
-function pe(e) {
+function xe(e) {
   return e instanceof HTMLElement && e.matches(":focus-visible");
 }
 function me(e) {
-  const t = e.currentTarget, o = t.dataset.selectionFollowsFocus === "true", { relatedTarget: n, target: s } = e;
-  if (!pe(s))
-    return;
-  const r = !t.contains(n);
-  if (t.contains(n) && p(s) && p(n) && o) {
-    s.click();
+  const t = e.currentTarget, o = p(t), n = t.dataset.selectionFollowsFocus === "true", { relatedTarget: s, target: r } = e, a = xe(r), i = !t.contains(s), u = t.contains(s) && h(r) && h(s);
+  if (a && u && n) {
+    r.click();
     return;
   }
-  if (r) {
+  if (i && (e.isTrusted && o.dispatchEvent(
+    new FocusEvent("focusin", { bubbles: !0, cancelable: !0, relatedTarget: e.relatedTarget })
+  ), a)) {
     t.tabIndex = -1;
-    const u = t.querySelector(M);
-    if (p(u)) {
-      u.focus();
+    const l = t.querySelector(V);
+    if (h(l)) {
+      l.focus();
       return;
     }
-    const l = t.querySelector(g);
-    p(l) && (l.focus(), o && l.click());
+    const f = t.querySelector(O);
+    h(f) && (f.focus(), n && f.click());
   }
 }
-function he({
-  onBlur: e,
-  onFocus: t,
-  onKeyDown: o
-}) {
+function he({ onKeyDown: e }) {
   return {
-    onBlur: (r) => {
-      e?.(r), xe(r);
+    onBlur: (s) => {
+      pe(s);
     },
-    onFocus: (r) => {
-      t?.(r), me(r);
+    onFocus: (s) => {
+      me(s);
     },
-    onKeyDown: (r) => {
-      o?.(r), ce(r, { selectors: g });
+    onKeyDown: (s) => {
+      e?.(s), ce(s, { selectors: O });
     }
   };
 }
 function Se(e, t) {
   const o = ne(t);
-  y(
+  T(
     function() {
       o.current = t;
     },
@@ -210,39 +214,39 @@ function Se(e, t) {
   const n = oe(() => {
     const s = document.getElementById(e);
     if (s) {
-      const i = O(e), r = V(s);
-      o.current(r, i);
+      const r = v(e), a = I(s);
+      o.current(a, r);
     }
   }, [e]);
-  y(function() {
+  T(function() {
     n();
-  }, []), T(e, n, Ee), T(H(e), n, Le);
+  }, []), C(e, n, ge), C(D(e), n, Ee);
 }
-const Ee = {
+const ge = {
   // Observe attribute changes
   attributeFilter: ["aria-checked", "aria-selected"],
   // Observe full subtree
   subtree: !0
-}, Le = {
+}, Ee = {
   // Observe addition/removal of child elements (the native <option> elements)
   childList: !0
 };
-function ve({
+function Le({
   defaultValue: e,
   multiple: t,
   onChange: o,
   value: n
 }) {
-  const [s, i] = B(() => E(n ?? e ?? [])), r = E(n ?? s);
-  return [t ? r : r.slice(0, 1), (l) => {
-    o?.(l), i(E(O(l.currentTarget)));
+  const [s, r] = R(() => E(n ?? e ?? [])), a = E(n ?? s);
+  return [t ? a : a.slice(0, 1), (l) => {
+    o?.(l), r(E(v(l.currentTarget)));
   }];
 }
 function E(e) {
   return typeof e == "string" ? [e] : e;
 }
-function Oe(e) {
-  return B(e);
+function ve(e) {
+  return R(e);
 }
 function c({
   "aria-disabled": e = !1,
@@ -250,26 +254,26 @@ function c({
   "aria-orientation": o = "vertical",
   "aria-required": n = !1,
   as: s,
-  children: i,
-  className: r,
-  defaultValue: a,
+  children: r,
+  className: a,
+  defaultValue: i,
   id: u,
   name: l,
-  onBlur: h,
-  onChange: b,
+  onBlur: f,
+  onChange: x,
   onFocus: P,
   onKeyDown: j,
   placeholder: q,
-  selectAction: w = "auto",
+  selectAction: y = "auto",
   selectRef: _,
   selectionFollowsFocus: z = !t,
   style: G,
   value: J,
   ...Q
 }) {
-  const U = s ?? "div", W = se(), x = u ?? W, [S, X] = ve({ defaultValue: a, multiple: t, onChange: b, value: J }), Y = he({ onBlur: h, onFocus: P, onKeyDown: j }), Z = re(
-    () => ({ disabled: e, listboxId: x, multiple: t, selectAction: w, selectValue: S }),
-    [e, x, t, w, S]
+  const U = s ?? "div", W = se(), m = u ?? W, [g, X] = Le({ defaultValue: i, multiple: t, onChange: x, value: J }), Y = he({ onKeyDown: j }), Z = re(
+    () => ({ disabled: e, listboxId: m, multiple: t, selectAction: y, selectValue: g }),
+    [e, m, t, y, g]
   );
   return /* @__PURE__ */ d(
     U,
@@ -281,8 +285,8 @@ function c({
       "aria-orientation": o,
       "aria-required": n,
       "data-selection-follows-focus": z,
-      className: r,
-      id: x,
+      className: a,
+      id: m,
       role: "listbox",
       style: G,
       tabIndex: 0,
@@ -291,53 +295,55 @@ function c({
           N,
           {
             disabled: e,
-            id: H(x),
+            id: D(m),
             multiple: t,
             name: l,
+            onBlur: f,
             onChange: X,
+            onFocus: P,
             placeholder: q,
             ref: _,
             required: n,
-            value: S,
-            children: i
+            value: g,
+            children: r
           }
         ),
-        /* @__PURE__ */ d(m.Provider, { value: "custom", children: i })
+        /* @__PURE__ */ d(S.Provider, { value: "custom", children: r })
       ] })
     }
   );
 }
 c.Divider = ee;
-c.Option = $;
+c.Option = H;
 c.Optgroup = K;
 c.Select = N;
 c.useSelectionObserver = Se;
-c.useState = Oe;
+c.useState = ve;
 c.Context = L;
-c.RenderContext = m;
-c.useContext = I;
-c.useRenderContext = C;
+c.RenderContext = S;
+c.useContext = B;
+c.useRenderContext = w;
 c.clearValue = le;
-c.getSelectedOptions = V;
-c.getValue = O;
-c.setOptionSelectedState = D;
+c.getSelectedOptions = I;
+c.getValue = v;
+c.setOptionSelectedState = $;
 export {
   L,
-  g as O,
-  M as S,
-  V as a,
-  H as b,
+  O,
+  V as S,
+  I as a,
+  D as b,
   le as c,
   c as d,
   K as e,
-  $ as f,
-  O as g,
-  m as h,
-  C as i,
+  H as f,
+  v as g,
+  S as h,
+  w as i,
   he as j,
   Se as k,
-  ve as l,
-  Oe as m,
-  D as s,
-  I as u
+  Le as l,
+  ve as m,
+  $ as s,
+  B as u
 };

package/dist/js/listbox-uSbN6RQG.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),te=require("./divider-D6g_RP0X.cjs"),l=require("react"),ne=require("./index-BAGJrh44.cjs"),oe=require("./handle-arrow-navigation-CKkGc2A5.cjs"),I=require("./use-mutation-observer-BBugqUeF.cjs"),h=l.createContext(null);function w(){const e=l.useContext(h);if(!e)throw new Error("useListboxContext must be used within a Listbox");return e}class b extends Error{constructor(t){super(t),this.name="ListboxError",Error.captureStackTrace&&Error.captureStackTrace(this,b)}}function p(e){let t;if(typeof e=="string"){const n=document.getElementById(e);if(!n)throw new b(`Listbox with id "${e}" does not exist in the document`);t=n}else t=e;const o=t.firstElementChild;if(!(o instanceof HTMLSelectElement)){const n=typeof e=="string"?`Listbox with id "${e}"`:"Listbox element";throw new b(`${n} does not contain a select element as its first child. Found: ${o?.constructor.name??"null"}`)}return o}function se(e,t){const o=Array.from(e.options).find(n=>n.value===t);if(!(o instanceof HTMLOptionElement)){const n=Array.from(e.options).map(s=>s.value).join(", ");throw new b(`Option with value "${t}" does not exist in select element. Available values: [${n}]`)}return o}function V(e){const t=new Event("input",{bubbles:!0,cancelable:!0});e.dispatchEvent(t)}function q(e){const t=p(e),o=t.selectedOptions.length>0;for(const n of Array.from(t.selectedOptions))n.selected=!1;o&&V(t)}function m(e){const t=e instanceof HTMLSelectElement?e:p(e),o=Array.from(t.selectedOptions).map(n=>n.value).filter(n=>n!=="");return t.multiple?o:o[0]??""}const v=':is(button[role="option"], summary)',y=`${v}:is([aria-checked="true"], [aria-selected="true"])`;function F(e){return Array.from(e.querySelectorAll(y)).filter(t=>t instanceof HTMLButtonElement&&t.value!=="")}function R(e,t,o){const n=p(e),s=se(n,t),i=s.selected;s.selected=o(s.selected,n),i!==s.selected&&V(n)}function j(e){return`${e}-select`}const L=l.createContext(null);function O(){const e=l.useContext(L);if(!e)throw new Error("useListboxRenderContext must be used within a Listbox");return e}const ie={auto:(e,t)=>t.multiple?!e:!0,toggle:e=>!e,select:()=>!0};function re(e){return e==="auto"||e==="toggle"||e==="select"}function ce(e){const{listboxId:t,selectAction:o}=e.currentTarget.dataset,n=e.currentTarget.value;!t||typeof n!="string"||re(o)&&R(t,n,ie[o])}function A({as:e,children:t,disabled:o,onClick:n,value:s,...i}){const a=e||"button",c=w(),f=O(),d=c.selectValue.includes(s)||s===""&&c.selectValue.length===0;if(f==="native")return d?null:u.jsx("option",{value:s,children:t});const x=S=>{n?.(S),ce(S)};return u.jsx(a,{...i,"aria-checked":c.multiple?d:void 0,"aria-selected":c.multiple?void 0:d,"data-listbox-id":c.listboxId,"data-select-action":c.selectAction,disabled:c.disabled||o,onClick:x,role:"option",tabIndex:-1,type:"button",value:s,children:t})}A.displayName="Listbox.Option";function M({as:e,children:t,label:o,...n}){return O()==="native"?u.jsx("optgroup",{label:o,children:t}):u.jsx(e,{...n,label:o,role:"group",children:t})}M.displayName="Listbox.Optgroup";const ae=ne.styled_default("select")({name:"ElListboxSelect",class:"el-listbox-select",propsAsIs:!1}),B=l.forwardRef(function({children:t,onChange:o,placeholder:n="Select an option",multiple:s,value:i,...a},c){return u.jsxs(ae,{...a,hidden:!0,multiple:s,onChange:o,onInput:o,ref:c,value:s?i:i[0]??"",children:[!s&&u.jsx("option",{value:"",children:n}),i.map(f=>u.jsx("option",{value:f,children:f},f)),u.jsx(L.Provider,{value:"native",children:t})]})});function le(e){const t=e.currentTarget,o=p(t);t.contains(e.relatedTarget)||(t.tabIndex=0,e.isTrusted&&o.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,cancelable:!0,relatedTarget:e.relatedTarget})))}function g(e){return e instanceof HTMLButtonElement}function ue(e){return e instanceof HTMLElement&&e.matches(":focus-visible")}function de(e){const t=e.currentTarget,o=p(t),n=t.dataset.selectionFollowsFocus==="true",{relatedTarget:s,target:i}=e,a=ue(i),c=!t.contains(s),f=t.contains(s)&&g(i)&&g(s);if(a&&f&&n){i.click();return}if(c&&(e.isTrusted&&o.dispatchEvent(new FocusEvent("focusin",{bubbles:!0,cancelable:!0,relatedTarget:e.relatedTarget})),a)){t.tabIndex=-1;const d=t.querySelector(y);if(g(d)){d.focus();return}const x=t.querySelector(v);g(x)&&(x.focus(),n&&x.click())}}function N({onKeyDown:e}){return{onBlur:s=>{le(s)},onFocus:s=>{de(s)},onKeyDown:s=>{e?.(s),oe.handleArrowNavigation(s,{selectors:v})}}}function $(e,t){const o=l.useRef(t);l.useEffect(function(){o.current=t},[t]);const n=l.useCallback(()=>{const s=document.getElementById(e);if(s){const i=m(e),a=F(s);o.current(a,i)}},[e]);l.useEffect(function(){n()},[]),I.useMutationObserver(e,n,fe),I.useMutationObserver(j(e),n,xe)}const fe={attributeFilter:["aria-checked","aria-selected"],subtree:!0},xe={childList:!0};function D({defaultValue:e,multiple:t,onChange:o,value:n}){const[s,i]=l.useState(()=>T(n??e??[])),a=T(n??s);return[t?a:a.slice(0,1),d=>{o?.(d),i(T(m(d.currentTarget)))}]}function T(e){return typeof e=="string"?[e]:e}function H(e){return l.useState(e)}function r({"aria-disabled":e=!1,"aria-multiselectable":t=!1,"aria-orientation":o="vertical","aria-required":n=!1,as:s,children:i,className:a,defaultValue:c,id:f,name:d,onBlur:x,onChange:S,onFocus:P,onKeyDown:_,placeholder:K,selectAction:k="auto",selectRef:z,selectionFollowsFocus:G=!t,style:J,value:Q,...U}){const W=s??"div",X=l.useId(),E=f??X,[C,Y]=D({defaultValue:c,multiple:t,onChange:S,value:Q}),Z=N({onKeyDown:_}),ee=l.useMemo(()=>({disabled:e,listboxId:E,multiple:t,selectAction:k,selectValue:C}),[e,E,t,k,C]);return u.jsx(W,{...U,...Z,"aria-disabled":e,"aria-multiselectable":t,"aria-orientation":o,"aria-required":n,"data-selection-follows-focus":G,className:a,id:E,role:"listbox",style:J,tabIndex:0,children:u.jsxs(h.Provider,{value:ee,children:[u.jsx(B,{disabled:e,id:j(E),multiple:t,name:d,onBlur:x,onChange:Y,onFocus:P,placeholder:K,ref:z,required:n,value:C,children:i}),u.jsx(L.Provider,{value:"custom",children:i})]})})}r.Divider=te.Divider;r.Option=A;r.Optgroup=M;r.Select=B;r.useSelectionObserver=$;r.useState=H;r.Context=h;r.RenderContext=L;r.useContext=w;r.useRenderContext=O;r.clearValue=q;r.getSelectedOptions=F;r.getValue=m;r.setOptionSelectedState=R;exports.Listbox=r;exports.ListboxContext=h;exports.ListboxOptgroup=M;exports.ListboxOption=A;exports.ListboxRenderContext=L;exports.OPTION_SELECTOR=v;exports.SELECTED_OPTION_SELECTOR=y;exports.clearListboxValue=q;exports.getListboxSelectId=j;exports.getListboxSelectedOptions=F;exports.getListboxValue=m;exports.setListboxOptionSelectedState=R;exports.useFocusManagement=N;exports.useListboxContext=w;exports.useListboxRenderContext=O;exports.useListboxSelectState=D;exports.useListboxSelectionObserver=$;exports.useListboxState=H;

package/dist/js/{loader-9mmsZbWY.cjs → loader-Bm7pM6f7.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("./index-Dmlb2--K.cjs"),i=require("./deprecated-states-WNjTkCrU.cjs"),l=a.styled_default("div")({name:"ElLoaderContainer",class:"el-loader-container",propsAsIs:!1}),r=a.styled_default("p")({name:"ElLoaderLabel",class:"el-loader-label",propsAsIs:!1}),o=a.styled_default("div")({name:"ElLoader",class:"el-loader",propsAsIs:!1}),d=a.styled_default("div")({name:"ElLoaderMovingBar",class:"el-loader-moving-bar",propsAsIs:!1}),c=({label:s,fullPage:n,...t})=>e.jsxs(l,{className:n?i.elIsFullPage:"",children:[s&&e.jsx(r,{children:s}),e.jsx(o,{...t,children:e.jsx(d,{})})]});exports.ElLoader=o;exports.ElLoaderContainer=l;exports.ElLoaderLabel=r;exports.ElLoaderMovingBar=d;exports.Loader=c;
+"use strict";const e=require("react/jsx-runtime"),a=require("./index-BAGJrh44.cjs"),i=require("./deprecated-states-WNjTkCrU.cjs"),l=a.styled_default("div")({name:"ElLoaderContainer",class:"el-loader-container",propsAsIs:!1}),r=a.styled_default("p")({name:"ElLoaderLabel",class:"el-loader-label",propsAsIs:!1}),o=a.styled_default("div")({name:"ElLoader",class:"el-loader",propsAsIs:!1}),d=a.styled_default("div")({name:"ElLoaderMovingBar",class:"el-loader-moving-bar",propsAsIs:!1}),c=({label:s,fullPage:n,...t})=>e.jsxs(l,{className:n?i.elIsFullPage:"",children:[s&&e.jsx(r,{children:s}),e.jsx(o,{...t,children:e.jsx(d,{})})]});exports.ElLoader=o;exports.ElLoaderContainer=l;exports.ElLoaderLabel=r;exports.ElLoaderMovingBar=d;exports.Loader=c;

package/dist/js/{loader-gryNuf6D.js → loader-JabwMHpN.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { s as a } from "./index-YtxCR-9e.js";
+import { s as a } from "./index-AHmiDD3r.js";
 import { a as n } from "./deprecated-states-CuyVqPko.js";
 const d = /* @__PURE__ */ a("div")({
   name: "ElLoaderContainer",

package/dist/js/{main-container-Be3OXwTh.js → main-container-BN8zxo5R.js}

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { s as t } from "./index-YtxCR-9e.js";
+import { s as t } from "./index-AHmiDD3r.js";
 const c = /* @__PURE__ */ t("div")({
   name: "ElMainContainer",
   class: "el-main-container",

package/dist/js/{main-container-jVZdjdRn.cjs → main-container-CJHyVxrr.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("./index-Dmlb2--K.cjs"),a=t.styled_default("div")({name:"ElMainContainer",class:"el-main-container",propsAsIs:!1}),i=t.styled_default("div")({name:"ElMainContainerContent",class:"el-main-container-content",propsAsIs:!1});function C({as:s="div",backgroundColour:n,children:l,size:o="fluid",style:r,template:c="single-column",...d}){return e.jsx(a,{...d,as:s,"data-size":o,style:{...r,...n&&{backgroundColor:`var(${n})`}},children:e.jsx(i,{"data-template":c,children:l})})}exports.ElMainContainer=a;exports.ElMainContainerContent=i;exports.MainContainer=C;
+"use strict";const e=require("react/jsx-runtime"),t=require("./index-BAGJrh44.cjs"),a=t.styled_default("div")({name:"ElMainContainer",class:"el-main-container",propsAsIs:!1}),i=t.styled_default("div")({name:"ElMainContainerContent",class:"el-main-container-content",propsAsIs:!1});function C({as:s="div",backgroundColour:n,children:l,size:o="fluid",style:r,template:c="single-column",...d}){return e.jsx(a,{...d,as:s,"data-size":o,style:{...r,...n&&{backgroundColor:`var(${n})`}},children:e.jsx(i,{"data-template":c,children:l})})}exports.ElMainContainer=a;exports.ElMainContainerContent=i;exports.MainContainer=C;

package/dist/js/{menu-ybrDXXWX.cjs → menu-C5zczNsx.cjs}

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("./index-8ctufnBx.cjs"),a=require("./index-Dmlb2--K.cjs"),r=require("react"),g=require("./popover-CA0t-z5e.cjs"),B=require("./divider-CGhRVA_A.cjs"),D=require("./handle-arrow-navigation-CKkGc2A5.cjs"),S=require("./utils/keyboard-navigation.cjs"),v=a.styled_default("div")({name:"ElMenuGroup",class:"el-menu-group",propsAsIs:!1}),_=a.styled_default("div")({name:"ElMenuGroupLabelContainer",class:"el-menu-group-label-container",propsAsIs:!1});function E({"aria-label":n,children:e,label:l,role:i="group",...o}){const s=r.useId();return t.jsxs(v,{...o,"aria-label":n,"aria-labelledby":n?void 0:s,role:i,children:[l&&t.jsx(_,{id:s,children:l}),e]})}E.displayName="Menu.Group";const k="el-menu-item",b=a.styled_default("span")({name:"ElMenuItemIconContainer",class:"el-menu-item-icon-container",propsAsIs:!1}),G=a.styled_default("span")({name:"ElMenuItemContentContainer",class:"el-menu-item-content-container",propsAsIs:!1}),N=a.styled_default("span")({name:"ElMenuItemLabel",class:"el-menu-item-label",propsAsIs:!1}),P=a.styled_default("span")({name:"ElMenuItemLabelText",class:"el-menu-item-label-text",propsAsIs:!1}),T=a.styled_default("span")({name:"ElMenuItemBadgeContainer",class:"el-menu-item-badge-container",propsAsIs:!1}),q=a.styled_default("span")({name:"ElMenuItemSupplementaryInfo",class:"el-menu-item-supplementary-info",propsAsIs:!1});function x({"aria-disabled":n,as:e,badge:l,className:i,children:o,iconLeft:s,iconRight:d,onClick:c,role:f="menuitem",supplementaryInfo:m,...p}){const I=r.useId(),y=r.useId(),A=r.useId(),$=r.useCallback(M=>{if(M.currentTarget.getAttribute("aria-disabled")==="true"){M.preventDefault(),M.stopPropagation();return}c?.(M)},[c]);return t.jsxs(e,{...p,"aria-details":`${y} ${A}`,"aria-disabled":!!p.disabled||!!n,"aria-labelledby":I,className:j.cx_default(k,i),onClick:$,role:f,children:[s&&t.jsx(b,{"aria-hidden":!0,children:s}),t.jsxs(G,{children:[t.jsxs(N,{children:[o&&t.jsx(P,{id:I,children:o}),l&&t.jsx(T,{id:y,children:l})]}),m&&t.jsx(q,{id:A,children:m})]}),d&&t.jsx(b,{"aria-hidden":!0,children:d})]})}function C(n){return t.jsx(x,{as:"a",...n})}C.displayName="Menu.AnchorItem";function h(n){return t.jsx(x,{as:"button",...n})}h.displayName="Menu.Item";const L="el-menu";function w(n){return r.useCallback(e=>{n?.(e),!e.defaultPrevented&&e.isTrusted&&e.target instanceof HTMLElement&&(e.target.role==="menuitem"||e.target.closest('[role="menuitem"]')!==null)&&e.currentTarget.hidePopover()},[n])}function H(n){return r.useCallback(e=>{n?.(e),!e.defaultPrevented&&(S.handleLinkActivation(e),D.handleArrowNavigation(e))},[n])}function u({"aria-labelledby":n,children:e,className:l,gap:i="--spacing-1",maxHeight:o,maxWidth:s,onClick:d,onKeyDown:c,placement:f="top-start",...m}){const p=w(d),I=H(c);return t.jsx(g.Popover,{...m,"aria-labelledby":n,anchorId:n,className:j.cx_default(L,l),elevation:"xl",gap:`var(${i})`,maxHeight:`var(${o})`,maxWidth:`var(${s})`,onClick:p,onKeyDown:I,placement:f,positionTryFallbacks:"flip-block, flip-inline",popover:"auto",role:"menu",children:e})}u.AnchorItem=C;u.Divider=B.Divider;u.Group=E;u.Item=h;u.getClosestMenuElement=g.Popover.getClosestPopoverElement;u.getTriggerProps=g.Popover.getTriggerProps;exports.AnchorMenuItem=C;exports.ElMenuGroup=v;exports.ElMenuGroupLabelContainer=_;exports.ElMenuItemBadgeContainer=T;exports.ElMenuItemContentContainer=G;exports.ElMenuItemIconContainer=b;exports.ElMenuItemLabel=N;exports.ElMenuItemLabelText=P;exports.ElMenuItemSupplementaryInfo=q;exports.Menu=u;exports.MenuGroup=E;exports.MenuItem=h;exports.MenuItemBase=x;exports.elMenu=L;exports.elMenuItem=k;
+"use strict";const t=require("react/jsx-runtime"),j=require("./index-8ctufnBx.cjs"),a=require("./index-BAGJrh44.cjs"),r=require("react"),g=require("./popover-Xyg0sgru.cjs"),B=require("./divider-D6g_RP0X.cjs"),D=require("./handle-arrow-navigation-CKkGc2A5.cjs"),S=require("./utils/keyboard-navigation.cjs"),v=a.styled_default("div")({name:"ElMenuGroup",class:"el-menu-group",propsAsIs:!1}),_=a.styled_default("div")({name:"ElMenuGroupLabelContainer",class:"el-menu-group-label-container",propsAsIs:!1});function E({"aria-label":n,children:e,label:l,role:i="group",...o}){const s=r.useId();return t.jsxs(v,{...o,"aria-label":n,"aria-labelledby":n?void 0:s,role:i,children:[l&&t.jsx(_,{id:s,children:l}),e]})}E.displayName="Menu.Group";const k="el-menu-item",b=a.styled_default("span")({name:"ElMenuItemIconContainer",class:"el-menu-item-icon-container",propsAsIs:!1}),G=a.styled_default("span")({name:"ElMenuItemContentContainer",class:"el-menu-item-content-container",propsAsIs:!1}),N=a.styled_default("span")({name:"ElMenuItemLabel",class:"el-menu-item-label",propsAsIs:!1}),P=a.styled_default("span")({name:"ElMenuItemLabelText",class:"el-menu-item-label-text",propsAsIs:!1}),T=a.styled_default("span")({name:"ElMenuItemBadgeContainer",class:"el-menu-item-badge-container",propsAsIs:!1}),q=a.styled_default("span")({name:"ElMenuItemSupplementaryInfo",class:"el-menu-item-supplementary-info",propsAsIs:!1});function x({"aria-disabled":n,as:e,badge:l,className:i,children:o,iconLeft:s,iconRight:d,onClick:c,role:f="menuitem",supplementaryInfo:m,...p}){const I=r.useId(),y=r.useId(),A=r.useId(),$=r.useCallback(M=>{if(M.currentTarget.getAttribute("aria-disabled")==="true"){M.preventDefault(),M.stopPropagation();return}c?.(M)},[c]);return t.jsxs(e,{...p,"aria-details":`${y} ${A}`,"aria-disabled":!!p.disabled||!!n,"aria-labelledby":I,className:j.cx_default(k,i),onClick:$,role:f,children:[s&&t.jsx(b,{"aria-hidden":!0,children:s}),t.jsxs(G,{children:[t.jsxs(N,{children:[o&&t.jsx(P,{id:I,children:o}),l&&t.jsx(T,{id:y,children:l})]}),m&&t.jsx(q,{id:A,children:m})]}),d&&t.jsx(b,{"aria-hidden":!0,children:d})]})}function C(n){return t.jsx(x,{as:"a",...n})}C.displayName="Menu.AnchorItem";function h(n){return t.jsx(x,{as:"button",...n})}h.displayName="Menu.Item";const L="el-menu";function w(n){return r.useCallback(e=>{n?.(e),!e.defaultPrevented&&e.isTrusted&&e.target instanceof HTMLElement&&(e.target.role==="menuitem"||e.target.closest('[role="menuitem"]')!==null)&&e.currentTarget.hidePopover()},[n])}function H(n){return r.useCallback(e=>{n?.(e),!e.defaultPrevented&&(S.handleLinkActivation(e),D.handleArrowNavigation(e))},[n])}function u({"aria-labelledby":n,children:e,className:l,gap:i="--spacing-1",maxHeight:o,maxWidth:s,onClick:d,onKeyDown:c,placement:f="top-start",...m}){const p=w(d),I=H(c);return t.jsx(g.Popover,{...m,"aria-labelledby":n,anchorId:n,className:j.cx_default(L,l),elevation:"xl",gap:`var(${i})`,maxHeight:`var(${o})`,maxWidth:`var(${s})`,onClick:p,onKeyDown:I,placement:f,positionTryFallbacks:"flip-block, flip-inline",popover:"auto",role:"menu",children:e})}u.AnchorItem=C;u.Divider=B.Divider;u.Group=E;u.Item=h;u.getClosestMenuElement=g.Popover.getClosestPopoverElement;u.getTriggerProps=g.Popover.getTriggerProps;exports.AnchorMenuItem=C;exports.ElMenuGroup=v;exports.ElMenuGroupLabelContainer=_;exports.ElMenuItemBadgeContainer=T;exports.ElMenuItemContentContainer=G;exports.ElMenuItemIconContainer=b;exports.ElMenuItemLabel=N;exports.ElMenuItemLabelText=P;exports.ElMenuItemSupplementaryInfo=q;exports.Menu=u;exports.MenuGroup=E;exports.MenuItem=h;exports.MenuItemBase=x;exports.elMenu=L;exports.elMenuItem=k;

package/dist/js/{menu-CptC_thY.js → menu-CP0Bep1V.js}

@@ -1,9 +1,9 @@
 import { jsxs as f, jsx as a } from "react/jsx-runtime";
 import { c as y } from "./index-BsMVp4qF.js";
-import { s as t } from "./index-YtxCR-9e.js";
+import { s as t } from "./index-AHmiDD3r.js";
 import { useId as b, useCallback as g } from "react";
-import { P as h } from "./popover-BWnbK_dO.js";
-import { D as N } from "./divider-BoruTiNP.js";
+import { P as h } from "./popover-dzUc2bK7.js";
+import { D as N } from "./divider-BJNv9iOS.js";
 import { h as G } from "./handle-arrow-navigation-r7GKm-no.js";
 import { handleLinkActivation as L } from "./utils/keyboard-navigation.js";
 const $ = /* @__PURE__ */ t("div")({

package/dist/js/{menu-C9dHilkn.cjs → menu-CjC0ad74.cjs}

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),i=require("react"),R=require("./deprecated/use-click-outside.cjs"),p=require("./index-Dmlb2--K.cjs"),H=()=>{const[e,t]=i.useState(!1),r=c=>({...c,"aria-haspopup":!0,"aria-expanded":e,role:"button",onKeyDown:s=>{if(s.key==="ArrowDown"){const l=s.currentTarget.parentElement.querySelectorAll('[role="menuitem"]');l.length&&l[0].focus()}c?.onKeyDown?.(s)},onClick:s=>{t(l=>!l),c?.onClick&&c.onClick(s)}}),n=c=>({...c,"data-open":e,onBlur:s=>{const l=s.currentTarget.parentElement?.querySelector('[role="button"]');!s.currentTarget.contains(s.relatedTarget)&&s.relatedTarget!==l&&d()},onKeyDown:s=>{const l=s.currentTarget,I=l?.querySelector('[role="button"]'),u=l?.querySelectorAll('[role="menuitem"]');let D=-1;switch(u.forEach((M,O)=>{M===document.activeElement&&(D=O)}),s.key){case"ArrowDown":{u[(D+1)%u.length].focus();break}case"ArrowUp":{u[(D-1+u.length)%u.length].focus();break}case"Escape":d(),I.focus();break;case"Enter":case" ":{u[D].click();break}}}}),a=()=>{t(!0)},d=()=>{t(!1)};return{isOpen:e,openMenu:a,closeMenu:d,getTriggerProps:r,getPopoverProps:n}},E=i.createContext(null),h=({children:e})=>{const t=H();return o.jsx(E.Provider,{value:t,children:e})},g=()=>{const e=i.useContext(E);if(!e)throw new Error("useMenuContext must be used within a MenuProvider");return e},x=p.styled_default("div")({name:"ElDeprecatedMenuPopover",class:"el-deprecated-menu-popover",propsAsIs:!1}),v=p.styled_default("div")({name:"ElDeprecatedMenu",class:"el-deprecated-menu",propsAsIs:!1}),y=p.styled_default("span")({name:"ElDeprecatedMenuItemSupplementaryInfo",class:"el-deprecated-menu-item-supplementary-info",propsAsIs:!1}),C=p.styled_default("span")({name:"ElDeprecatedMenuItemLabelContainer",class:"el-deprecated-menu-item-label-container",propsAsIs:!1}),A=p.styled_default("span")({name:"ElDeprecatedMenuItemLabel",class:"el-deprecated-menu-item-label",propsAsIs:!1}),b=p.styled_default("div")({name:"ElDeprecatedMenuItemContent",class:"el-deprecated-menu-item-content",propsAsIs:!1}),f=p.styled_default("div")({name:"ElDeprecatedMenuItemIcon",class:"el-deprecated-menu-item-icon",propsAsIs:!1}),P="el-deprecated-menu-item-left-icon",j=p.styled_default("button")({name:"ElDeprecatedMenuItemButton",class:"el-deprecated-menu-item-button",propsAsIs:!1}),L=p.styled_default("a")({name:"ElDeprecatedMenuItemAnchor",class:"el-deprecated-menu-item-anchor",propsAsIs:!1}),w=p.styled_default("div")({name:"ElDeprecatedMenuItemGroupTitle",class:"el-deprecated-menu-item-group-title",propsAsIs:!1}),k=p.styled_default("div")({name:"ElDeprecatedMenuItemGroup",class:"el-deprecated-menu-item-group",propsAsIs:!1}),_=p.styled_default("div")({name:"ElDeprecatedMenuItemGroupList",class:"el-deprecated-menu-item-group-list",propsAsIs:!1}),B=p.styled_default("div")({name:"ElDeprecatedMenuList",class:"el-deprecated-menu-list",propsAsIs:!1}),K=(e,t,r,n=0)=>{const a=e.querySelector('[role="button"]');if(a){const d=window.innerHeight,c=t.getBoundingClientRect().height,{bottom:s,height:l}=a.getBoundingClientRect(),I=d-s,u=c>I?0-c:l;r({top:u+n})}},$=({children:e,yOffset:t=4,...r})=>{const{isOpen:n,closeMenu:a,getPopoverProps:d}=g(),c=i.useRef(null),[s,l]=i.useState({position:"absolute"});if(R.useClickOutside(c,a),i.useLayoutEffect(()=>{const u=c.current?.parentElement;u&&n&&c.current&&K(u,c.current,l,t)},[n]),!n)return null;const I=u=>{u.target.closest('[data-close-menu="true"]')&&a()};return o.jsx(x,{style:s,ref:c,...r,...d(),onClick:I,children:e})},N=({children:e})=>{const{getTriggerProps:t,isOpen:r}=g();return e({getTriggerProps:t,isOpen:r})},T=({children:e,label:t,maxHeight:r,...n})=>o.jsxs(k,{...n,role:"group",children:[!!t&&o.jsx(w,{children:t}),o.jsx(_,{style:{...n?.style,maxHeight:`var(${r})`},children:e})]}),G=({children:e,isActive:t,disabled:r,closeMenu:n=!0,...a})=>U(a)?o.jsx(j,{...a,role:"menuitem","data-close-menu":n,disabled:r,"aria-disabled":r,"aria-current":t?"true":void 0,tabIndex:r?-1:0,children:e}):o.jsx(L,{...a,role:"menuitem","data-close-menu":n||!!r,"aria-current":t?"page":void 0,children:e}),S=({children:e,maxWidth:t,maxHeight:r,...n})=>o.jsx(B,{...n,style:{...n?.style,maxWidth:`var(${t})`,maxHeight:`var(${r})`},"data-has-max-width":!!t,role:"menu",children:e});function U(e){return!e.href}const q=({label:e,supplementaryInfo:t,badge:r,leftIcon:n,rightIcon:a,...d})=>o.jsxs(G,{...d,children:[n&&o.jsx(f,{className:P,children:n}),o.jsxs(b,{children:[o.jsxs(C,{children:[o.jsx(A,{children:e}),r]}),t&&o.jsx(y,{children:t})]}),a&&o.jsx(f,{children:a})]}),m=({children:e,...t})=>o.jsx(h,{children:o.jsx(v,{...t,children:e})});m.Item=q;m.Group=T;m.Trigger=N;m.Popover=$;m.List=S;exports.DeprecatedMenu=m;exports.DeprecatedMenuContext=E;exports.DeprecatedMenuItem=q;exports.DeprecatedMenuItemContainer=G;exports.DeprecatedMenuItemGroup=T;exports.DeprecatedMenuList=S;exports.DeprecatedMenuProvider=h;exports.ElDeprecatedMenu=v;exports.ElDeprecatedMenuItemAnchor=L;exports.ElDeprecatedMenuItemButton=j;exports.ElDeprecatedMenuItemContent=b;exports.ElDeprecatedMenuItemGroup=k;exports.ElDeprecatedMenuItemGroupList=_;exports.ElDeprecatedMenuItemGroupTitle=w;exports.ElDeprecatedMenuItemIcon=f;exports.ElDeprecatedMenuItemLabel=A;exports.ElDeprecatedMenuItemLabelContainer=C;exports.ElDeprecatedMenuItemSupplementaryInfo=y;exports.ElDeprecatedMenuList=B;exports.ElDeprecatedMenuPopover=x;exports.elDeprecatedMenuItemLeftIcon=P;exports.useDeprecatedMenuContext=g;
+"use strict";const o=require("react/jsx-runtime"),i=require("react"),R=require("./deprecated/use-click-outside.cjs"),p=require("./index-BAGJrh44.cjs"),H=()=>{const[e,t]=i.useState(!1),r=c=>({...c,"aria-haspopup":!0,"aria-expanded":e,role:"button",onKeyDown:s=>{if(s.key==="ArrowDown"){const l=s.currentTarget.parentElement.querySelectorAll('[role="menuitem"]');l.length&&l[0].focus()}c?.onKeyDown?.(s)},onClick:s=>{t(l=>!l),c?.onClick&&c.onClick(s)}}),n=c=>({...c,"data-open":e,onBlur:s=>{const l=s.currentTarget.parentElement?.querySelector('[role="button"]');!s.currentTarget.contains(s.relatedTarget)&&s.relatedTarget!==l&&d()},onKeyDown:s=>{const l=s.currentTarget,I=l?.querySelector('[role="button"]'),u=l?.querySelectorAll('[role="menuitem"]');let D=-1;switch(u.forEach((M,O)=>{M===document.activeElement&&(D=O)}),s.key){case"ArrowDown":{u[(D+1)%u.length].focus();break}case"ArrowUp":{u[(D-1+u.length)%u.length].focus();break}case"Escape":d(),I.focus();break;case"Enter":case" ":{u[D].click();break}}}}),a=()=>{t(!0)},d=()=>{t(!1)};return{isOpen:e,openMenu:a,closeMenu:d,getTriggerProps:r,getPopoverProps:n}},E=i.createContext(null),h=({children:e})=>{const t=H();return o.jsx(E.Provider,{value:t,children:e})},g=()=>{const e=i.useContext(E);if(!e)throw new Error("useMenuContext must be used within a MenuProvider");return e},x=p.styled_default("div")({name:"ElDeprecatedMenuPopover",class:"el-deprecated-menu-popover",propsAsIs:!1}),v=p.styled_default("div")({name:"ElDeprecatedMenu",class:"el-deprecated-menu",propsAsIs:!1}),y=p.styled_default("span")({name:"ElDeprecatedMenuItemSupplementaryInfo",class:"el-deprecated-menu-item-supplementary-info",propsAsIs:!1}),C=p.styled_default("span")({name:"ElDeprecatedMenuItemLabelContainer",class:"el-deprecated-menu-item-label-container",propsAsIs:!1}),A=p.styled_default("span")({name:"ElDeprecatedMenuItemLabel",class:"el-deprecated-menu-item-label",propsAsIs:!1}),b=p.styled_default("div")({name:"ElDeprecatedMenuItemContent",class:"el-deprecated-menu-item-content",propsAsIs:!1}),f=p.styled_default("div")({name:"ElDeprecatedMenuItemIcon",class:"el-deprecated-menu-item-icon",propsAsIs:!1}),P="el-deprecated-menu-item-left-icon",j=p.styled_default("button")({name:"ElDeprecatedMenuItemButton",class:"el-deprecated-menu-item-button",propsAsIs:!1}),L=p.styled_default("a")({name:"ElDeprecatedMenuItemAnchor",class:"el-deprecated-menu-item-anchor",propsAsIs:!1}),w=p.styled_default("div")({name:"ElDeprecatedMenuItemGroupTitle",class:"el-deprecated-menu-item-group-title",propsAsIs:!1}),k=p.styled_default("div")({name:"ElDeprecatedMenuItemGroup",class:"el-deprecated-menu-item-group",propsAsIs:!1}),_=p.styled_default("div")({name:"ElDeprecatedMenuItemGroupList",class:"el-deprecated-menu-item-group-list",propsAsIs:!1}),B=p.styled_default("div")({name:"ElDeprecatedMenuList",class:"el-deprecated-menu-list",propsAsIs:!1}),K=(e,t,r,n=0)=>{const a=e.querySelector('[role="button"]');if(a){const d=window.innerHeight,c=t.getBoundingClientRect().height,{bottom:s,height:l}=a.getBoundingClientRect(),I=d-s,u=c>I?0-c:l;r({top:u+n})}},$=({children:e,yOffset:t=4,...r})=>{const{isOpen:n,closeMenu:a,getPopoverProps:d}=g(),c=i.useRef(null),[s,l]=i.useState({position:"absolute"});if(R.useClickOutside(c,a),i.useLayoutEffect(()=>{const u=c.current?.parentElement;u&&n&&c.current&&K(u,c.current,l,t)},[n]),!n)return null;const I=u=>{u.target.closest('[data-close-menu="true"]')&&a()};return o.jsx(x,{style:s,ref:c,...r,...d(),onClick:I,children:e})},N=({children:e})=>{const{getTriggerProps:t,isOpen:r}=g();return e({getTriggerProps:t,isOpen:r})},T=({children:e,label:t,maxHeight:r,...n})=>o.jsxs(k,{...n,role:"group",children:[!!t&&o.jsx(w,{children:t}),o.jsx(_,{style:{...n?.style,maxHeight:`var(${r})`},children:e})]}),G=({children:e,isActive:t,disabled:r,closeMenu:n=!0,...a})=>U(a)?o.jsx(j,{...a,role:"menuitem","data-close-menu":n,disabled:r,"aria-disabled":r,"aria-current":t?"true":void 0,tabIndex:r?-1:0,children:e}):o.jsx(L,{...a,role:"menuitem","data-close-menu":n||!!r,"aria-current":t?"page":void 0,children:e}),S=({children:e,maxWidth:t,maxHeight:r,...n})=>o.jsx(B,{...n,style:{...n?.style,maxWidth:`var(${t})`,maxHeight:`var(${r})`},"data-has-max-width":!!t,role:"menu",children:e});function U(e){return!e.href}const q=({label:e,supplementaryInfo:t,badge:r,leftIcon:n,rightIcon:a,...d})=>o.jsxs(G,{...d,children:[n&&o.jsx(f,{className:P,children:n}),o.jsxs(b,{children:[o.jsxs(C,{children:[o.jsx(A,{children:e}),r]}),t&&o.jsx(y,{children:t})]}),a&&o.jsx(f,{children:a})]}),m=({children:e,...t})=>o.jsx(h,{children:o.jsx(v,{...t,children:e})});m.Item=q;m.Group=T;m.Trigger=N;m.Popover=$;m.List=S;exports.DeprecatedMenu=m;exports.DeprecatedMenuContext=E;exports.DeprecatedMenuItem=q;exports.DeprecatedMenuItemContainer=G;exports.DeprecatedMenuItemGroup=T;exports.DeprecatedMenuList=S;exports.DeprecatedMenuProvider=h;exports.ElDeprecatedMenu=v;exports.ElDeprecatedMenuItemAnchor=L;exports.ElDeprecatedMenuItemButton=j;exports.ElDeprecatedMenuItemContent=b;exports.ElDeprecatedMenuItemGroup=k;exports.ElDeprecatedMenuItemGroupList=_;exports.ElDeprecatedMenuItemGroupTitle=w;exports.ElDeprecatedMenuItemIcon=f;exports.ElDeprecatedMenuItemLabel=A;exports.ElDeprecatedMenuItemLabelContainer=C;exports.ElDeprecatedMenuItemSupplementaryInfo=y;exports.ElDeprecatedMenuList=B;exports.ElDeprecatedMenuPopover=x;exports.elDeprecatedMenuItemLeftIcon=P;exports.useDeprecatedMenuContext=g;

package/dist/js/{menu-RBD640_2.js → menu-CvZaGUIk.js}

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as f } from "react/jsx-runtime";
 import { useState as M, createContext as y, useContext as A, useRef as b, useLayoutEffect as C } from "react";
 import { useClickOutside as w } from "./deprecated/use-click-outside.js";
-import { s as p } from "./index-YtxCR-9e.js";
+import { s as p } from "./index-AHmiDD3r.js";
 const x = () => {
   const [e, t] = M(!1), r = (o) => ({
     ...o,

package/dist/js/{mobile-controls-0ZA5t_bh.js → mobile-controls-Dpa-n_O4.js}

@@ -1,7 +1,7 @@
 import { jsxs as p, Fragment as v, jsx as d } from "react/jsx-runtime";
 import { useState as u, useId as g, createElement as I } from "react";
-import { s as n } from "./index-YtxCR-9e.js";
-import { r as A } from "./button-CQ3wIa3v.js";
+import { s as n } from "./index-AHmiDD3r.js";
+import { r as A } from "./button-Bu9lgbFM.js";
 import { c as r } from "./index-BsMVp4qF.js";
 import { e as b } from "./deprecated-states-CuyVqPko.js";
 const h = "el-mobile-controls-visible", x = /* @__PURE__ */ n("div")({

package/dist/js/{mobile-controls-CmcqmlEK.cjs → mobile-controls-p4fd93t4.cjs}

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),a=require("react"),d=require("./index-Dmlb2--K.cjs"),g=require("./button-UCKQmfjY.cjs"),c=require("./index-8ctufnBx.cjs"),u=require("./deprecated-states-WNjTkCrU.cjs"),C="el-mobile-controls-visible",p=d.styled_default("div")({name:"ElMobileControlsBg",class:"el-mobile-controls-bg",propsAsIs:!1}),M=d.styled_default("div")({name:"ElMobileControls",class:"el-mobile-controls",propsAsIs:!1}),f=d.styled_default("a")({name:"ElMobileControlItem",class:"el-mobile-control-item",propsAsIs:!1}),t=(i,e)=>l=>{l?.preventDefault(),l?.stopPropagation(),i(n=>!n),e&&e()},q=({mobileControlItems:i,buttonOnClick:e,buttonIcon:l,isVisible:n,...b})=>{const[s,r]=a.useState(!1),m=b.id||a.useId();return o.jsxs(o.Fragment,{children:[o.jsx(p,{className:c.cx_default(s&&u.elIsActive),"aria-hidden":!s,onClick:t(r,e)}),o.jsxs(M,{id:m,className:c.cx_default(n&&C),onClick:t(r,e),...b,children:[i?.map(({onClick:E,label:v,...x},I)=>a.createElement(f,{role:"button","aria-hidden":!s,className:c.cx_default(s&&u.elIsActive),onClick:t(r,E),...x,key:I},v)),o.jsx(g.DeprecatedFloatingButton,{"aria-controls":m,variant:"primary",icon:l||"menu"})]})]})};exports.ElMobileControlItem=f;exports.ElMobileControls=M;exports.ElMobileControlsBg=p;exports.MobileControls=q;exports.clickEventHandler=t;exports.elMobileControlsVisible=C;
+"use strict";const o=require("react/jsx-runtime"),a=require("react"),d=require("./index-BAGJrh44.cjs"),g=require("./button-CRXLRW5Z.cjs"),c=require("./index-8ctufnBx.cjs"),u=require("./deprecated-states-WNjTkCrU.cjs"),C="el-mobile-controls-visible",p=d.styled_default("div")({name:"ElMobileControlsBg",class:"el-mobile-controls-bg",propsAsIs:!1}),M=d.styled_default("div")({name:"ElMobileControls",class:"el-mobile-controls",propsAsIs:!1}),f=d.styled_default("a")({name:"ElMobileControlItem",class:"el-mobile-control-item",propsAsIs:!1}),t=(i,e)=>l=>{l?.preventDefault(),l?.stopPropagation(),i(n=>!n),e&&e()},q=({mobileControlItems:i,buttonOnClick:e,buttonIcon:l,isVisible:n,...b})=>{const[s,r]=a.useState(!1),m=b.id||a.useId();return o.jsxs(o.Fragment,{children:[o.jsx(p,{className:c.cx_default(s&&u.elIsActive),"aria-hidden":!s,onClick:t(r,e)}),o.jsxs(M,{id:m,className:c.cx_default(n&&C),onClick:t(r,e),...b,children:[i?.map(({onClick:E,label:v,...x},I)=>a.createElement(f,{role:"button","aria-hidden":!s,className:c.cx_default(s&&u.elIsActive),onClick:t(r,E),...x,key:I},v)),o.jsx(g.DeprecatedFloatingButton,{"aria-controls":m,variant:"primary",icon:l||"menu"})]})]})};exports.ElMobileControlItem=f;exports.ElMobileControls=M;exports.ElMobileControlsBg=p;exports.MobileControls=q;exports.clickEventHandler=t;exports.elMobileControlsVisible=C;

package/dist/js/{modal-DHGiIVEh.js → modal-BEr2T5o_.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as f, Fragment as v } from "react/jsx-runtime";
 import { forwardRef as y, useId as g, createRef as b, useEffect as n } from "react";
 import { c as l } from "./index-BsMVp4qF.js";
-import { s as d } from "./index-YtxCR-9e.js";
+import { s as d } from "./index-AHmiDD3r.js";
 import { e as u } from "./deprecated-states-CuyVqPko.js";
 const h = /* @__PURE__ */ d("div")({
   name: "ElModalBg",

package/dist/js/{modal-DtRra0Y8.cjs → modal-DzLdKvlm.cjs}

@@ -1 +1 @@
-"use strict";const l=require("react/jsx-runtime"),d=require("react"),o=require("./index-8ctufnBx.cjs"),t=require("./index-Dmlb2--K.cjs"),f=require("./deprecated-states-WNjTkCrU.cjs"),m=t.styled_default("div")({name:"ElModalBg",class:"el-modal-bg",propsAsIs:!1}),M=t.styled_default("div")({name:"ElModal",class:"el-modal",propsAsIs:!1}),E=t.styled_default("div")({name:"ElModalHeader",class:"el-modal-header",propsAsIs:!1}),x=t.styled_default("div")({name:"ElModalBody",class:"el-modal-body",propsAsIs:!1}),y=({className:e,children:a,...s})=>l.jsx(m,{className:o.cx_default(e),...s,children:a}),p=d.forwardRef(({className:e,children:a,...s},c)=>l.jsx(M,{className:o.cx_default(e),...s,ref:c,children:a})),j=({className:e,children:a,...s})=>l.jsx(E,{className:o.cx_default(e),...s,children:a}),v=({className:e,children:a,...s})=>l.jsx(x,{className:o.cx_default(e),...s,children:a}),B=(e,a)=>()=>{a&&e.current&&e.current.focus()},b=({isOpen:e,onModalClose:a,title:s,className:c,children:g,...r})=>{const u=r.id||d.useId(),n=d.createRef();d.useEffect(()=>{const i=I=>{I.key==="Escape"&&a()};return document.addEventListener("keyup",i,!1),()=>{document.removeEventListener("keyup",i,!1)}},[a]);const _=o.cx_default(c,f.elIsActive);return d.useEffect(B(n,e),[n,e]),d.useEffect(()=>{console.warn("Modal component will be removed in future major version. Use `Dialog` component instead")},[]),e?l.jsxs(l.Fragment,{children:[l.jsx(y,{className:f.elIsActive,onClick:a}),l.jsxs(p,{role:"dialog","aria-modal":"true","aria-describedby":u,className:_,ref:n,autoFocus:!0,...r,children:[s&&l.jsx(j,{children:s}),l.jsx(v,{id:u,children:g})]})]}):null};exports.ElModal=M;exports.ElModalBg=m;exports.ElModalBody=x;exports.ElModalHeader=E;exports.Modal=b;exports.ModalBg=y;exports.ModalBody=v;exports.ModalContainer=p;exports.ModalHeader=j;exports.handleModalFocus=B;
+"use strict";const l=require("react/jsx-runtime"),d=require("react"),o=require("./index-8ctufnBx.cjs"),t=require("./index-BAGJrh44.cjs"),f=require("./deprecated-states-WNjTkCrU.cjs"),m=t.styled_default("div")({name:"ElModalBg",class:"el-modal-bg",propsAsIs:!1}),M=t.styled_default("div")({name:"ElModal",class:"el-modal",propsAsIs:!1}),E=t.styled_default("div")({name:"ElModalHeader",class:"el-modal-header",propsAsIs:!1}),x=t.styled_default("div")({name:"ElModalBody",class:"el-modal-body",propsAsIs:!1}),y=({className:e,children:a,...s})=>l.jsx(m,{className:o.cx_default(e),...s,children:a}),p=d.forwardRef(({className:e,children:a,...s},c)=>l.jsx(M,{className:o.cx_default(e),...s,ref:c,children:a})),j=({className:e,children:a,...s})=>l.jsx(E,{className:o.cx_default(e),...s,children:a}),v=({className:e,children:a,...s})=>l.jsx(x,{className:o.cx_default(e),...s,children:a}),B=(e,a)=>()=>{a&&e.current&&e.current.focus()},b=({isOpen:e,onModalClose:a,title:s,className:c,children:g,...r})=>{const u=r.id||d.useId(),n=d.createRef();d.useEffect(()=>{const i=I=>{I.key==="Escape"&&a()};return document.addEventListener("keyup",i,!1),()=>{document.removeEventListener("keyup",i,!1)}},[a]);const _=o.cx_default(c,f.elIsActive);return d.useEffect(B(n,e),[n,e]),d.useEffect(()=>{console.warn("Modal component will be removed in future major version. Use `Dialog` component instead")},[]),e?l.jsxs(l.Fragment,{children:[l.jsx(y,{className:f.elIsActive,onClick:a}),l.jsxs(p,{role:"dialog","aria-modal":"true","aria-describedby":u,className:_,ref:n,autoFocus:!0,...r,children:[s&&l.jsx(j,{children:s}),l.jsx(v,{id:u,children:g})]})]}):null};exports.ElModal=M;exports.ElModalBg=m;exports.ElModalBody=x;exports.ElModalHeader=E;exports.Modal=b;exports.ModalBg=y;exports.ModalBody=v;exports.ModalContainer=p;exports.ModalHeader=j;exports.handleModalFocus=B;