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

package/dist/js/lab/select-custom.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),v=require("../label-text-CtdGurHG.cjs"),p=require("../index-Dmlb2--K.cjs");require("../button-base-tw0zLUCC.cjs");const u=require("react"),te=require("../button-Ccwmxlgv.cjs"),le=require("../icons/check.cjs"),oe=require("../badge-Zx--ZLW_.cjs"),L=require("../text-BONwaftt.cjs"),se=require("../icons/close.cjs"),ne=require("../icons/chevron-down.cjs"),T=require("../chip-group-CMOQNhYo.cjs"),_=require("../popover-CbOEj92d.cjs"),k=p.styled_default("div")({name:"ElExperimentalSelectCustomContainer",class:"el-experimental-select-custom-container",propsAsIs:!1}),re=()=>te.Button,G=p.styled_default(re())({name:"ElExperimentalSelectCustomInputField",class:"el-experimental-select-custom-input-field",propsAsIs:!0}),z=p.styled_default("div")({name:"ElExperimentalSelectCustomContent",class:"el-experimental-select-custom-content",propsAsIs:!1}),B=p.styled_default("div")({name:"ElExperimentalSelectCustomPlaceholder",class:"el-experimental-select-custom-placeholder",propsAsIs:!1}),D="el-experimental-select-custom-popover",R=p.styled_default("div")({name:"ElExperimentalSelectCustomOptionGroup",class:"el-experimental-select-custom-option-group",propsAsIs:!1}),ce="el-experimental-select-custom-group-title",V=p.styled_default("li")({name:"ElExperimentalSelectCustomOption",class:"el-experimental-select-custom-option",propsAsIs:!1}),W=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelContainer",class:"el-experimental-select-custom-label-container",propsAsIs:!1}),F=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelItem",class:"el-experimental-select-custom-label-item",propsAsIs:!1}),$=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo1",class:"el-experimental-select-custom-additional-info1",propsAsIs:!1}),K=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo2",class:"el-experimental-select-custom-additional-info2",propsAsIs:!1}),h=({label:n,children:c})=>l.jsxs(R,{role:"group",children:[n&&l.jsx(v.LabelText,{size:"xs",children:n}),c]}),N=u.createContext({selectedValues:[],onSelect:()=>{},isMultiple:!1});function ae(){return u.useContext(N)}const y=({value:n,label:c,badge:s,additionalInfo1:o,additionalInfo2:e})=>{const{selectedValues:r,onSelect:t}=ae(),i=r.some(E=>E.value===n),d=()=>t({value:n,label:c});return l.jsxs(V,{role:"option","aria-selected":i,tabIndex:-1,onClick:d,children:[l.jsxs(W,{children:[l.jsxs(F,{children:[l.jsx(v.LabelText,{size:"xs",children:c}),s&&l.jsx(oe.Badge,{colour:"neutral",children:s})]}),i&&l.jsx(le.CheckIcon,{size:"md",color:"secondary"})]}),o&&l.jsx($,{children:o}),e&&l.jsx(K,{children:e})]})},H=n=>{const c=u.useRef(null),[s,o]=u.useState(0);return u.useEffect(()=>{const e=c.current;if(!e)return;const r=t=>{const i=e.querySelectorAll('[role="option"]');i.length&&(t.key==="ArrowDown"?(t.preventDefault(),o(d=>(d+1)%i.length)):t.key==="ArrowUp"?(t.preventDefault(),o(d=>(d-1+i.length)%i.length)):t.key==="Enter"?(t.preventDefault(),i[s]?.click()):t.key==="Escape"&&(t.preventDefault(),document.getElementById(n)?.hidePopover?.()))};return e.addEventListener("keydown",r),()=>e.removeEventListener("keydown",r)},[s,n]),u.useEffect(()=>{const e=c.current;if(!e)return;const r=e.querySelectorAll('[role="option"]');r.forEach((t,i)=>{t.setAttribute("tabindex",i===s?"0":"-1")}),r[s]?.focus()},[s]),u.useEffect(()=>{const e=document.getElementById(n);if(!e)return;const r=new MutationObserver(()=>{if(e.matches(":popover-open")){const t=c.current?.querySelectorAll('[role="option"]');t&&t.length>0&&(o(0),t[0].focus())}});return r.observe(e,{attributes:!0,attributeFilter:["popover"]}),()=>r.disconnect()},[n]),c},ie=(n,c)=>{const s=[],o=e=>{if(e){if(Array.isArray(e))e.forEach(o);else if(typeof e=="object"&&"props"in e){const r=e.props;e.type===y&&r.selected&&s.push({value:r.value,label:r.label}),e.type===h&&o(r.children)}}};return o(n),!c&&s.length>1?[s[0]]:s},ue=n=>{let c=0;const s=o=>{if(o){if(Array.isArray(o))o.forEach(s);else if(typeof o=="object"&&"props"in o){const e=o.props;o.type===y&&(c+=1),o.type===h&&s(e.children)}}};return s(n),c};function I({id:n,size:c="medium",label:s,children:o,helperText:e,errorMessage:r,isMultiple:t=!1,isClearable:i=!1,isRequired:d=!1,isDisabled:E=!1,popoverMaxHeight:U,popoverPlacement:J}){const[x,j]=u.useState(()=>ie(o,t)),[Q,X]=u.useState(0),C=`select-popover-${n.replace(/\s+/g,"-").toLowerCase()}`,S=`select-input-${n.replace(/\s+/g,"-").toLowerCase()}`,Y=H(C),A=()=>{document.getElementById(C)?.hidePopover?.()},O=a=>{j(m=>t?m.find(f=>f.value===a.value)?m.filter(f=>f.value!==a.value):[...m,a]:[a]),t||A()},Z=()=>j([]),q=t?"":x[0]?.label||"",M=_.Popover.getTriggerProps({id:S,popoverTarget:C,popoverTargetAction:"toggle"}),P=`${n}-description`,b=r||e,w=!!r,ee=ue(o),g=t&&x.length>=ee;return u.useEffect(()=>{g&&A()},[g]),u.useEffect(()=>{const a=document.getElementById(S);if(!a)return;const m=()=>X(a.offsetWidth);m();const f=new ResizeObserver(m);return f.observe(a),()=>f.disconnect()},[S]),l.jsxs(k,{id:n,children:[s&&l.jsx(v.LabelText,{size:c==="large"?"sm":"xs",isRequired:d,children:s}),l.jsxs(G,{variant:"secondary",size:c,...M,type:"button",role:"combobox","aria-expanded":"false","aria-disabled":E||g,"aria-describedby":b?P:void 0,"aria-invalid":w||!1,children:[q?l.jsx(z,{children:l.jsx(L.Text,{as:"span",colour:"primary",font:"text-xs/regular",overflow:"truncate",children:q})}):l.jsx(B,{children:l.jsx(L.Text,{as:"span",colour:"placeholder",font:"text-xs/regular",overflow:"truncate",children:"Select an option"})}),i&&!t&&x.length>0?l.jsx(se.CloseIcon,{color:"primary",size:"sm",onClick:a=>{a.stopPropagation(),Z()}}):l.jsx(ne.ChevronDownIcon,{size:"sm",color:"primary"})]}),l.jsx(_.Popover,{id:C,anchorId:S,placement:J||"bottom-start",popover:"auto",className:D,maxHeight:U,style:{minWidth:Q},gap:"var(--spacing-1)",children:l.jsx(N.Provider,{value:{selectedValues:x,onSelect:O,isMultiple:t},children:l.jsx("ul",{role:"listbox",ref:Y,tabIndex:-1,children:o})})}),b&&l.jsx(v.LabelText,{id:P,size:"xs","data-error":!!w,children:b}),t&&x.length>0&&l.jsx(T.ChipGroup,{children:x.map((a,m)=>l.jsx(T.ChipGroup.Item,{variant:"filter",onClick:()=>O(a),"aria-disabled":E,children:a.label},`${a.value}-${m}`))})]})}I.Group=h;I.Option=y;exports.ElExperimentalSelectCustomAdditionalInfo1=$;exports.ElExperimentalSelectCustomAdditionalInfo2=K;exports.ElExperimentalSelectCustomContainer=k;exports.ElExperimentalSelectCustomContent=z;exports.ElExperimentalSelectCustomInputField=G;exports.ElExperimentalSelectCustomLabelContainer=W;exports.ElExperimentalSelectCustomLabelItem=F;exports.ElExperimentalSelectCustomOption=V;exports.ElExperimentalSelectCustomOptionGroup=R;exports.ElExperimentalSelectCustomPlaceholder=B;exports.ExperimentalSelectCustomOption=y;exports.ExperimentalSelectCustomOptionGroup=h;exports.SelectCustom=I;exports.elExperimentalSelectCustomGroupTitle=ce;exports.elExperimentalSelectCustomPopover=D;exports.useSelectKeyboardNavigation=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),v=require("../label-text-CtdGurHG.cjs"),p=require("../index-Dmlb2--K.cjs");require("../button-base-tw0zLUCC.cjs");const u=require("react"),te=require("../button-Ccwmxlgv.cjs"),le=require("../icons/check.cjs"),oe=require("../badge-mMmZbI52.cjs"),L=require("../text-BONwaftt.cjs"),se=require("../icons/close.cjs"),ne=require("../icons/chevron-down.cjs"),T=require("../chip-group-66bqmP7S.cjs"),_=require("../popover-DEFBfQ-G.cjs"),k=p.styled_default("div")({name:"ElExperimentalSelectCustomContainer",class:"el-experimental-select-custom-container",propsAsIs:!1}),re=()=>te.Button,G=p.styled_default(re())({name:"ElExperimentalSelectCustomInputField",class:"el-experimental-select-custom-input-field",propsAsIs:!0}),z=p.styled_default("div")({name:"ElExperimentalSelectCustomContent",class:"el-experimental-select-custom-content",propsAsIs:!1}),B=p.styled_default("div")({name:"ElExperimentalSelectCustomPlaceholder",class:"el-experimental-select-custom-placeholder",propsAsIs:!1}),D="el-experimental-select-custom-popover",R=p.styled_default("div")({name:"ElExperimentalSelectCustomOptionGroup",class:"el-experimental-select-custom-option-group",propsAsIs:!1}),ce="el-experimental-select-custom-group-title",V=p.styled_default("li")({name:"ElExperimentalSelectCustomOption",class:"el-experimental-select-custom-option",propsAsIs:!1}),W=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelContainer",class:"el-experimental-select-custom-label-container",propsAsIs:!1}),F=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelItem",class:"el-experimental-select-custom-label-item",propsAsIs:!1}),$=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo1",class:"el-experimental-select-custom-additional-info1",propsAsIs:!1}),K=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo2",class:"el-experimental-select-custom-additional-info2",propsAsIs:!1}),h=({label:n,children:c})=>l.jsxs(R,{role:"group",children:[n&&l.jsx(v.LabelText,{size:"xs",children:n}),c]}),N=u.createContext({selectedValues:[],onSelect:()=>{},isMultiple:!1});function ae(){return u.useContext(N)}const y=({value:n,label:c,badge:s,additionalInfo1:o,additionalInfo2:e})=>{const{selectedValues:r,onSelect:t}=ae(),i=r.some(E=>E.value===n),d=()=>t({value:n,label:c});return l.jsxs(V,{role:"option","aria-selected":i,tabIndex:-1,onClick:d,children:[l.jsxs(W,{children:[l.jsxs(F,{children:[l.jsx(v.LabelText,{size:"xs",children:c}),s&&l.jsx(oe.Badge,{colour:"neutral",children:s})]}),i&&l.jsx(le.CheckIcon,{size:"md",color:"secondary"})]}),o&&l.jsx($,{children:o}),e&&l.jsx(K,{children:e})]})},H=n=>{const c=u.useRef(null),[s,o]=u.useState(0);return u.useEffect(()=>{const e=c.current;if(!e)return;const r=t=>{const i=e.querySelectorAll('[role="option"]');i.length&&(t.key==="ArrowDown"?(t.preventDefault(),o(d=>(d+1)%i.length)):t.key==="ArrowUp"?(t.preventDefault(),o(d=>(d-1+i.length)%i.length)):t.key==="Enter"?(t.preventDefault(),i[s]?.click()):t.key==="Escape"&&(t.preventDefault(),document.getElementById(n)?.hidePopover?.()))};return e.addEventListener("keydown",r),()=>e.removeEventListener("keydown",r)},[s,n]),u.useEffect(()=>{const e=c.current;if(!e)return;const r=e.querySelectorAll('[role="option"]');r.forEach((t,i)=>{t.setAttribute("tabindex",i===s?"0":"-1")}),r[s]?.focus()},[s]),u.useEffect(()=>{const e=document.getElementById(n);if(!e)return;const r=new MutationObserver(()=>{if(e.matches(":popover-open")){const t=c.current?.querySelectorAll('[role="option"]');t&&t.length>0&&(o(0),t[0].focus())}});return r.observe(e,{attributes:!0,attributeFilter:["popover"]}),()=>r.disconnect()},[n]),c},ie=(n,c)=>{const s=[],o=e=>{if(e){if(Array.isArray(e))e.forEach(o);else if(typeof e=="object"&&"props"in e){const r=e.props;e.type===y&&r.selected&&s.push({value:r.value,label:r.label}),e.type===h&&o(r.children)}}};return o(n),!c&&s.length>1?[s[0]]:s},ue=n=>{let c=0;const s=o=>{if(o){if(Array.isArray(o))o.forEach(s);else if(typeof o=="object"&&"props"in o){const e=o.props;o.type===y&&(c+=1),o.type===h&&s(e.children)}}};return s(n),c};function I({id:n,size:c="medium",label:s,children:o,helperText:e,errorMessage:r,isMultiple:t=!1,isClearable:i=!1,isRequired:d=!1,isDisabled:E=!1,popoverMaxHeight:U,popoverPlacement:J}){const[x,j]=u.useState(()=>ie(o,t)),[Q,X]=u.useState(0),C=`select-popover-${n.replace(/\s+/g,"-").toLowerCase()}`,S=`select-input-${n.replace(/\s+/g,"-").toLowerCase()}`,Y=H(C),A=()=>{document.getElementById(C)?.hidePopover?.()},O=a=>{j(m=>t?m.find(f=>f.value===a.value)?m.filter(f=>f.value!==a.value):[...m,a]:[a]),t||A()},Z=()=>j([]),q=t?"":x[0]?.label||"",M=_.Popover.getTriggerProps({id:S,popoverTarget:C,popoverTargetAction:"toggle"}),P=`${n}-description`,b=r||e,w=!!r,ee=ue(o),g=t&&x.length>=ee;return u.useEffect(()=>{g&&A()},[g]),u.useEffect(()=>{const a=document.getElementById(S);if(!a)return;const m=()=>X(a.offsetWidth);m();const f=new ResizeObserver(m);return f.observe(a),()=>f.disconnect()},[S]),l.jsxs(k,{id:n,children:[s&&l.jsx(v.LabelText,{size:c==="large"?"sm":"xs",isRequired:d,children:s}),l.jsxs(G,{variant:"secondary",size:c,...M,type:"button",role:"combobox","aria-expanded":"false","aria-disabled":E||g,"aria-describedby":b?P:void 0,"aria-invalid":w||!1,children:[q?l.jsx(z,{children:l.jsx(L.Text,{as:"span",colour:"primary",font:"text-xs/regular",overflow:"truncate",children:q})}):l.jsx(B,{children:l.jsx(L.Text,{as:"span",colour:"placeholder",font:"text-xs/regular",overflow:"truncate",children:"Select an option"})}),i&&!t&&x.length>0?l.jsx(se.CloseIcon,{color:"primary",size:"sm",onClick:a=>{a.stopPropagation(),Z()}}):l.jsx(ne.ChevronDownIcon,{size:"sm",color:"primary"})]}),l.jsx(_.Popover,{id:C,anchorId:S,placement:J||"bottom-start",popover:"auto",className:D,maxHeight:U,style:{minWidth:Q},gap:"var(--spacing-1)",children:l.jsx(N.Provider,{value:{selectedValues:x,onSelect:O,isMultiple:t},children:l.jsx("ul",{role:"listbox",ref:Y,tabIndex:-1,children:o})})}),b&&l.jsx(v.LabelText,{id:P,size:"xs","data-error":!!w,children:b}),t&&x.length>0&&l.jsx(T.ChipGroup,{variant:"selection",children:x.map((a,m)=>l.jsx(T.ChipGroup.Item,{variant:"filter",onClick:()=>O(a),"aria-disabled":E,children:a.label},`${a.value}-${m}`))})]})}I.Group=h;I.Option=y;exports.ElExperimentalSelectCustomAdditionalInfo1=$;exports.ElExperimentalSelectCustomAdditionalInfo2=K;exports.ElExperimentalSelectCustomContainer=k;exports.ElExperimentalSelectCustomContent=z;exports.ElExperimentalSelectCustomInputField=G;exports.ElExperimentalSelectCustomLabelContainer=W;exports.ElExperimentalSelectCustomLabelItem=F;exports.ElExperimentalSelectCustomOption=V;exports.ElExperimentalSelectCustomOptionGroup=R;exports.ElExperimentalSelectCustomPlaceholder=B;exports.ExperimentalSelectCustomOption=y;exports.ExperimentalSelectCustomOptionGroup=h;exports.SelectCustom=I;exports.elExperimentalSelectCustomGroupTitle=ce;exports.elExperimentalSelectCustomPopover=D;exports.useSelectKeyboardNavigation=H;

