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

package/dist/js/listbox-CpjeARsg.js

@@ -0,0 +1,325 @@
+import { jsx as u, jsxs as w } from "react/jsx-runtime";
+import { D as W } from "./divider-BoruTiNP.js";
+import { createContext as y, useContext as T, useRef as X, useEffect as g, useCallback as Y, useState as Z, useId as C } from "react";
+import { s as ee } from "./index-YtxCR-9e.js";
+import { h as te } from "./handle-arrow-navigation-r7GKm-no.js";
+import { u as ne } from "./use-mutation-observer-hOVGFYZQ.js";
+const h = y(null);
+function F() {
+  const e = T(h);
+  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 E(e) {
+  const t = document.getElementById(e);
+  if (!t)
+    throw new f(`Listbox with id "${e}" does not exist in the document`);
+  const n = t.firstElementChild;
+  if (!(n instanceof HTMLSelectElement))
+    throw new f(
+      `Listbox "${e}" does not contain a select element as its first child. Found: ${n?.constructor.name ?? "null"}`
+    );
+  return n;
+}
+function oe(e, t) {
+  const n = Array.from(e.options).find((o) => o.value === t);
+  if (!(n instanceof HTMLOptionElement)) {
+    const o = Array.from(e.options).map((s) => s.value).join(", ");
+    throw new f(
+      `Option with value "${t}" does not exist in select element. Available values: [${o}]`
+    );
+  }
+  return n;
+}
+function I(e) {
+  const t = new Event("input", { bubbles: !0, cancelable: !0 });
+  e.dispatchEvent(t);
+}
+function se(e) {
+  const t = E(e), n = t.selectedOptions.length > 0;
+  for (const o of Array.from(t.selectedOptions))
+    o.selected = !1;
+  n && I(t);
+}
+function k(e) {
+  const t = e instanceof HTMLSelectElement ? e : E(e);
+  return Array.from(t.selectedOptions).map((n) => n.value).filter((n) => n !== "");
+}
+const L = 'button[role="option"]', A = `${L}:is([aria-checked="true"], [aria-selected="true"])`;
+function B(e) {
+  return Array.from(e.querySelectorAll(A));
+}
+function R(e, t, n) {
+  const o = E(e), s = oe(o, t), r = s.selected;
+  s.selected = n(s.selected, o), r !== s.selected && I(o);
+}
+const x = y(null);
+function S() {
+  const e = T(x);
+  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: n } = e.currentTarget.dataset, o = e.currentTarget.value;
+  !t || !o || re(n) && R(t, o, ie[n]);
+}
+function V({
+  as: e,
+  children: t,
+  disabled: n,
+  onClick: o,
+  value: s,
+  ...r
+}) {
+  const i = e || "button", l = F(), d = S(), a = l.selectValue.includes(s);
+  if (d === "native")
+    return a ? null : /* @__PURE__ */ u("option", { value: s, children: t });
+  const m = (b) => {
+    o?.(b), ce(b);
+  };
+  return /* @__PURE__ */ u(
+    i,
+    {
+      ...r,
+      "aria-checked": l.multiple ? a : void 0,
+      "aria-selected": l.multiple ? void 0 : a,
+      "data-listbox-id": l.listboxId,
+      "data-select-action": l.selectAction,
+      disabled: l.disabled || n,
+      onClick: m,
+      role: "option",
+      tabIndex: -1,
+      type: "button",
+      value: s,
+      children: t
+    }
+  );
+}
+V.displayName = "Listbox.Option";
+function D({ as: e, children: t, label: n, ...o }) {
+  return S() === "native" ? /* @__PURE__ */ u("optgroup", { label: n, children: t }) : /* @__PURE__ */ u(e, { ...o, label: n, role: "group", children: t });
+}
+D.displayName = "Listbox.Optgroup";
+const ae = /* @__PURE__ */ ee("select")({
+  name: "ElListboxSelect",
+  class: "el-listbox-select",
+  propsAsIs: !1
+});
+function M({
+  children: e,
+  onChange: t,
+  placeholder: n = "Select an option",
+  multiple: o,
+  value: s,
+  ...r
+}) {
+  return /* @__PURE__ */ w(
+    ae,
+    {
+      ...r,
+      hidden: !0,
+      multiple: o,
+      onChange: t,
+      onInput: t,
+      value: o ? s : s[0] ?? "",
+      children: [
+        !o && // 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__ */ u("option", { value: "", children: n }),
+        s.map((i) => (
+          // 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__ */ u("option", { value: i, children: i }, i)
+        )),
+        /* @__PURE__ */ u(x.Provider, { value: "native", children: e })
+      ]
+    }
+  );
+}
+function le(e) {
+  const t = e.currentTarget;
+  t.contains(e.relatedTarget) || (t.tabIndex = 0);
+}
+function p(e) {
+  return e instanceof HTMLButtonElement;
+}
+function ue(e) {
+  return e instanceof HTMLElement && e.matches(":focus-visible");
+}
+function de(e) {
+  const t = e.currentTarget, n = t.dataset.selectionFollowsFocus === "true", { relatedTarget: o, target: s } = e;
+  if (!ue(s))
+    return;
+  const i = !t.contains(o);
+  if (t.contains(o) && p(s) && p(o) && n) {
+    s.click();
+    return;
+  }
+  if (i) {
+    t.tabIndex = -1;
+    const d = t.querySelector(A);
+    if (p(d)) {
+      d.focus();
+      return;
+    }
+    const a = t.querySelector(L);
+    p(a) && (a.focus(), n && a.click());
+  }
+}
+function fe({
+  onBlur: e,
+  onFocus: t,
+  onKeyDown: n
+}) {
+  return {
+    onBlur: (i) => {
+      e?.(i), le(i);
+    },
+    onFocus: (i) => {
+      t?.(i), de(i);
+    },
+    onKeyDown: (i) => {
+      n?.(i), te(i, { selectors: L });
+    }
+  };
+}
+function be(e, t) {
+  const n = X(t);
+  g(
+    function() {
+      n.current = t;
+    },
+    [t]
+  );
+  const o = Y(() => {
+    const s = document.getElementById(e);
+    if (s) {
+      const r = B(s);
+      n.current(r);
+    }
+  }, [e]);
+  g(function() {
+    o();
+  }, []), ne(e, o, pe);
+}
+const pe = {
+  attributeFilter: ["aria-checked", "aria-selected"],
+  subtree: !0
+};
+function xe({
+  defaultValue: e,
+  multiple: t,
+  onChange: n,
+  value: o
+}) {
+  const [s, r] = Z(o ?? e ?? []), i = o ?? s;
+  return [t ? i : i.slice(0, 1), (a) => {
+    n?.(a), r(k(a.currentTarget));
+  }];
+}
+function c({
+  "aria-disabled": e = !1,
+  "aria-multiselectable": t = !1,
+  "aria-orientation": n = "vertical",
+  "aria-required": o = !1,
+  as: s,
+  children: r,
+  className: i,
+  defaultValue: l,
+  id: d,
+  name: a,
+  onBlur: m,
+  onChange: b,
+  onFocus: H,
+  onKeyDown: K,
+  placeholder: $,
+  selectAction: N = "auto",
+  selectionFollowsFocus: P = !t,
+  style: j,
+  value: q,
+  ..._
+}) {
+  const z = s ?? "div", G = C(), J = C(), v = d ?? J, [O, Q] = xe({ defaultValue: l, multiple: t, onChange: b, value: q }), U = fe({ onBlur: m, onFocus: H, onKeyDown: K });
+  return /* @__PURE__ */ u(
+    z,
+    {
+      ..._,
+      ...U,
+      "aria-disabled": e,
+      "aria-multiselectable": t,
+      "aria-orientation": n,
+      "aria-required": o,
+      "data-selection-follows-focus": P,
+      className: i,
+      id: v,
+      role: "listbox",
+      style: j,
+      tabIndex: 0,
+      children: /* @__PURE__ */ w(h.Provider, { value: { disabled: e, listboxId: v, multiple: t, selectAction: N, selectValue: O }, children: [
+        /* @__PURE__ */ u(
+          M,
+          {
+            disabled: e,
+            id: G,
+            multiple: t,
+            name: a,
+            onChange: Q,
+            placeholder: $,
+            required: o,
+            value: O,
+            children: r
+          }
+        ),
+        /* @__PURE__ */ u(x.Provider, { value: "custom", children: r })
+      ] })
+    }
+  );
+}
+c.Divider = W;
+c.Option = V;
+c.Optgroup = D;
+c.Select = M;
+c.useSelectionObserver = be;
+c.Context = h;
+c.RenderContext = x;
+c.useContext = F;
+c.useRenderContext = S;
+c.clearValue = se;
+c.getSelectedOptions = B;
+c.getValue = k;
+c.setOptionSelectedState = R;
+export {
+  h as L,
+  L as O,
+  A as S,
+  B as a,
+  c as b,
+  se as c,
+  D as d,
+  V as e,
+  x as f,
+  k as g,
+  S as h,
+  fe as i,
+  be as j,
+  xe as k,
+  R as s,
+  F as u
+};

