@reapit/elements 5.0.0-beta.39 → 5.0.0-beta.40

package/dist/js/match-media-BEA-ogMA.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react");function h(e){const[t,a]=n.useState(()=>globalThis.matchMedia(e).matches);return n.useEffect(function(){const s=globalThis.matchMedia(e);a(s.matches);const c=u=>{a(u.matches)};return s.addEventListener("change",c),()=>{s.removeEventListener("change",c)}},[e]),t}function r({condition:e,children:t}){return h(e)?t:null}exports.MatchMedia=r;exports.useMatchMedia=h;

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

@@ -0,0 +1,24 @@
+import { useState as h, useEffect as r } from "react";
+function u(e) {
+  const [t, a] = h(() => globalThis.matchMedia(e).matches);
+  return r(
+    function() {
+      const s = globalThis.matchMedia(e);
+      a(s.matches);
+      const c = (n) => {
+        a(n.matches);
+      };
+      return s.addEventListener("change", c), () => {
+        s.removeEventListener("change", c);
+      };
+    },
+    [e]
+  ), t;
+}
+function o({ condition: e, children: t }) {
+  return u(e) ? t : null;
+}
+export {
+  o as M,
+  u
+};

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-DNfb22IS.cjs

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

package/dist/js/menu-RBD640_2.js