package/dist/js/lab/select-custom.js

@@ -5,12 +5,12 @@ import "../button-base-BcnVjgNa.js";
 import { createContext as _, useContext as H, useRef as U, useState as b, useEffect as E } from "react";
 import { B as J } from "../button-DB4XETG9.js";
 import { CheckIcon as Q } from "../icons/check.js";
-import { B as X } from "../badge-BpKFyHEh.js";
+import { B as X } from "../badge-CwBwwP4y.js";
 import { T as z } from "../text-BblKKGdo.js";
 import { CloseIcon as Y } from "../icons/close.js";
 import { ChevronDownIcon as Z } from "../icons/chevron-down.js";
-import { C as T } from "../chip-group-_1Ujkr17.js";
-import { P as D } from "../popover-CBn3dqXl.js";
+import { C as T } from "../chip-group-Bbc7ODc9.js";
+import { P as D } from "../popover-Vl3YZS_1.js";
 const M = /* @__PURE__ */ p("div")({
   name: "ElExperimentalSelectCustomContainer",
   class: "el-experimental-select-custom-container",
@@ -212,7 +212,7 @@ function V({
       }
     ),
     g && /* @__PURE__ */ n(S, { id: L, size: "xs", "data-error": !!B, children: g }),
-    t && d.length > 0 && /* @__PURE__ */ n(T, { children: d.map((a, m) => /* @__PURE__ */ n(
+    t && d.length > 0 && /* @__PURE__ */ n(T, { variant: "selection", children: d.map((a, m) => /* @__PURE__ */ n(
       T.Item,
       {
         variant: "filter",

package/dist/js/line-clamp-CHNeGLIi.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),C=require("./anchor-positioning-B1du9Wtv.cjs");require("./button-base-tw0zLUCC.cjs");const i=require("react"),b=require("./button-Ccwmxlgv.cjs"),m="el-line-clamp-text",h="el-line-clamp-disclosure-button";function d(e){return e?e.scrollHeight>e.clientHeight:!1}function g(e,o=[]){const[s,r]=i.useState(!1);return i.useLayoutEffect(function(){const t=document.getElementById(e);if(t){r(d(t));const l=new ResizeObserver(()=>{r(d(t))});return l.observe(t),()=>{l.disconnect()}}},[...o,e]),s}function x({as:e="p",children:o,clampTo:s,...r}){const c=i.useId(),t=i.useId(),l=s!=="none",a=g(t,[o,s]),[n,p]=i.useState(!1),f=n?void 0:s;return u.jsxs(e,{...r,children:[u.jsx(C.AnchorPositioning,{anchorElementId:t,right:"anchor(right)",bottom:"anchor(bottom)",positionedElementId:c}),u.jsx("span",{className:m,"data-is-clamped":a&&!n,id:t,style:{"--line-clamp":f},children:o}),u.jsx(b.Button,{"aria-hidden":!0,className:h,hasNoPadding:!0,hidden:!l||!n&&!a,id:n?void 0:c,onClick:()=>p(!n),size:"medium",variant:"tertiary",children:n?"Show less":"Show more"},c)]})}exports.LineClamp=x;exports.elLineClampDisclosureButton=h;exports.elLineClampText=m;

package/dist/js/line-clamp-Cjqgeaqb.js

@@ -0,0 +1,71 @@
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
+import { A as f } from "./anchor-positioning-CVXI9jJO.js";
+import "./button-base-BcnVjgNa.js";
+import { useState as m, useLayoutEffect as b, useId as d } from "react";
+import { B as g } from "./button-DB4XETG9.js";
+const v = "el-line-clamp-text", C = "el-line-clamp-disclosure-button";
+function u(e) {
+  return e ? e.scrollHeight > e.clientHeight : !1;
+}
+function I(e, o = []) {
+  const [s, i] = m(!1);
+  return b(
+    function() {
+      const t = document.getElementById(e);
+      if (t) {
+        i(u(t));
+        const a = new ResizeObserver(() => {
+          i(u(t));
+        });
+        return a.observe(t), () => {
+          a.disconnect();
+        };
+      }
+    },
+    [...o, e]
+  ), s;
+}
+function H({ as: e = "p", children: o, clampTo: s, ...i }) {
+  const r = d(), t = d(), a = s !== "none", c = I(t, [o, s]), [n, p] = m(!1);
+  return /* @__PURE__ */ h(e, { ...i, children: [
+    /* @__PURE__ */ l(
+      f,
+      {
+        anchorElementId: t,
+        right: "anchor(right)",
+        bottom: "anchor(bottom)",
+        positionedElementId: r
+      }
+    ),
+    /* @__PURE__ */ l(
+      "span",
+      {
+        className: v,
+        "data-is-clamped": c && !n,
+        id: t,
+        style: { "--line-clamp": n ? void 0 : s },
+        children: o
+      }
+    ),
+    /* @__PURE__ */ l(
+      g,
+      {
+        "aria-hidden": !0,
+        className: C,
+        hasNoPadding: !0,
+        hidden: !a || !n && !c,
+        id: n ? void 0 : r,
+        onClick: () => p(!n),
+        size: "medium",
+        variant: "tertiary",
+        children: n ? "Show less" : "Show more"
+      },
+      r
+    )
+  ] });
+}
+export {
+  H as L,
+  C as a,
+  v as e
+};

package/dist/js/listbox-BBRIGXRu.js

@@ -0,0 +1,343 @@
+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 { h as ce } from "./handle-arrow-navigation-r7GKm-no.js";
+import { u as T } from "./use-mutation-observer-hOVGFYZQ.js";
+const L = k(null);
+function I() {
+  const e = A(L);
+  if (!e)
+    throw new Error("useListboxContext must be used within a Listbox");
+  return e;
+}
+class f extends Error {
+  constructor(t) {
+    super(t), this.name = "ListboxError", Error.captureStackTrace && Error.captureStackTrace(this, f);
+  }
+}
+function v(e) {
+  const t = document.getElementById(e);
+  if (!t)
+    throw new f(`Listbox with id "${e}" does not exist in the document`);
+  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"}`
+    );
+  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(
+      `Option with value "${t}" does not exist in select element. Available values: [${n}]`
+    );
+  }
+  return o;
+}
+function R(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;
+  for (const n of Array.from(t.selectedOptions))
+    n.selected = !1;
+  o && R(t);
+}
+function O(e) {
+  const t = e instanceof HTMLSelectElement ? e : v(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(
+    // 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 H(e) {
+  return `${e}-select`;
+}
+const m = k(null);
+function C() {
+  const e = A(m);
+  if (!e)
+    throw new Error("useListboxRenderContext must be used within a Listbox");
+  return e;
+}
+const ue = {
+  auto: (e, t) => t.multiple ? !e : !0,
+  toggle: (e) => !e,
+  select: () => !0
+};
+function de(e) {
+  return e === "auto" || e === "toggle" || e === "select";
+}
+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]);
+}
+function $({
+  as: e,
+  children: t,
+  disabled: o,
+  onClick: n,
+  value: s,
+  ...i
+}) {
+  const r = e || "button", a = I(), u = C(), l = a.selectValue.includes(s) || s === "" && a.selectValue.length === 0;
+  if (u === "native")
+    return l ? null : /* @__PURE__ */ d("option", { value: s, children: t });
+  const h = (b) => {
+    n?.(b), fe(b);
+  };
+  return /* @__PURE__ */ d(
+    r,
+    {
+      ...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,
+      role: "option",
+      tabIndex: -1,
+      type: "button",
+      value: s,
+      children: t
+    }
+  );
+}
+$.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 });
+}
+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) {
+  return /* @__PURE__ */ F(
+    be,
+    {
+      ...r,
+      hidden: !0,
+      multiple: s,
+      onChange: o,
+      onInput: o,
+      ref: a,
+      value: s ? i : i[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) => (
+          // 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 })
+      ]
+    }
+  );
+});
+function xe(e) {
+  const t = e.currentTarget;
+  t.contains(e.relatedTarget) || (t.tabIndex = 0);
+}
+function p(e) {
+  return e instanceof HTMLButtonElement;
+}
+function pe(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();
+    return;
+  }
+  if (r) {
+    t.tabIndex = -1;
+    const u = t.querySelector(M);
+    if (p(u)) {
+      u.focus();
+      return;
+    }
+    const l = t.querySelector(g);
+    p(l) && (l.focus(), o && l.click());
+  }
+}
+function he({
+  onBlur: e,
+  onFocus: t,
+  onKeyDown: o
+}) {
+  return {
+    onBlur: (r) => {
+      e?.(r), xe(r);
+    },
+    onFocus: (r) => {
+      t?.(r), me(r);
+    },
+    onKeyDown: (r) => {
+      o?.(r), ce(r, { selectors: g });
+    }
+  };
+}
+function Se(e, t) {
+  const o = ne(t);
+  y(
+    function() {
+      o.current = t;
+    },
+    [t]
+  );
+  const n = oe(() => {
+    const s = document.getElementById(e);
+    if (s) {
+      const i = O(e), r = V(s);
+      o.current(r, i);
+    }
+  }, [e]);
+  y(function() {
+    n();
+  }, []), T(e, n, Ee), T(H(e), n, Le);
+}
+const Ee = {
+  // Observe attribute changes
+  attributeFilter: ["aria-checked", "aria-selected"],
+  // Observe full subtree
+  subtree: !0
+}, Le = {
+  // Observe addition/removal of child elements (the native <option> elements)
+  childList: !0
+};
+function ve({
+  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)));
+  }];
+}
+function E(e) {
+  return typeof e == "string" ? [e] : e;
+}
+function Oe(e) {
+  return B(e);
+}
+function c({
+  "aria-disabled": e = !1,
+  "aria-multiselectable": t = !1,
+  "aria-orientation": o = "vertical",
+  "aria-required": n = !1,
+  as: s,
+  children: i,
+  className: r,
+  defaultValue: a,
+  id: u,
+  name: l,
+  onBlur: h,
+  onChange: b,
+  onFocus: P,
+  onKeyDown: j,
+  placeholder: q,
+  selectAction: w = "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]
+  );
+  return /* @__PURE__ */ d(
+    U,
+    {
+      ...Q,
+      ...Y,
+      "aria-disabled": e,
+      "aria-multiselectable": t,
+      "aria-orientation": o,
+      "aria-required": n,
+      "data-selection-follows-focus": z,
+      className: r,
+      id: x,
+      role: "listbox",
+      style: G,
+      tabIndex: 0,
+      children: /* @__PURE__ */ F(L.Provider, { value: Z, children: [
+        /* @__PURE__ */ d(
+          N,
+          {
+            disabled: e,
+            id: H(x),
+            multiple: t,
+            name: l,
+            onChange: X,
+            placeholder: q,
+            ref: _,
+            required: n,
+            value: S,
+            children: i
+          }
+        ),
+        /* @__PURE__ */ d(m.Provider, { value: "custom", children: i })
+      ] })
+    }
+  );
+}
+c.Divider = ee;
+c.Option = $;
+c.Optgroup = K;
+c.Select = N;
+c.useSelectionObserver = Se;
+c.useState = Oe;
+c.Context = L;
+c.RenderContext = m;
+c.useContext = I;
+c.useRenderContext = C;
+c.clearValue = le;
+c.getSelectedOptions = V;
+c.getValue = O;
+c.setOptionSelectedState = D;
+export {
+  L,
+  g as O,
+  M as S,
+  V as a,
+  H as b,
+  le as c,
+  c as d,
+  K as e,
+  $ as f,
+  O as g,
+  m as h,
+  C as i,
+  he as j,
+  Se as k,
+  ve as l,
+  Oe as m,
+  D as s,
+  I as u
+};

