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

package/dist/js/menu-DCRn-9Lk.js

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

package/dist/js/menu-JyLBozNQ.cjs

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

package/dist/js/side-bar-C36ISncO.cjs

@@ -1 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),u=require("react"),l=require("./index-Dmlb2--K.cjs"),I=require("./index-8ctufnBx.cjs"),ee=require("./icons/chevron-down.cjs");function re(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const f=re(u),te=e=>f.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},f.createElement("g",{id:"collapse"},f.createElement("g",{id:"Vector"},f.createElement("path",{d:"M2.6665 5.00004C2.6665 4.63185 2.96498 4.33337 3.33317 4.33337C3.70136 4.33337 3.99984 4.63185 3.99984 5.00004V15C3.99984 15.3682 3.70136 15.6667 3.33317 15.6667C2.96498 15.6667 2.6665 15.3682 2.6665 15V5.00004Z",fill:"#798DA1"}),f.createElement("path",{d:"M11.3054 5.36197C11.045 5.10162 10.6229 5.10162 10.3626 5.36197L6.21515 9.5094C6.08604 9.62823 6.00395 9.79738 5.99999 9.98574L5.99982 10.0009C5.99982 10.1777 6.07008 10.3473 6.19513 10.4723L10.3626 14.639C10.623 14.8993 11.0451 14.8993 11.3054 14.6389C11.5658 14.3785 11.5657 13.9564 11.3053 13.6961L8.27535 10.6667H16.6665C17.0347 10.6667 17.3332 10.3682 17.3332 10C17.3332 9.63185 17.0347 9.33337 16.6665 9.33337H8.27679L11.3054 6.30478C11.5657 6.04443 11.5657 5.62232 11.3054 5.36197Z",fill:"#798DA1"})))),G=l.styled_default("button")({name:"ElSideBarCollapseButton",class:"el-side-bar-collapse-button",propsAsIs:!1}),_=l.styled_default("span")({name:"ElSideBarCollapseButtonIcon",class:"el-side-bar-collapse-button-icon",propsAsIs:!1}),O=l.styled_default("span")({name:"ElSideBarCollapseLabel",class:"el-side-bar-collapse-label",propsAsIs:!1}),C=u.createContext(void 0);function D(e){const r=u.useMemo(()=>{const{children:t,...n}=e;return n},[e]);return a.jsx(C.Provider,{value:r,children:e.children})}function L(){const e=u.useContext(C);if(!e)throw new Error("useSideBarContext must be used within a SideBarContext.Provider");return e}function k({onClick:e,...r}){const t=L(),n=u.useCallback(s=>{e?.(s),!s.defaultPrevented&&t.toggle()},[e,t.toggle]);return a.jsxs(G,{...r,"aria-controls":t.id,"aria-expanded":t.state==="expanded",onClick:n,children:[a.jsx(_,{"aria-hidden":!0,children:a.jsx(te,{})}),a.jsx(O,{children:t.state==="expanded"?"Collapse":"Expand"})]})}const E="el-side-bar-menu-item",w=l.styled_default("span")({name:"ElSideBarMenuItemLabel",class:"el-side-bar-menu-item-label",propsAsIs:!1}),g=l.styled_default("span")({name:"ElSideBarMenuItemIcon",class:"el-side-bar-menu-item-icon",propsAsIs:!1});function T({"aria-current":e,children:r,className:t,icon:n,...s}){return a.jsxs("a",{...s,"aria-current":e,className:I.cx_default(E,t),children:[a.jsx(g,{"aria-hidden":!0,children:n}),a.jsx(w,{children:r})]})}const x="el-side-bar-menu-group",P="el-side-bar-menu-group-summary",ne=()=>g,F=l.styled_default(ne())({name:"ElSideBarMenuGroupSummaryIcon",class:"el-side-bar-menu-group-summary-icon",propsAsIs:!0}),ae=()=>w,q=l.styled_default(ae())({name:"ElSideBarMenuGroupSummaryLabel",class:"el-side-bar-menu-group-summary-label",propsAsIs:!0}),R=l.styled_default("span")({name:"ElSideBarMenuGroupSummaryDropdownIcon",class:"el-side-bar-menu-group-summary-dropdown-icon",propsAsIs:!1}),H=u.createContext(null);function se(){const e=u.useContext(H);if(!e)throw new Error("useSideBarMenuGroupIdContext must be used within a SideBarMenuGroupIdContext.Provider");return e}function p(e){return ue(e)||le(e)}function ue(e){return e.dataset.isActive==="true"}function le(e){return!!e.querySelector('[aria-current="page"]')}function V({children:e,className:r,icon:t,id:n,onClick:s,...i}){const d=n??se(),S=u.useCallback(c=>{s?.(c);const B=c.currentTarget.closest(`details.${x}`);B instanceof HTMLDetailsElement&&p(B)&&c.preventDefault()},[s]);return a.jsxs("summary",{...i,className:I.cx_default(E,P,r),id:d,onClick:S,children:[a.jsx(F,{"aria-hidden":!0,children:t}),a.jsx(q,{children:e}),a.jsx(R,{"aria-hidden":!0,children:a.jsx(ee.ChevronDownIcon,{})})]})}function ie(e){const r=u.useRef(null);return u.useLayoutEffect(function(){if(r.current)if(e==="collapsed")r.current.open=!1;else{p(r.current)&&(r.current.open=!0);const n=oe(r.current),s=de(r.current);return()=>{s.disconnect(),n.disconnect()}}},[e]),r}function oe(e){const r=new MutationObserver(()=>{e.open=p(e)});return r.observe(e,{attributeFilter:["data-is-active"]}),r}function de(e){const r=new MutationObserver(()=>{e.open=p(e)});return r.observe(e,{subtree:!0,attributeFilter:["aria-current"]}),r}function y({"aria-labelledby":e,children:r,className:t,isActive:n,summary:s,...i}){const d=e??u.useId(),S=L(),c=ie(S.state);return a.jsxs("details",{...i,"aria-labelledby":d,className:I.cx_default(x,t),"data-is-active":n,ref:c,children:[a.jsx(H.Provider,{value:d,children:s}),r]})}y.Summary=V;const K=l.styled_default("ul")({name:"ElSideBarMenuList",class:"el-side-bar-menu-list",propsAsIs:!1}),A=l.styled_default("li")({name:"ElSideBarMenuListItem",class:"el-side-bar-menu-list-item",propsAsIs:!1});function ce({children:e,...r}){return a.jsx(A,{children:a.jsx(T,{...r,children:e})})}function v({children:e,...r}){return a.jsx(A,{children:a.jsx(y,{...r,children:e})})}v.Summary=y.Summary;const N=l.styled_default("ul")({name:"ElSideBarSubmenuList",class:"el-side-bar-submenu-list",propsAsIs:!1}),$=l.styled_default("li")({name:"ElSideBarSubmenuListItem",class:"el-side-bar-submenu-list-item",propsAsIs:!1}),U=l.styled_default("span")({name:"ElSideBarSubmenuItemLabel",class:"el-side-bar-submenu-item-label",propsAsIs:!1}),j="el-side-bar-submenu-item";function z({"aria-current":e,children:r,className:t,...n}){return a.jsx("a",{...n,"aria-current":e,className:I.cx_default(j,t),children:a.jsx(U,{children:r})})}function me({children:e,...r}){return a.jsx($,{children:a.jsx(z,{...r,children:e})})}function M({children:e,...r}){return a.jsx(N,{...r,children:e})}M.Item=me;function o({children:e,...r}){return a.jsx(K,{...r,children:e})}o.Item=ce;o.Group=v;o.GroupSummary=v.Summary;o.Submenu=M;o.SubmenuItem=M.Item;const h=globalThis.matchMedia("(min-width: 1440px)");function Q({setState:e}){u.useEffect(function(){return e(b()),h.addEventListener("change",()=>e(b())),()=>{h.removeEventListener("change",()=>e(b()))}},[e])}function b(){return h.matches?"expanded":"collapsed"}const W=l.styled_default("nav")({name:"ElSideBar",class:"el-side-bar",propsAsIs:!1}),Z=l.styled_default("div")({name:"ElSideBarBody",class:"el-side-bar-body",propsAsIs:!1}),J=l.styled_default("div")({name:"ElSideBarFooter",class:"el-side-bar-footer",propsAsIs:!1});function X(e="expanded"){const[r,t]=u.useState(e),n=u.useCallback(()=>t("expanded"),[]),s=u.useCallback(()=>t(i=>i==="collapsed"?"expanded":"collapsed"),[]);return u.useMemo(()=>({expand:n,state:r,setState:t,toggle:s}),[n,r,t,s])}function Se(e){u.useEffect(function(){if(!e.current)return;const t=e.current,n=new MutationObserver(()=>{t.querySelectorAll("details").forEach(i=>{i.open=p(i)})});return n.observe(t,{attributeFilter:["aria-current"],subtree:!0}),()=>{n.disconnect()}},[e])}function pe(e){e.key===" "&&e.target instanceof HTMLAnchorElement&&e.target.click()}function fe(e){if(e.key==="Escape"&&e.target instanceof HTMLElement){const r=e.target.closest("details"),t=r?.querySelector('[aria-current="page"]'),n=r?.querySelector("summary");e.preventDefault(),n?.focus(),n?.scrollIntoView({block:"nearest"}),r&&!t&&(r.open=!1)}}const be=`.${E}, details.${x}[open] a.${j}`;function Be(e){const r=e.key;if(!Ie(r))return;const n=e.currentTarget.querySelectorAll(be),s=xe(n);if(s===null||s===0&&(r==="ArrowUp"||r==="ArrowLeft")||s===n.length-1&&(r==="ArrowDown"||r==="ArrowRight"))return;e.preventDefault();const i=Ee(r,s),d=n.item(i);d instanceof HTMLElement&&(d.focus(),d.scrollIntoView({block:"nearest"}))}function Ie(e){return["ArrowUp","ArrowDown","ArrowRight","ArrowLeft"].includes(e)}function Ee(e,r){switch(e){case"ArrowUp":case"ArrowLeft":return r-1;case"ArrowDown":case"ArrowRight":return r+1}}function xe(e){let r=null;return e.forEach((t,n)=>{t===document.activeElement&&(r=n)}),r}function Y(){return u.useCallback(e=>{e.defaultPrevented||(pe(e),Be(e),fe(e))},[])}function m({"aria-label":e,children:r,footer:t,id:n,width:s="--size-64",...i}){const d=u.useRef(null),S=n??u.useId(),c=X(()=>b()),B=Y();return Se(d),Q(c),a.jsx(W,{...i,"aria-label":e??"Sidebar navigation","data-state":c.state,id:S,style:{"--side-bar-width":`var(${s})`},children:a.jsxs(D,{id:S,...c,children:[a.jsx(Z,{ref:d,onClick:c.expand,onKeyDown:B,children:r}),a.jsx(J,{children:t})]})})}m.CollapseButton=k;m.MenuList=o;m.MenuItem=o.Item;m.MenuGroup=o.Group;m.MenuGroupSummary=o.GroupSummary;m.Submenu=o.Submenu;m.SubmenuItem=o.SubmenuItem;exports.ElSideBar=W;exports.ElSideBarBody=Z;exports.ElSideBarCollapseButton=G;exports.ElSideBarCollapseButtonIcon=_;exports.ElSideBarCollapseLabel=O;exports.ElSideBarFooter=J;exports.ElSideBarMenuGroupSummaryDropdownIcon=R;exports.ElSideBarMenuGroupSummaryIcon=F;exports.ElSideBarMenuGroupSummaryLabel=q;exports.ElSideBarMenuItemIcon=g;exports.ElSideBarMenuItemLabel=w;exports.ElSideBarMenuList=K;exports.ElSideBarMenuListItem=A;exports.ElSideBarSubmenuItemLabel=U;exports.ElSideBarSubmenuList=N;exports.ElSideBarSubmenuListItem=$;exports.SideBar=m;exports.SideBarCollapseButton=k;exports.SideBarContext=C;exports.SideBarContextPublisher=D;exports.SideBarMenuGroup=y;exports.SideBarMenuGroupSummary=V;exports.SideBarMenuItem=T;exports.SideBarMenuList=o;exports.SideBarSubmenu=M;exports.SideBarSubmenuItem=z;exports.determineSideBarStateFromViewport=b;exports.elSideBarMenuGroup=x;exports.elSideBarMenuGroupSummary=P;exports.elSideBarMenuItem=E;exports.elSideBarSubmenuItem=j;exports.shouldBeOpen=p;exports.useSideBar=X;exports.useSideBarContext=L;exports.useSideBarKeyboardNavigation=Y;exports.useSideBarMatchMediaEffect=Q;