@@ -0,0 +1,242 @@
+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";
+const x = () => {
+  const [e, t] = M(!1), r = (o) => ({
+    ...o,
+    "aria-haspopup": !0,
+    "aria-expanded": e,
+    role: "button",
+    onKeyDown: (s) => {
+      if (s.key === "ArrowDown") {
+        const u = s.currentTarget.parentElement.querySelectorAll(
+          '[role="menuitem"]'
+        );
+        u.length && u[0].focus();
+      }
+      o?.onKeyDown?.(s);
+    },
+    onClick: (s) => {
+      t((u) => !u), o?.onClick && o.onClick(s);
+    }
+  }), n = (o) => ({
+    ...o,
+    "data-open": e,
+    // close menu when "focus" move out of menu
+    onBlur: (s) => {
+      const u = s.currentTarget.parentElement?.querySelector('[role="button"]');
+      !s.currentTarget.contains(s.relatedTarget) && s.relatedTarget !== u && m();
+    },
+    // handle basic navigation key refer to https://www.w3.org/WAI/ARIA/apg/patterns/menubar
+    onKeyDown: (s) => {
+      const u = s.currentTarget, i = u?.querySelector('[role="button"]'), c = u?.querySelectorAll('[role="menuitem"]');
+      let d = -1;
+      switch (c.forEach((g, v) => {
+        g === document.activeElement && (d = v);
+      }), s.key) {
+        case "ArrowDown": {
+          c[(d + 1) % c.length].focus();
+          break;
+        }
+        case "ArrowUp": {
+          c[(d - 1 + c.length) % c.length].focus();
+          break;
+        }
+        case "Escape":
+          m(), i.focus();
+          break;
+        case "Enter":
+        case " ": {
+          c[d].click();
+          break;
+        }
+      }
+    }
+  }), a = () => {
+    t(!0);
+  }, m = () => {
+    t(!1);
+  };
+  return { isOpen: e, openMenu: a, closeMenu: m, getTriggerProps: r, getPopoverProps: n };
+}, E = y(null), P = ({ children: e }) => {
+  const t = x();
+  return /* @__PURE__ */ l(E.Provider, { value: t, children: e });
+}, h = () => {
+  const e = A(E);
+  if (!e)
+    throw new Error("useMenuContext must be used within a MenuProvider");
+  return e;
+}, k = /* @__PURE__ */ p("div")({
+  name: "ElDeprecatedMenuPopover",
+  class: "el-deprecated-menu-popover",
+  propsAsIs: !1
+}), B = /* @__PURE__ */ p("div")({
+  name: "ElDeprecatedMenu",
+  class: "el-deprecated-menu",
+  propsAsIs: !1
+}), L = /* @__PURE__ */ p("span")({
+  name: "ElDeprecatedMenuItemSupplementaryInfo",
+  class: "el-deprecated-menu-item-supplementary-info",
+  propsAsIs: !1
+}), T = /* @__PURE__ */ p("span")({
+  name: "ElDeprecatedMenuItemLabelContainer",
+  class: "el-deprecated-menu-item-label-container",
+  propsAsIs: !1
+}), S = /* @__PURE__ */ p("span")({
+  name: "ElDeprecatedMenuItemLabel",
+  class: "el-deprecated-menu-item-label",
+  propsAsIs: !1
+}), G = /* @__PURE__ */ p("div")({
+  name: "ElDeprecatedMenuItemContent",
+  class: "el-deprecated-menu-item-content",
+  propsAsIs: !1
+}), D = /* @__PURE__ */ p("div")({
+  name: "ElDeprecatedMenuItemIcon",
+  class: "el-deprecated-menu-item-icon",
+  propsAsIs: !1
+}), q = "el-deprecated-menu-item-left-icon", H = /* @__PURE__ */ p("button")({
+  name: "ElDeprecatedMenuItemButton",
+  class: "el-deprecated-menu-item-button",
+  propsAsIs: !1
+}), O = /* @__PURE__ */ p("a")({
+  name: "ElDeprecatedMenuItemAnchor",
+  class: "el-deprecated-menu-item-anchor",
+  propsAsIs: !1
+}), R = /* @__PURE__ */ p("div")({
+  name: "ElDeprecatedMenuItemGroupTitle",
+  class: "el-deprecated-menu-item-group-title",
+  propsAsIs: !1
+}), j = /* @__PURE__ */ p("div")({
+  name: "ElDeprecatedMenuItemGroup",
+  class: "el-deprecated-menu-item-group",
+  propsAsIs: !1
+}), K = /* @__PURE__ */ p("div")({
+  name: "ElDeprecatedMenuItemGroupList",
+  class: "el-deprecated-menu-item-group-list",
+  propsAsIs: !1
+}), $ = /* @__PURE__ */ p("div")({
+  name: "ElDeprecatedMenuList",
+  class: "el-deprecated-menu-list",
+  propsAsIs: !1
+}), N = (e, t, r, n = 0) => {
+  const a = e.querySelector('[role="button"]');
+  if (a) {
+    const m = window.innerHeight, o = t.getBoundingClientRect().height, { bottom: s, height: u } = a.getBoundingClientRect(), i = m - s, c = o > i ? 0 - o : u;
+    r({ top: c + n });
+  }
+}, U = ({ children: e, yOffset: t = 4, ...r }) => {
+  const { isOpen: n, closeMenu: a, getPopoverProps: m } = h(), o = b(null), [s, u] = M({
+    position: "absolute"
+  });
+  if (w(o, a), C(() => {
+    const c = o.current?.parentElement;
+    c && n && o.current && N(c, o.current, u, t);
+  }, [n]), !n) return null;
+  const i = (c) => {
+    c.target.closest('[data-close-menu="true"]') && a();
+  };
+  return /* @__PURE__ */ l(
+    k,
+    {
+      style: s,
+      ref: o,
+      ...r,
+      ...m(),
+      onClick: i,
+      children: e
+    }
+  );
+}, _ = ({ children: e }) => {
+  const { getTriggerProps: t, isOpen: r } = h();
+  return e({ getTriggerProps: t, isOpen: r });
+}, z = ({ children: e, label: t, maxHeight: r, ...n }) => /* @__PURE__ */ f(j, { ...n, role: "group", children: [
+  !!t && /* @__PURE__ */ l(R, { children: t }),
+  /* @__PURE__ */ l(K, { style: { ...n?.style, maxHeight: `var(${r})` }, children: e })
+] }), F = ({
+  children: e,
+  isActive: t,
+  disabled: r,
+  closeMenu: n = !0,
+  ...a
+}) => Q(a) ? /* @__PURE__ */ l(
+  H,
+  {
+    ...a,
+    role: "menuitem",
+    "data-close-menu": n,
+    disabled: r,
+    "aria-disabled": r,
+    "aria-current": t ? "true" : void 0,
+    tabIndex: r ? -1 : 0,
+    children: e
+  }
+) : /* @__PURE__ */ l(
+  O,
+  {
+    ...a,
+    role: "menuitem",
+    "data-close-menu": n || !!r,
+    "aria-current": t ? "page" : void 0,
+    children: e
+  }
+), J = ({ children: e, maxWidth: t, maxHeight: r, ...n }) => /* @__PURE__ */ l(
+  $,
+  {
+    ...n,
+    style: { ...n?.style, maxWidth: `var(${t})`, maxHeight: `var(${r})` },
+    "data-has-max-width": !!t,
+    role: "menu",
+    children: e
+  }
+);
+function Q(e) {
+  return !e.href;
+}
+const V = ({
+  label: e,
+  supplementaryInfo: t,
+  badge: r,
+  leftIcon: n,
+  rightIcon: a,
+  ...m
+}) => /* @__PURE__ */ f(F, { ...m, children: [
+  n && /* @__PURE__ */ l(D, { className: q, children: n }),
+  /* @__PURE__ */ f(G, { children: [
+    /* @__PURE__ */ f(T, { children: [
+      /* @__PURE__ */ l(S, { children: e }),
+      r
+    ] }),
+    t && /* @__PURE__ */ l(L, { children: t })
+  ] }),
+  a && /* @__PURE__ */ l(D, { children: a })
+] }), I = ({ children: e, ...t }) => /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(B, { ...t, children: e }) });
+I.Item = V;
+I.Group = z;
+I.Trigger = _;
+I.Popover = U;
+I.List = J;
+export {
+  I as D,
+  k as E,
+  z as a,
+  F as b,
+  J as c,
+  V as d,
+  B as e,
+  L as f,
+  T as g,
+  S as h,
+  G as i,
+  D as j,
+  q as k,
+  H as l,
+  O as m,
+  R as n,
+  j as o,
+  K as p,
+  $ as q,
+  E as r,
+  P as s,
+  h as u
+};