package/dist/js/listbox-KFMBDR-S.cjs

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

package/dist/js/loader-9mmsZbWY.cjs

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

package/dist/js/loader-gryNuf6D.js

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { s as a } from "./index-YtxCR-9e.js";
+import { a as n } from "./deprecated-states-CuyVqPko.js";
+const d = /* @__PURE__ */ a("div")({
+  name: "ElLoaderContainer",
+  class: "el-loader-container",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ a("p")({
+  name: "ElLoaderLabel",
+  class: "el-loader-label",
+  propsAsIs: !1
+}), i = /* @__PURE__ */ a("div")({
+  name: "ElLoader",
+  class: "el-loader",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ a("div")({
+  name: "ElLoaderMovingBar",
+  class: "el-loader-moving-bar",
+  propsAsIs: !1
+}), E = ({ label: e, fullPage: l, ...o }) => /* @__PURE__ */ r(d, { className: l ? n : "", children: [
+  e && /* @__PURE__ */ s(c, { children: e }),
+  /* @__PURE__ */ s(i, { ...o, children: /* @__PURE__ */ s(t, {}) })
+] });
+export {
+  d as E,
+  E as L,
+  c as a,
+  i as b,
+  t as c
+};

package/dist/js/main-container-Be3OXwTh.js

@@ -0,0 +1,36 @@
+import { jsx as a } from "react/jsx-runtime";
+import { s as t } from "./index-YtxCR-9e.js";
+const c = /* @__PURE__ */ t("div")({
+  name: "ElMainContainer",
+  class: "el-main-container",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ t("div")({
+  name: "ElMainContainerContent",
+  class: "el-main-container-content",
+  propsAsIs: !1
+});
+function f({
+  as: e = "div",
+  backgroundColour: n,
+  children: i,
+  size: s = "fluid",
+  style: o,
+  template: l = "single-column",
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    c,
+    {
+      ...r,
+      as: e,
+      "data-size": s,
+      style: { ...o, ...n && { backgroundColor: `var(${n})` } },
+      children: /* @__PURE__ */ a(m, { "data-template": l, children: i })
+    }
+  );
+}
+export {
+  c as E,
+  f as M,
+  m as a
+};

package/dist/js/main-container-jVZdjdRn.cjs

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

package/dist/js/make-icon-Cob4GLCf.js

@@ -0,0 +1,12 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as m } from "./index-BsMVp4qF.js";
+const s = "el-icon";
+function u(o, e) {
+  function n({ className: t, color: a = "inherit", size: c = "100%", ...r }) {
+    return /* @__PURE__ */ i(e, { ...r, className: m(s, t), color: a, "data-size": c });
+  }
+  return n.displayName = o, n;
+}
+export {
+  u as m
+};

package/dist/js/make-icon-Dyq7zYz_.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),a=require("./index-8ctufnBx.cjs"),u="el-icon";function l(n,c){function e({className:t,color:i="inherit",size:s="100%",...o}){return r.jsx(c,{...o,className:a.cx_default(u,t),color:i,"data-size":s})}return e.displayName=n,e}exports.makeIcon=l;

package/dist/js/match-media-BhV24ZxC.js

@@ -0,0 +1,7 @@
+import { u as e } from "./use-match-media-3UiitAUD.js";
+function n({ condition: t, children: a }) {
+  return e(t) ? a : null;
+}
+export {
+  n as M
+};

package/dist/js/match-media-CbN_J5GN.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./use-match-media-BfoAxEfC.cjs");function c({condition:e,children:t}){return a.useMatchMedia(e)?t:null}exports.MatchMedia=c;

package/dist/js/menu-C9dHilkn.cjs

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

package/dist/js/menu-CY3VaZRu.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),v=require("./index-8ctufnBx.cjs"),a=require("./index-Dmlb2--K.cjs"),r=require("react"),g=require("./popover-CbOEj92d.cjs"),B=require("./divider-CGhRVA_A.cjs"),D=require("./handle-arrow-navigation-CKkGc2A5.cjs"),S=require("./utils/keyboard-navigation.cjs"),j=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":e,children:n,label:l,role:i="group",...o}){const s=r.useId();return t.jsxs(j,{...o,"aria-label":e,"aria-labelledby":e?void 0:s,role:i,children:[l&&t.jsx(_,{id:s,children:l}),n]})}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":e,as:n,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(n,{...p,"aria-details":`${y} ${A}`,"aria-disabled":!!p.disabled||!!e,"aria-labelledby":I,className:v.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(e){return t.jsx(x,{as:"a",...e})}C.displayName="Menu.AnchorItem";function h(e){return t.jsx(x,{as:"button",...e})}h.displayName="Menu.Item";const L="el-menu";function w(e){return r.useCallback(n=>{e?.(n),!n.defaultPrevented&&n.target instanceof HTMLElement&&(n.target.role==="menuitem"||n.target.closest('[role="menuitem"]')!==null)&&n.currentTarget.hidePopover()},[e])}function H(e){return r.useCallback(n=>{e?.(n),!n.defaultPrevented&&(S.handleLinkActivation(n),D.handleArrowNavigation(n))},[e])}function u({"aria-labelledby":e,children:n,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":e,anchorId:e,className:v.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:n})}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=j;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

@@ -0,0 +1,180 @@
+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 { h as G } from "./handle-arrow-navigation-r7GKm-no.js";
+import { handleLinkActivation as L } from "./utils/keyboard-navigation.js";
+const $ = /* @__PURE__ */ t("div")({
+  name: "ElMenuGroup",
+  class: "el-menu-group",
+  propsAsIs: !1
+}), D = /* @__PURE__ */ t("div")({
+  name: "ElMenuGroupLabelContainer",
+  class: "el-menu-group-label-container",
+  propsAsIs: !1
+});
+function x({ "aria-label": e, children: n, 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
+  ] });
+}
+x.displayName = "Menu.Group";
+const j = "el-menu-item", A = /* @__PURE__ */ t("span")({
+  name: "ElMenuItemIconContainer",
+  class: "el-menu-item-icon-container",
+  propsAsIs: !1
+}), B = /* @__PURE__ */ t("span")({
+  name: "ElMenuItemContentContainer",
+  class: "el-menu-item-content-container",
+  propsAsIs: !1
+}), H = /* @__PURE__ */ t("span")({
+  name: "ElMenuItemLabel",
+  class: "el-menu-item-label",
+  propsAsIs: !1
+}), K = /* @__PURE__ */ t("span")({
+  name: "ElMenuItemLabelText",
+  class: "el-menu-item-label-text",
+  propsAsIs: !1
+}), S = /* @__PURE__ */ t("span")({
+  name: "ElMenuItemBadgeContainer",
+  class: "el-menu-item-badge-container",
+  propsAsIs: !1
+}), _ = /* @__PURE__ */ t("span")({
+  name: "ElMenuItemSupplementaryInfo",
+  class: "el-menu-item-supplementary-info",
+  propsAsIs: !1
+});
+function v({
+  "aria-disabled": e,
+  as: n,
+  badge: s,
+  className: i,
+  children: r,
+  iconLeft: l,
+  iconRight: u,
+  onClick: m,
+  role: M = "menuitem",
+  supplementaryInfo: c,
+  ...p
+}) {
+  const d = b(), E = b(), C = b(), N = g(
+    (I) => {
+      if (I.currentTarget.getAttribute("aria-disabled") === "true") {
+        I.preventDefault(), I.stopPropagation();
+        return;
+      }
+      m?.(I);
+    },
+    [m]
+  );
+  return /* @__PURE__ */ f(
+    n,
+    {
+      ...p,
+      "aria-details": `${E} ${C}`,
+      "aria-disabled": !!p.disabled || !!e,
+      "aria-labelledby": d,
+      className: y(j, i),
+      onClick: N,
+      role: M,
+      children: [
+        l && /* @__PURE__ */ a(A, { "aria-hidden": !0, children: l }),
+        /* @__PURE__ */ f(B, { children: [
+          /* @__PURE__ */ f(H, { children: [
+            r && /* @__PURE__ */ a(K, { id: d, children: r }),
+            s && /* @__PURE__ */ a(S, { id: E, children: s })
+          ] }),
+          c && /* @__PURE__ */ a(_, { id: C, children: c })
+        ] }),
+        u && /* @__PURE__ */ a(A, { "aria-hidden": !0, children: u })
+      ]
+    }
+  );
+}
+function P(e) {
+  return /* @__PURE__ */ a(v, { as: "a", ...e });
+}
+P.displayName = "Menu.AnchorItem";
+function k(e) {
+  return /* @__PURE__ */ a(v, { as: "button", ...e });
+}
+k.displayName = "Menu.Item";
+const w = "el-menu";
+function F(e) {
+  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]
+  );
+}
+function O(e) {
+  return g(
+    (n) => {
+      e?.(n), !n.defaultPrevented && (L(n), G(n));
+    },
+    [e]
+  );
+}
+function o({
+  "aria-labelledby": e,
+  children: n,
+  className: s,
+  gap: i = "--spacing-1",
+  maxHeight: r,
+  maxWidth: l,
+  onClick: u,
+  onKeyDown: m,
+  placement: M = "top-start",
+  ...c
+}) {
+  const p = F(u), d = O(m);
+  return /* @__PURE__ */ a(
+    h,
+    {
+      ...c,
+      "aria-labelledby": e,
+      anchorId: e,
+      className: y(w, s),
+      elevation: "xl",
+      gap: `var(${i})`,
+      maxHeight: `var(${r})`,
+      maxWidth: `var(${l})`,
+      onClick: p,
+      onKeyDown: d,
+      placement: M,
+      positionTryFallbacks: "flip-block, flip-inline",
+      popover: "auto",
+      role: "menu",
+      children: n
+    }
+  );
+}
+o.AnchorItem = P;
+o.Divider = T;
+o.Group = x;
+o.Item = k;
+o.getClosestMenuElement = h.getClosestPopoverElement;
+o.getTriggerProps = h.getTriggerProps;
+export {
+  P as A,
+  $ as E,
+  x as M,
+  D as a,
+  k as b,
+  v as c,
+  A as d,
+  j as e,
+  B as f,
+  H as g,
+  K as h,
+  S as i,
+  _ as j,
+  o as k,
+  w as l
+};