package/dist/js/side-bar-ChEb_Vv9.js

@@ -1,412 +0,0 @@
-import { jsx as a, jsxs as S } from "react/jsx-runtime";
-import * as p from "react";
-import { createContext as g, useContext as L, useMemo as v, useCallback as f, useRef as x, useLayoutEffect as K, useId as G, useEffect as D, useState as R } from "react";
-import { s as o } from "./index-YtxCR-9e.js";
-import { c as h } from "./index-BsMVp4qF.js";
-import { ChevronDownIcon as _ } from "./icons/chevron-down.js";
-const q = (e) => /* @__PURE__ */ p.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ p.createElement("g", { id: "collapse" }, /* @__PURE__ */ p.createElement("g", { id: "Vector" }, /* @__PURE__ */ p.createElement("path", { d: "M2.6665 5.00004C2.6665 4.63185 2.96498 4.33337 3.33317 4.33337C3.70136 4.33337 3.99984 4.63185 3.99984 5.00004V15C3.99984 15.3682 3.70136 15.6667 3.33317 15.6667C2.96498 15.6667 2.6665 15.3682 2.6665 15V5.00004Z", fill: "#798DA1" }), /* @__PURE__ */ p.createElement("path", { d: "M11.3054 5.36197C11.045 5.10162 10.6229 5.10162 10.3626 5.36197L6.21515 9.5094C6.08604 9.62823 6.00395 9.79738 5.99999 9.98574L5.99982 10.0009C5.99982 10.1777 6.07008 10.3473 6.19513 10.4723L10.3626 14.639C10.623 14.8993 11.0451 14.8993 11.3054 14.6389C11.5658 14.3785 11.5657 13.9564 11.3053 13.6961L8.27535 10.6667H16.6665C17.0347 10.6667 17.3332 10.3682 17.3332 10C17.3332 9.63185 17.0347 9.33337 16.6665 9.33337H8.27679L11.3054 6.30478C11.5657 6.04443 11.5657 5.62232 11.3054 5.36197Z", fill: "#798DA1" })))), N = /* @__PURE__ */ o("button")({
-  name: "ElSideBarCollapseButton",
-  class: "el-side-bar-collapse-button",
-  propsAsIs: !1
-}), $ = /* @__PURE__ */ o("span")({
-  name: "ElSideBarCollapseButtonIcon",
-  class: "el-side-bar-collapse-button-icon",
-  propsAsIs: !1
-}), j = /* @__PURE__ */ o("span")({
-  name: "ElSideBarCollapseLabel",
-  class: "el-side-bar-collapse-label",
-  propsAsIs: !1
-}), O = g(void 0);
-function U(e) {
-  const r = v(() => {
-    const { children: n, ...t } = e;
-    return t;
-  }, [e]);
-  return /* @__PURE__ */ a(O.Provider, { value: r, children: e.children });
-}
-function k() {
-  const e = L(O);
-  if (!e)
-    throw new Error("useSideBarContext must be used within a SideBarContext.Provider");
-  return e;
-}
-function z({ onClick: e, ...r }) {
-  const n = k(), t = f(
-    (s) => {
-      e?.(s), !s.defaultPrevented && n.toggle();
-    },
-    [e, n.toggle]
-  );
-  return /* @__PURE__ */ S(
-    N,
-    {
-      ...r,
-      "aria-controls": n.id,
-      "aria-expanded": n.state === "expanded",
-      onClick: t,
-      children: [
-        /* @__PURE__ */ a($, { "aria-hidden": !0, children: /* @__PURE__ */ a(q, {}) }),
-        /* @__PURE__ */ a(j, { children: n.state === "expanded" ? "Collapse" : "Expand" })
-      ]
-    }
-  );
-}
-const M = "el-side-bar-menu-item", T = /* @__PURE__ */ o("span")({
-  name: "ElSideBarMenuItemLabel",
-  class: "el-side-bar-menu-item-label",
-  propsAsIs: !1
-}), F = /* @__PURE__ */ o("span")({
-  name: "ElSideBarMenuItemIcon",
-  class: "el-side-bar-menu-item-icon",
-  propsAsIs: !1
-});
-function Q({
-  "aria-current": e,
-  children: r,
-  className: n,
-  icon: t,
-  ...s
-}) {
-  return /* @__PURE__ */ S("a", { ...s, "aria-current": e, className: h(M, n), children: [
-    /* @__PURE__ */ a(F, { "aria-hidden": !0, children: t }),
-    /* @__PURE__ */ a(T, { children: r })
-  ] });
-}
-const y = "el-side-bar-menu-group", W = "el-side-bar-menu-group-summary", Z = () => F, J = /* @__PURE__ */ o(Z())({
-  name: "ElSideBarMenuGroupSummaryIcon",
-  class: "el-side-bar-menu-group-summary-icon",
-  propsAsIs: !0
-}), X = () => T, Y = /* @__PURE__ */ o(X())({
-  name: "ElSideBarMenuGroupSummaryLabel",
-  class: "el-side-bar-menu-group-summary-label",
-  propsAsIs: !0
-}), ee = /* @__PURE__ */ o("span")({
-  name: "ElSideBarMenuGroupSummaryDropdownIcon",
-  class: "el-side-bar-menu-group-summary-dropdown-icon",
-  propsAsIs: !1
-}), H = g(null);
-function re() {
-  const e = L(H);
-  if (!e)
-    throw new Error("useSideBarMenuGroupIdContext must be used within a SideBarMenuGroupIdContext.Provider");
-  return e;
-}
-function b(e) {
-  return ne(e) || te(e);
-}
-function ne(e) {
-  return e.dataset.isActive === "true";
-}
-function te(e) {
-  return !!e.querySelector('[aria-current="page"]');
-}
-function ae({
-  children: e,
-  className: r,
-  icon: n,
-  id: t,
-  onClick: s,
-  ...u
-}) {
-  const i = t ?? re(), m = f(
-    (c) => {
-      s?.(c);
-      const B = c.currentTarget.closest(`details.${y}`);
-      B instanceof HTMLDetailsElement && b(B) && c.preventDefault();
-    },
-    [s]
-  );
-  return /* @__PURE__ */ S(
-    "summary",
-    {
-      ...u,
-      className: h(M, W, r),
-      id: i,
-      onClick: m,
-      children: [
-        /* @__PURE__ */ a(J, { "aria-hidden": !0, children: n }),
-        /* @__PURE__ */ a(Y, { children: e }),
-        /* @__PURE__ */ a(ee, { "aria-hidden": !0, children: /* @__PURE__ */ a(_, {}) })
-      ]
-    }
-  );
-}
-function se(e) {
-  const r = x(null);
-  return K(
-    function() {
-      if (r.current)
-        if (e === "collapsed")
-          r.current.open = !1;
-        else {
-          b(r.current) && (r.current.open = !0);
-          const t = oe(r.current), s = ue(r.current);
-          return () => {
-            s.disconnect(), t.disconnect();
-          };
-        }
-    },
-    [e]
-  ), r;
-}
-function oe(e) {
-  const r = new MutationObserver(() => {
-    e.open = b(e);
-  });
-  return r.observe(e, {
-    attributeFilter: ["data-is-active"]
-  }), r;
-}
-function ue(e) {
-  const r = new MutationObserver(() => {
-    e.open = b(e);
-  });
-  return r.observe(e, {
-    subtree: !0,
-    attributeFilter: ["aria-current"]
-  }), r;
-}
-function C({
-  "aria-labelledby": e,
-  children: r,
-  className: n,
-  isActive: t,
-  summary: s,
-  ...u
-}) {
-  const i = e ?? G(), m = k(), c = se(m.state);
-  return /* @__PURE__ */ S(
-    "details",
-    {
-      ...u,
-      "aria-labelledby": i,
-      className: h(y, n),
-      "data-is-active": t,
-      ref: c,
-      children: [
-        /* @__PURE__ */ a(H.Provider, { value: i, children: s }),
-        r
-      ]
-    }
-  );
-}
-C.Summary = ae;
-const ie = /* @__PURE__ */ o("ul")({
-  name: "ElSideBarMenuList",
-  class: "el-side-bar-menu-list",
-  propsAsIs: !1
-}), P = /* @__PURE__ */ o("li")({
-  name: "ElSideBarMenuListItem",
-  class: "el-side-bar-menu-list-item",
-  propsAsIs: !1
-});
-function le({ children: e, ...r }) {
-  return /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a(Q, { ...r, children: e }) });
-}
-function w({ children: e, ...r }) {
-  return /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a(C, { ...r, children: e }) });
-}
-w.Summary = C.Summary;
-const ce = /* @__PURE__ */ o("ul")({
-  name: "ElSideBarSubmenuList",
-  class: "el-side-bar-submenu-list",
-  propsAsIs: !1
-}), de = /* @__PURE__ */ o("li")({
-  name: "ElSideBarSubmenuListItem",
-  class: "el-side-bar-submenu-list-item",
-  propsAsIs: !1
-}), me = /* @__PURE__ */ o("span")({
-  name: "ElSideBarSubmenuItemLabel",
-  class: "el-side-bar-submenu-item-label",
-  propsAsIs: !1
-}), V = "el-side-bar-submenu-item";
-function pe({
-  "aria-current": e,
-  children: r,
-  className: n,
-  ...t
-}) {
-  return /* @__PURE__ */ a("a", { ...t, "aria-current": e, className: h(V, n), children: /* @__PURE__ */ a(me, { children: r }) });
-}
-function fe({ children: e, ...r }) {
-  return /* @__PURE__ */ a(de, { children: /* @__PURE__ */ a(pe, { ...r, children: e }) });
-}
-function A({ children: e, ...r }) {
-  return /* @__PURE__ */ a(ce, { ...r, children: e });
-}
-A.Item = fe;
-function l({ children: e, ...r }) {
-  return /* @__PURE__ */ a(ie, { ...r, children: e });
-}
-l.Item = le;
-l.Group = w;
-l.GroupSummary = w.Summary;
-l.Submenu = A;
-l.SubmenuItem = A.Item;
-const E = globalThis.matchMedia("(min-width: 1440px)");
-function Se({ setState: e }) {
-  D(
-    function() {
-      return e(I()), E.addEventListener("change", () => e(I())), () => {
-        E.removeEventListener("change", () => e(I()));
-      };
-    },
-    [e]
-  );
-}
-function I() {
-  return E.matches ? "expanded" : "collapsed";
-}
-const be = /* @__PURE__ */ o("nav")({
-  name: "ElSideBar",
-  class: "el-side-bar",
-  propsAsIs: !1
-}), Be = /* @__PURE__ */ o("div")({
-  name: "ElSideBarBody",
-  class: "el-side-bar-body",
-  propsAsIs: !1
-}), Ie = /* @__PURE__ */ o("div")({
-  name: "ElSideBarFooter",
-  class: "el-side-bar-footer",
-  propsAsIs: !1
-});
-function he(e = "expanded") {
-  const [r, n] = R(e), t = f(() => n("expanded"), []), s = f(
-    () => n((u) => u === "collapsed" ? "expanded" : "collapsed"),
-    []
-  );
-  return v(() => ({ expand: t, state: r, setState: n, toggle: s }), [t, r, n, s]);
-}
-function Ee(e) {
-  D(
-    function() {
-      if (!e.current) return;
-      const n = e.current, t = new MutationObserver(() => {
-        n.querySelectorAll("details").forEach((u) => {
-          u.open = b(u);
-        });
-      });
-      return t.observe(n, {
-        attributeFilter: ["aria-current"],
-        subtree: !0
-      }), () => {
-        t.disconnect();
-      };
-    },
-    [e]
-  );
-}
-function Me(e) {
-  e.key === " " && e.target instanceof HTMLAnchorElement && e.target.click();
-}
-function ye(e) {
-  if (e.key === "Escape" && e.target instanceof HTMLElement) {
-    const r = e.target.closest("details"), n = r?.querySelector('[aria-current="page"]'), t = r?.querySelector("summary");
-    e.preventDefault(), t?.focus(), t?.scrollIntoView({ block: "nearest" }), r && !n && (r.open = !1);
-  }
-}
-const Ce = `.${M}, details.${y}[open] a.${V}`;
-function we(e) {
-  const r = e.key;
-  if (!Ae(r))
-    return;
-  const t = e.currentTarget.querySelectorAll(Ce), s = Le(t);
-  if (s === null || s === 0 && (r === "ArrowUp" || r === "ArrowLeft") || s === t.length - 1 && (r === "ArrowDown" || r === "ArrowRight"))
-    return;
-  e.preventDefault();
-  const u = ge(r, s), i = t.item(u);
-  i instanceof HTMLElement && (i.focus(), i.scrollIntoView({ block: "nearest" }));
-}
-function Ae(e) {
-  return ["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft"].includes(e);
-}
-function ge(e, r) {
-  switch (e) {
-    case "ArrowUp":
-    case "ArrowLeft":
-      return r - 1;
-    case "ArrowDown":
-    case "ArrowRight":
-      return r + 1;
-  }
-}
-function Le(e) {
-  let r = null;
-  return e.forEach((n, t) => {
-    n === document.activeElement && (r = t);
-  }), r;
-}
-function ve() {
-  return f((e) => {
-    e.defaultPrevented || (Me(e), we(e), ye(e));
-  }, []);
-}
-function d({
-  "aria-label": e,
-  children: r,
-  footer: n,
-  id: t,
-  width: s = "--size-64",
-  ...u
-}) {
-  const i = x(null), m = t ?? G(), c = he(() => I()), B = ve();
-  return Ee(i), Se(c), /* @__PURE__ */ a(
-    be,
-    {
-      ...u,
-      "aria-label": e ?? "Sidebar navigation",
-      "data-state": c.state,
-      id: m,
-      style: { "--side-bar-width": `var(${s})` },
-      children: /* @__PURE__ */ S(U, { id: m, ...c, children: [
-        /* @__PURE__ */ a(Be, { ref: i, onClick: c.expand, onKeyDown: B, children: r }),
-        /* @__PURE__ */ a(Ie, { children: n })
-      ] })
-    }
-  );
-}
-d.CollapseButton = z;
-d.MenuList = l;
-d.MenuItem = l.Item;
-d.MenuGroup = l.Group;
-d.MenuGroupSummary = l.GroupSummary;
-d.Submenu = l.Submenu;
-d.SubmenuItem = l.SubmenuItem;
-export {
-  A,
-  me as B,
-  V as C,
-  pe as D,
-  N as E,
-  ve as F,
-  he as G,
-  Se as H,
-  I,
-  z as S,
-  $ as a,
-  j as b,
-  C as c,
-  ae as d,
-  y as e,
-  W as f,
-  J as g,
-  Y as h,
-  ee as i,
-  M as j,
-  T as k,
-  F as l,
-  Q as m,
-  ie as n,
-  P as o,
-  l as p,
-  d as q,
-  O as r,
-  b as s,
-  U as t,
-  k as u,
-  be as v,
-  Be as w,
-  Ie as x,
-  ce as y,
-  de as z
-};