package/dist/js/listbox-BbmKy0PR.cjs

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

package/dist/js/menu-3uzyqdE-.cjs

@@ -0,0 +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-DEFBfQ-G.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;

package/dist/js/{menu-D9gFfy6f.js → menu-B0COo9_q.js}

@@ -2,8 +2,8 @@ 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 { useId as b, useCallback as g } from "react";
-import { P as h } from "./popover-CBn3dqXl.js";
-import { D as T } from "./divider-BoruTiNP.js";
+import { P as h } from "./popover-Vl3YZS_1.js";
+import { D as N } from "./divider-BoruTiNP.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")({
@@ -15,12 +15,16 @@ const $ = /* @__PURE__ */ t("div")({
   class: "el-menu-group-label-container",
   propsAsIs: !1
 });
-function x({ "aria-label": e, children: n, label: s, role: i = "group", ...r }) {
+function x({ "aria-label": n, children: e, label: s, role: i = "group", ...r }) {
   const l = b();
-  return /* @__PURE__ */ f($, { ...r, "aria-label": e, "aria-labelledby": e ? void 0 : l, role: i, children: [
-    s && /* @__PURE__ */ a(D, { id: l, children: s }),
-    n
-  ] });
+  return (
+    // NOTE: we do not wire-up aria-labelledby when aria-label is provided. By default, aria-labelledby takes
+    // precedence. 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__ */ f($, { ...r, "aria-label": n, "aria-labelledby": n ? void 0 : l, role: i, children: [
+      s && /* @__PURE__ */ a(D, { id: l, children: s }),
+      e
+    ] })
+  );
 }
 x.displayName = "Menu.Group";
 const j = "el-menu-item", A = /* @__PURE__ */ t("span")({
@@ -48,9 +52,9 @@ const j = "el-menu-item", A = /* @__PURE__ */ t("span")({
   class: "el-menu-item-supplementary-info",
   propsAsIs: !1
 });
-function v({
-  "aria-disabled": e,
-  as: n,
+function P({
+  "aria-disabled": n,
+  as: e,
   badge: s,
   className: i,
   children: r,
@@ -61,7 +65,7 @@ function v({
   supplementaryInfo: c,
   ...p
 }) {
-  const d = b(), E = b(), C = b(), N = g(
+  const d = b(), E = b(), C = b(), v = g(
     (I) => {
       if (I.currentTarget.getAttribute("aria-disabled") === "true") {
         I.preventDefault(), I.stopPropagation();
@@ -72,14 +76,14 @@ function v({
     [m]
   );
   return /* @__PURE__ */ f(
-    n,
+    e,
     {
       ...p,
       "aria-details": `${E} ${C}`,
-      "aria-disabled": !!p.disabled || !!e,
+      "aria-disabled": !!p.disabled || !!n,
       "aria-labelledby": d,
       className: y(j, i),
-      onClick: N,
+      onClick: v,
       role: M,
       children: [
         l && /* @__PURE__ */ a(A, { "aria-hidden": !0, children: l }),
@@ -95,35 +99,37 @@ function v({
     }
   );
 }
-function P(e) {
-  return /* @__PURE__ */ a(v, { as: "a", ...e });
+function T(n) {
+  return /* @__PURE__ */ a(P, { as: "a", ...n });
 }
-P.displayName = "Menu.AnchorItem";
-function k(e) {
-  return /* @__PURE__ */ a(v, { as: "button", ...e });
+T.displayName = "Menu.AnchorItem";
+function k(n) {
+  return /* @__PURE__ */ a(P, { as: "button", ...n });
 }
 k.displayName = "Menu.Item";
 const w = "el-menu";
-function F(e) {
+function F(n) {
   return g(
-    (n) => {
-      e?.(n), !n.defaultPrevented && n.target instanceof HTMLElement && // The event target may not be a child of the element with the `menuitem` role
-      (n.target.role === "menuitem" || n.target.closest('[role="menuitem"]') !== null) && n.currentTarget.hidePopover();
+    (e) => {
+      n?.(e), !e.defaultPrevented && // We only close if the click was initiated by the user; this helps us avoid closing the menu
+      // when the click was triggered by a programmatic action, such as element.click().
+      e.isTrusted && e.target instanceof HTMLElement && // Any target that is a menuitem, or a child of a menuitem, should close the menu
+      (e.target.role === "menuitem" || e.target.closest('[role="menuitem"]') !== null) && e.currentTarget.hidePopover();
     },
-    [e]
+    [n]
   );
 }
-function O(e) {
+function O(n) {
   return g(
-    (n) => {
-      e?.(n), !n.defaultPrevented && (L(n), G(n));
+    (e) => {
+      n?.(e), !e.defaultPrevented && (L(e), G(e));
     },
-    [e]
+    [n]
   );
 }
 function o({
-  "aria-labelledby": e,
-  children: n,
+  "aria-labelledby": n,
+  children: e,
   className: s,
   gap: i = "--spacing-1",
   maxHeight: r,
@@ -138,8 +144,8 @@ function o({
     h,
     {
       ...c,
-      "aria-labelledby": e,
-      anchorId: e,
+      "aria-labelledby": n,
+      anchorId: n,
       className: y(w, s),
       elevation: "xl",
       gap: `var(${i})`,
@@ -151,23 +157,23 @@ function o({
       positionTryFallbacks: "flip-block, flip-inline",
       popover: "auto",
       role: "menu",
-      children: n
+      children: e
     }
   );
 }
-o.AnchorItem = P;
-o.Divider = T;
+o.AnchorItem = T;
+o.Divider = N;
 o.Group = x;
 o.Item = k;
 o.getClosestMenuElement = h.getClosestPopoverElement;
 o.getTriggerProps = h.getTriggerProps;
 export {
-  P as A,
+  T as A,
   $ as E,
   x as M,
   D as a,
   k as b,
-  v as c,
+  P as c,
   A as d,
   j as e,
   B as f,