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

package/dist/js/popover-DBEXxy0O.cjs

@@ -0,0 +1,59 @@
+"use strict";const s=require("react/jsx-runtime"),v=require("./index-8ctufnBx.cjs"),l=require("react");function h({id:o,popoverTarget:t,popoverTargetAction:r}){return{id:o,popovertarget:t,popovertargetaction:r}}function y(){return CSS.supports("anchor-name","--myanchor")}async function C({elements:o,excludeInlineStyles:t=!0,useAnimationFrame:r=!1}={}){if(!y()){const{default:e}=await Promise.resolve().then(()=>require("./css-anchor-positioning-fn-BF5l2GbQ.cjs"));await e({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:e,gap:c}){const n=`--${CSS.escape(o)}`,i=k(t,c);return`
+    #${CSS.escape(o)} {
+      anchor-name: ${n};
+    }
+
+    #${CSS.escape(r)} {
+      position-anchor: ${n};
+      position-try-fallbacks: ${e};
+      ${i}
+    }
+  `}const u="el-popover";function f({anchorId:o,borderRadius:t,children:r,className:e,elevation:c="none",gap:n="0",id:i,maxHeight:p,maxWidth:m,placement:g,positionTryFallbacks:S="none",popover:b="auto",style:$,...d}){const a=l.useRef(null),P=x({anchorElementId:o,positionedElementId:i,placement:g,positionTryFallbacks:S,gap:n});return l.useLayoutEffect(function(){a.current&&C({elements:[a.current]})},[]),s.jsxs("div",{...d,className:v.cx_default(u,e),"data-elevation":c,id:i,popover:b,style:{...$,"--popover-border-radius":t,"--popover-max-height":p,"--popover-max-width":m},children:[s.jsx("style",{ref:a,children:P}),r]})}f.getTriggerProps=h;exports.Popover=f;exports.elPopover=u;exports.getPopoverTriggerProps=h;

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

@@ -0,0 +1,383 @@
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import * as p from "react";
+import { createContext as g, useContext as x, useMemo as L, useCallback as S, useRef as A, useLayoutEffect as H, useId as w, useEffect as G, useState as _ } 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";
+import { handleArrowNavigation as T, handleLinkActivation as j } from "./utils/keyboard-navigation.js";
+const K = (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" })))), R = /* @__PURE__ */ o("button")({
+  name: "ElSideBarCollapseButton",
+  class: "el-side-bar-collapse-button",
+  propsAsIs: !1
+}), z = /* @__PURE__ */ o("span")({
+  name: "ElSideBarCollapseButtonIcon",
+  class: "el-side-bar-collapse-button-icon",
+  propsAsIs: !1
+}), Q = /* @__PURE__ */ o("span")({
+  name: "ElSideBarCollapseLabel",
+  class: "el-side-bar-collapse-label",
+  propsAsIs: !1
+}), D = g(void 0);
+function W(e) {
+  const r = L(() => {
+    const { children: n, ...a } = e;
+    return a;
+  }, [e]);
+  return /* @__PURE__ */ t(D.Provider, { value: r, children: e.children });
+}
+function O() {
+  const e = x(D);
+  if (!e)
+    throw new Error("useSideBarContext must be used within a SideBarContext.Provider");
+  return e;
+}
+function Z({ onClick: e, ...r }) {
+  const n = O(), a = S(
+    (s) => {
+      e?.(s), !s.defaultPrevented && n.toggle();
+    },
+    [e, n.toggle]
+  );
+  return /* @__PURE__ */ b(
+    R,
+    {
+      ...r,
+      "aria-controls": n.id,
+      "aria-expanded": n.state === "expanded",
+      onClick: a,
+      children: [
+        /* @__PURE__ */ t(z, { "aria-hidden": !0, children: /* @__PURE__ */ t(K, {}) }),
+        /* @__PURE__ */ t(Q, { children: n.state === "expanded" ? "Collapse" : "Expand" })
+      ]
+    }
+  );
+}
+const E = "el-side-bar-menu-item", N = /* @__PURE__ */ o("span")({
+  name: "ElSideBarMenuItemLabel",
+  class: "el-side-bar-menu-item-label",
+  propsAsIs: !1
+}), P = /* @__PURE__ */ o("span")({
+  name: "ElSideBarMenuItemIcon",
+  class: "el-side-bar-menu-item-icon",
+  propsAsIs: !1
+});
+function J({
+  "aria-current": e,
+  children: r,
+  className: n,
+  icon: a,
+  ...s
+}) {
+  return /* @__PURE__ */ b("a", { ...s, "aria-current": e, className: h(E, n), children: [
+    /* @__PURE__ */ t(P, { "aria-hidden": !0, children: a }),
+    /* @__PURE__ */ t(N, { children: r })
+  ] });
+}
+const k = "el-side-bar-menu-group", U = "el-side-bar-menu-group-summary", X = () => P, Y = /* @__PURE__ */ o(X())({
+  name: "ElSideBarMenuGroupSummaryIcon",
+  class: "el-side-bar-menu-group-summary-icon",
+  propsAsIs: !0
+}), ee = () => N, re = /* @__PURE__ */ o(ee())({
+  name: "ElSideBarMenuGroupSummaryLabel",
+  class: "el-side-bar-menu-group-summary-label",
+  propsAsIs: !0
+}), ne = /* @__PURE__ */ o("span")({
+  name: "ElSideBarMenuGroupSummaryDropdownIcon",
+  class: "el-side-bar-menu-group-summary-dropdown-icon",
+  propsAsIs: !1
+}), F = g(null);
+function ae() {
+  const e = x(F);
+  if (!e)
+    throw new Error("useSideBarMenuGroupIdContext must be used within a SideBarMenuGroupIdContext.Provider");
+  return e;
+}
+function f(e) {
+  return te(e) || se(e);
+}
+function te(e) {
+  return e.dataset.isActive === "true";
+}
+function se(e) {
+  return !!e.querySelector('[aria-current="page"]');
+}
+function oe({
+  children: e,
+  className: r,
+  icon: n,
+  id: a,
+  onClick: s,
+  ...i
+}) {
+  const c = a ?? ae(), m = S(
+    (l) => {
+      s?.(l);
+      const B = l.currentTarget.closest(`details.${k}`);
+      B instanceof HTMLDetailsElement && f(B) && l.preventDefault();
+    },
+    [s]
+  );
+  return /* @__PURE__ */ b(
+    "summary",
+    {
+      ...i,
+      className: h(E, U, r),
+      id: c,
+      onClick: m,
+      children: [
+        /* @__PURE__ */ t(Y, { "aria-hidden": !0, children: n }),
+        /* @__PURE__ */ t(re, { children: e }),
+        /* @__PURE__ */ t(ne, { "aria-hidden": !0, children: /* @__PURE__ */ t($, {}) })
+      ]
+    }
+  );
+}
+function ue(e) {
+  const r = A(null);
+  return H(
+    function() {
+      if (r.current)
+        if (e === "collapsed")
+          r.current.open = !1;
+        else {
+          f(r.current) && (r.current.open = !0);
+          const a = ie(r.current), s = le(r.current);
+          return () => {
+            s.disconnect(), a.disconnect();
+          };
+        }
+    },
+    [e]
+  ), r;
+}
+function ie(e) {
+  const r = new MutationObserver(() => {
+    e.open = f(e);
+  });
+  return r.observe(e, {
+    attributeFilter: ["data-is-active"]
+  }), r;
+}
+function le(e) {
+  const r = new MutationObserver(() => {
+    e.open = f(e);
+  });
+  return r.observe(e, {
+    subtree: !0,
+    attributeFilter: ["aria-current"]
+  }), r;
+}
+function M({
+  "aria-labelledby": e,
+  children: r,
+  className: n,
+  isActive: a,
+  summary: s,
+  ...i
+}) {
+  const c = e ?? w(), m = O(), l = ue(m.state);
+  return /* @__PURE__ */ b(
+    "details",
+    {
+      ...i,
+      "aria-labelledby": c,
+      className: h(k, n),
+      "data-is-active": a,
+      ref: l,
+      children: [
+        /* @__PURE__ */ t(F.Provider, { value: c, children: s }),
+        r
+      ]
+    }
+  );
+}
+M.Summary = oe;
+const ce = /* @__PURE__ */ o("ul")({
+  name: "ElSideBarMenuList",
+  class: "el-side-bar-menu-list",
+  propsAsIs: !1
+}), V = /* @__PURE__ */ o("li")({
+  name: "ElSideBarMenuListItem",
+  class: "el-side-bar-menu-list-item",
+  propsAsIs: !1
+});
+function de({ children: e, ...r }) {
+  return /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(J, { ...r, children: e }) });
+}
+function y({ children: e, ...r }) {
+  return /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(M, { ...r, children: e }) });
+}
+y.Summary = M.Summary;
+const me = /* @__PURE__ */ o("ul")({
+  name: "ElSideBarSubmenuList",
+  class: "el-side-bar-submenu-list",
+  propsAsIs: !1
+}), pe = /* @__PURE__ */ o("li")({
+  name: "ElSideBarSubmenuListItem",
+  class: "el-side-bar-submenu-list-item",
+  propsAsIs: !1
+}), Se = /* @__PURE__ */ o("span")({
+  name: "ElSideBarSubmenuItemLabel",
+  class: "el-side-bar-submenu-item-label",
+  propsAsIs: !1
+}), q = "el-side-bar-submenu-item";
+function be({
+  "aria-current": e,
+  children: r,
+  className: n,
+  ...a
+}) {
+  return /* @__PURE__ */ t("a", { ...a, "aria-current": e, className: h(q, n), children: /* @__PURE__ */ t(Se, { children: r }) });
+}
+function fe({ children: e, ...r }) {
+  return /* @__PURE__ */ t(pe, { children: /* @__PURE__ */ t(be, { ...r, children: e }) });
+}
+function v({ children: e, ...r }) {
+  return /* @__PURE__ */ t(me, { ...r, children: e });
+}
+v.Item = fe;
+function u({ children: e, ...r }) {
+  return /* @__PURE__ */ t(ce, { ...r, children: e });
+}
+u.Item = de;
+u.Group = y;
+u.GroupSummary = y.Summary;
+u.Submenu = v;
+u.SubmenuItem = v.Item;
+const C = globalThis.matchMedia("(min-width: 1440px)");
+function Be({ setState: e }) {
+  G(
+    function() {
+      return e(I()), C.addEventListener("change", () => e(I())), () => {
+        C.removeEventListener("change", () => e(I()));
+      };
+    },
+    [e]
+  );
+}
+function I() {
+  return C.matches ? "expanded" : "collapsed";
+}
+const Ie = /* @__PURE__ */ o("nav")({
+  name: "ElSideBar",
+  class: "el-side-bar",
+  propsAsIs: !1
+}), he = /* @__PURE__ */ o("div")({
+  name: "ElSideBarBody",
+  class: "el-side-bar-body",
+  propsAsIs: !1
+}), Ce = /* @__PURE__ */ o("div")({
+  name: "ElSideBarFooter",
+  class: "el-side-bar-footer",
+  propsAsIs: !1
+});
+function Ee(e = "expanded") {
+  const [r, n] = _(e), a = S(() => n("expanded"), []), s = S(
+    () => n((i) => i === "collapsed" ? "expanded" : "collapsed"),
+    []
+  );
+  return L(() => ({ expand: a, state: r, setState: n, toggle: s }), [a, r, n, s]);
+}
+function Me(e) {
+  G(
+    function() {
+      if (!e.current) return;
+      const n = e.current, a = new MutationObserver(() => {
+        n.querySelectorAll("details").forEach((i) => {
+          i.open = f(i);
+        });
+      });
+      return a.observe(n, {
+        attributeFilter: ["aria-current"],
+        subtree: !0
+      }), () => {
+        a.disconnect();
+      };
+    },
+    [e]
+  );
+}
+const ye = `.${E}, details[open] .${q}`;
+function ve(e) {
+  T(e, { selectors: ye });
+}
+function ge(e) {
+  if (e.key === "Escape" && e.target instanceof HTMLElement) {
+    const r = e.target.closest("details"), n = r?.querySelector('[aria-current="page"]'), a = r?.querySelector("summary");
+    e.preventDefault(), a?.focus(), a?.scrollIntoView({ block: "nearest" }), r && !n && (r.open = !1);
+  }
+}
+function xe() {
+  return S((e) => {
+    e.defaultPrevented || (j(e), ve(e), ge(e));
+  }, []);
+}
+function d({
+  "aria-label": e,
+  children: r,
+  footer: n,
+  id: a,
+  width: s = "--size-64",
+  ...i
+}) {
+  const c = A(null), m = a ?? w(), l = Ee(() => I()), B = xe();
+  return Me(c), Be(l), /* @__PURE__ */ t(
+    Ie,
+    {
+      ...i,
+      "aria-label": e ?? "Sidebar navigation",
+      "data-state": l.state,
+      id: m,
+      style: { "--side-bar-width": `var(${s})` },
+      children: /* @__PURE__ */ b(W, { id: m, ...l, children: [
+        /* @__PURE__ */ t(he, { ref: c, onClick: l.expand, onKeyDown: B, children: r }),
+        /* @__PURE__ */ t(Ce, { children: n })
+      ] })
+    }
+  );
+}
+d.CollapseButton = Z;
+d.MenuList = u;
+d.MenuItem = u.Item;
+d.MenuGroup = u.Group;
+d.MenuGroupSummary = u.GroupSummary;
+d.Submenu = u.Submenu;
+d.SubmenuItem = u.SubmenuItem;
+export {
+  v as A,
+  Se as B,
+  q as C,
+  be as D,
+  R as E,
+  xe as F,
+  Ee as G,
+  Be as H,
+  I,
+  Z as S,
+  z as a,
+  Q as b,
+  M as c,
+  oe as d,
+  k as e,
+  U as f,
+  Y as g,
+  re as h,
+  ne as i,
+  E as j,
+  N as k,
+  P as l,
+  J as m,
+  ce as n,
+  V as o,
+  u as p,
+  d as q,
+  D as r,
+  f as s,
+  W as t,
+  O as u,
+  Ie as v,
+  he as w,
+  Ce as x,
+  me as y,
+  pe as z
+};

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

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),s=require("react"),l=require("./index-Dmlb2--K.cjs"),I=require("./index-8ctufnBx.cjs"),re=require("./icons/chevron-down.cjs"),A=require("./utils/keyboard-navigation.cjs");function te(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const b=te(s),ne=e=>b.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},b.createElement("g",{id:"collapse"},b.createElement("g",{id:"Vector"},b.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"}),b.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"})))),_=l.styled_default("button")({name:"ElSideBarCollapseButton",class:"el-side-bar-collapse-button",propsAsIs:!1}),O=l.styled_default("span")({name:"ElSideBarCollapseButtonIcon",class:"el-side-bar-collapse-button-icon",propsAsIs:!1}),D=l.styled_default("span")({name:"ElSideBarCollapseLabel",class:"el-side-bar-collapse-label",propsAsIs:!1}),h=s.createContext(void 0);function k(e){const r=s.useMemo(()=>{const{children:t,...a}=e;return a},[e]);return n.jsx(h.Provider,{value:r,children:e.children})}function C(){const e=s.useContext(h);if(!e)throw new Error("useSideBarContext must be used within a SideBarContext.Provider");return e}function P({onClick:e,...r}){const t=C(),a=s.useCallback(u=>{e?.(u),!u.defaultPrevented&&t.toggle()},[e,t.toggle]);return n.jsxs(_,{...r,"aria-controls":t.id,"aria-expanded":t.state==="expanded",onClick:a,children:[n.jsx(O,{"aria-hidden":!0,children:n.jsx(ne,{})}),n.jsx(D,{children:t.state==="expanded"?"Collapse":"Expand"})]})}const x="el-side-bar-menu-item",v=l.styled_default("span")({name:"ElSideBarMenuItemLabel",class:"el-side-bar-menu-item-label",propsAsIs:!1}),L=l.styled_default("span")({name:"ElSideBarMenuItemIcon",class:"el-side-bar-menu-item-icon",propsAsIs:!1});function N({"aria-current":e,children:r,className:t,icon:a,...u}){return n.jsxs("a",{...u,"aria-current":e,className:I.cx_default(x,t),children:[n.jsx(L,{"aria-hidden":!0,children:a}),n.jsx(v,{children:r})]})}const g="el-side-bar-menu-group",q="el-side-bar-menu-group-summary",ae=()=>L,F=l.styled_default(ae())({name:"ElSideBarMenuGroupSummaryIcon",class:"el-side-bar-menu-group-summary-icon",propsAsIs:!0}),se=()=>v,V=l.styled_default(se())({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}),T=s.createContext(null);function ue(){const e=s.useContext(T);if(!e)throw new Error("useSideBarMenuGroupIdContext must be used within a SideBarMenuGroupIdContext.Provider");return e}function p(e){return le(e)||ie(e)}function le(e){return e.dataset.isActive==="true"}function ie(e){return!!e.querySelector('[aria-current="page"]')}function $({children:e,className:r,icon:t,id:a,onClick:u,...o}){const m=a??ue(),S=s.useCallback(d=>{u?.(d);const f=d.currentTarget.closest(`details.${g}`);f instanceof HTMLDetailsElement&&p(f)&&d.preventDefault()},[u]);return n.jsxs("summary",{...o,className:I.cx_default(x,q,r),id:m,onClick:S,children:[n.jsx(F,{"aria-hidden":!0,children:t}),n.jsx(V,{children:e}),n.jsx(R,{"aria-hidden":!0,children:n.jsx(re.ChevronDownIcon,{})})]})}function oe(e){const r=s.useRef(null);return s.useLayoutEffect(function(){if(r.current)if(e==="collapsed")r.current.open=!1;else{p(r.current)&&(r.current.open=!0);const a=de(r.current),u=ce(r.current);return()=>{u.disconnect(),a.disconnect()}}},[e]),r}function de(e){const r=new MutationObserver(()=>{e.open=p(e)});return r.observe(e,{attributeFilter:["data-is-active"]}),r}function ce(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:a,summary:u,...o}){const m=e??s.useId(),S=C(),d=oe(S.state);return n.jsxs("details",{...o,"aria-labelledby":m,className:I.cx_default(g,t),"data-is-active":a,ref:d,children:[n.jsx(T.Provider,{value:m,children:u}),r]})}y.Summary=$;const H=l.styled_default("ul")({name:"ElSideBarMenuList",class:"el-side-bar-menu-list",propsAsIs:!1}),j=l.styled_default("li")({name:"ElSideBarMenuListItem",class:"el-side-bar-menu-list-item",propsAsIs:!1});function me({children:e,...r}){return n.jsx(j,{children:n.jsx(N,{...r,children:e})})}function G({children:e,...r}){return n.jsx(j,{children:n.jsx(y,{...r,children:e})})}G.Summary=y.Summary;const K=l.styled_default("ul")({name:"ElSideBarSubmenuList",class:"el-side-bar-submenu-list",propsAsIs:!1}),z=l.styled_default("li")({name:"ElSideBarSubmenuListItem",class:"el-side-bar-submenu-list-item",propsAsIs:!1}),Q=l.styled_default("span")({name:"ElSideBarSubmenuItemLabel",class:"el-side-bar-submenu-item-label",propsAsIs:!1}),w="el-side-bar-submenu-item";function W({"aria-current":e,children:r,className:t,...a}){return n.jsx("a",{...a,"aria-current":e,className:I.cx_default(w,t),children:n.jsx(Q,{children:r})})}function Se({children:e,...r}){return n.jsx(z,{children:n.jsx(W,{...r,children:e})})}function E({children:e,...r}){return n.jsx(K,{...r,children:e})}E.Item=Se;function i({children:e,...r}){return n.jsx(H,{...r,children:e})}i.Item=me;i.Group=G;i.GroupSummary=G.Summary;i.Submenu=E;i.SubmenuItem=E.Item;const M=globalThis.matchMedia("(min-width: 1440px)");function Z({setState:e}){s.useEffect(function(){return e(B()),M.addEventListener("change",()=>e(B())),()=>{M.removeEventListener("change",()=>e(B()))}},[e])}function B(){return M.matches?"expanded":"collapsed"}const J=l.styled_default("nav")({name:"ElSideBar",class:"el-side-bar",propsAsIs:!1}),U=l.styled_default("div")({name:"ElSideBarBody",class:"el-side-bar-body",propsAsIs:!1}),X=l.styled_default("div")({name:"ElSideBarFooter",class:"el-side-bar-footer",propsAsIs:!1});function Y(e="expanded"){const[r,t]=s.useState(e),a=s.useCallback(()=>t("expanded"),[]),u=s.useCallback(()=>t(o=>o==="collapsed"?"expanded":"collapsed"),[]);return s.useMemo(()=>({expand:a,state:r,setState:t,toggle:u}),[a,r,t,u])}function pe(e){s.useEffect(function(){if(!e.current)return;const t=e.current,a=new MutationObserver(()=>{t.querySelectorAll("details").forEach(o=>{o.open=p(o)})});return a.observe(t,{attributeFilter:["aria-current"],subtree:!0}),()=>{a.disconnect()}},[e])}const be=`.${x}, details[open] .${w}`;function Be(e){A.handleArrowNavigation(e,{selectors:be})}function fe(e){if(e.key==="Escape"&&e.target instanceof HTMLElement){const r=e.target.closest("details"),t=r?.querySelector('[aria-current="page"]'),a=r?.querySelector("summary");e.preventDefault(),a?.focus(),a?.scrollIntoView({block:"nearest"}),r&&!t&&(r.open=!1)}}function ee(){return s.useCallback(e=>{e.defaultPrevented||(A.handleLinkActivation(e),Be(e),fe(e))},[])}function c({"aria-label":e,children:r,footer:t,id:a,width:u="--size-64",...o}){const m=s.useRef(null),S=a??s.useId(),d=Y(()=>B()),f=ee();return pe(m),Z(d),n.jsx(J,{...o,"aria-label":e??"Sidebar navigation","data-state":d.state,id:S,style:{"--side-bar-width":`var(${u})`},children:n.jsxs(k,{id:S,...d,children:[n.jsx(U,{ref:m,onClick:d.expand,onKeyDown:f,children:r}),n.jsx(X,{children:t})]})})}c.CollapseButton=P;c.MenuList=i;c.MenuItem=i.Item;c.MenuGroup=i.Group;c.MenuGroupSummary=i.GroupSummary;c.Submenu=i.Submenu;c.SubmenuItem=i.SubmenuItem;exports.ElSideBar=J;exports.ElSideBarBody=U;exports.ElSideBarCollapseButton=_;exports.ElSideBarCollapseButtonIcon=O;exports.ElSideBarCollapseLabel=D;exports.ElSideBarFooter=X;exports.ElSideBarMenuGroupSummaryDropdownIcon=R;exports.ElSideBarMenuGroupSummaryIcon=F;exports.ElSideBarMenuGroupSummaryLabel=V;exports.ElSideBarMenuItemIcon=L;exports.ElSideBarMenuItemLabel=v;exports.ElSideBarMenuList=H;exports.ElSideBarMenuListItem=j;exports.ElSideBarSubmenuItemLabel=Q;exports.ElSideBarSubmenuList=K;exports.ElSideBarSubmenuListItem=z;exports.SideBar=c;exports.SideBarCollapseButton=P;exports.SideBarContext=h;exports.SideBarContextPublisher=k;exports.SideBarMenuGroup=y;exports.SideBarMenuGroupSummary=$;exports.SideBarMenuItem=N;exports.SideBarMenuList=i;exports.SideBarSubmenu=E;exports.SideBarSubmenuItem=W;exports.determineSideBarStateFromViewport=B;exports.elSideBarMenuGroup=g;exports.elSideBarMenuGroupSummary=q;exports.elSideBarMenuItem=x;exports.elSideBarSubmenuItem=w;exports.shouldBeOpen=p;exports.useSideBar=Y;exports.useSideBarContext=C;exports.useSideBarKeyboardNavigation=ee;exports.useSideBarMatchMediaEffect=Z;