package/dist/js/menu-pb8vvQbH.js

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

package/dist/js/mergeRefs-D-i3MDCB.cjs

@@ -0,0 +1 @@
+"use strict";function f(e,n){typeof e=="function"?e(n):e&&(e.current=n)}function i(...e){return n=>{e.forEach(t=>f(t,n))}}exports.mergeRefs=i;

package/dist/js/mergeRefs-DODigRi2.js

@@ -0,0 +1,11 @@
+function f(n, t) {
+  typeof n == "function" ? n(t) : n && (n.current = t);
+}
+function i(...n) {
+  return (t) => {
+    n.forEach((e) => f(e, t));
+  };
+}
+export {
+  i as m
+};

package/dist/js/popover-CpXCYh5W.js

@@ -0,0 +1,184 @@
+import { jsxs as S, jsx as b } from "react/jsx-runtime";
+import { c as $ } from "./index-BsMVp4qF.js";
+import { useRef as d, useLayoutEffect as y } from "react";
+function P({
+  id: o,
+  popoverTarget: t,
+  popoverTargetAction: r
+}) {
+  return {
+    id: o,
+    popovertarget: t,
+    popovertargetaction: r
+  };
+}
+function v() {
+  return CSS.supports("anchor-name", "--myanchor");
+}
+async function C({
+  elements: o,
+  // By default, we only want to polyfill inline styles on elements explicitly specified in the `elements`
+  // option. This is the opposite of the polyfill's default behaviour.
+  excludeInlineStyles: t = !0,
+  // By default, we don't want to recalculate on every animation frame because we don't typically
+  // animate anchors.
+  useAnimationFrame: r = !1
+} = {}) {
+  if (!v()) {
+    const { default: n } = await import("./css-anchor-positioning-fn-CJi6lnM4.js");
+    await n({
+      elements: o,
+      excludeInlineStyles: t,
+      useAnimationFrame: r
+    });
+  }
+}
+function k(o, t) {
+  switch (o) {
+    case "bottom":
+      return `
+        top: anchor(bottom);
+        justify-self: anchor-center;
+        margin-block: ${t};
+      `;
+    case "bottom-end":
+      return `
+        top: anchor(bottom);
+        right: anchor(right);
+        margin-block: ${t};
+      `;
+    case "bottom-start":
+      return `
+        top: anchor(bottom);
+        left: anchor(left);
+        margin-block: ${t};
+      `;
+    case "left":
+      return `
+        align-self: anchor-center;
+        right: anchor(left);
+        margin-inline: ${t};
+      `;
+    case "left-end":
+      return `
+        bottom: anchor(bottom);
+        right: anchor(left);
+        margin-inline: ${t};
+      `;
+    case "left-start":
+      return `
+        top: anchor(top);
+        right: anchor(left);
+        margin-inline: ${t};
+      `;
+    case "right":
+      return `
+        align-self: anchor-center;
+        left: anchor(right);
+        margin-inline: ${t};
+      `;
+    case "right-end":
+      return `
+        bottom: anchor(bottom);
+        left: anchor(right);
+        margin-inline: ${t};
+      `;
+    case "right-start":
+      return `
+        top: anchor(top);
+        left: anchor(right);
+        margin-inline: ${t};
+      `;
+    case "top":
+      return `
+        bottom: anchor(top);
+        justify-self: anchor-center;
+        margin-block: ${t};
+      `;
+    case "top-end":
+      return `
+        bottom: anchor(top);
+        right: anchor(right);
+        margin-block: ${t};
+      `;
+    case "top-start":
+      return `
+        bottom: anchor(top);
+        left: anchor(left);
+        margin-block: ${t};
+      `;
+  }
+}
+function x({
+  anchorElementId: o,
+  placement: t,
+  positionedElementId: r,
+  positionTryFallbacks: n,
+  gap: a
+}) {
+  const e = `--${CSS.escape(o)}`, i = k(t, a);
+  return `
+    #${CSS.escape(o)} {
+      anchor-name: ${e};
+    }
+
+    #${CSS.escape(r)} {
+      position-anchor: ${e};
+      position-try-fallbacks: ${n};
+      ${i}
+    }
+  `;
+}
+const j = "el-popover";
+function w({
+  anchorId: o,
+  borderRadius: t,
+  children: r,
+  className: n,
+  elevation: a = "none",
+  gap: e = "0",
+  id: i,
+  maxHeight: s,
+  maxWidth: l,
+  placement: h,
+  positionTryFallbacks: f = "none",
+  popover: m = "auto",
+  style: p,
+  ...u
+}) {
+  const c = d(null), g = x({
+    anchorElementId: o,
+    positionedElementId: i,
+    placement: h,
+    positionTryFallbacks: f,
+    gap: e
+  });
+  return y(function() {
+    c.current && C({ elements: [c.current] });
+  }, []), /* @__PURE__ */ S(
+    "div",
+    {
+      ...u,
+      className: $(j, n),
+      "data-elevation": a,
+      id: i,
+      popover: m,
+      style: {
+        ...p,
+        "--popover-border-radius": t,
+        "--popover-max-height": s,
+        "--popover-max-width": l
+      },
+      children: [
+        /* @__PURE__ */ b("style", { ref: c, children: g }),
+        r
+      ]
+    }
+  );
+}
+w.getTriggerProps = P;
+export {
+  w as P,
+  j as e,
+  P as g
+};