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

package/dist/js/select-native-Cqa8Nte6.js

@@ -0,0 +1,44 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { ChevronDownIcon as f } from "./icons/chevron-down.js";
+import { s as t } from "./index-YtxCR-9e.js";
+import { forwardRef as m } from "react";
+const p = /* @__PURE__ */ t("div")({
+  name: "ElSelectNativeContainer",
+  class: "el-select-native-container",
+  propsAsIs: !1
+}), S = /* @__PURE__ */ t("select")({
+  name: "ElSelectNative",
+  class: "el-select-native",
+  propsAsIs: !1
+}), E = /* @__PURE__ */ t("span")({
+  name: "ElSelectNativeIconContainer",
+  class: "el-select-native-icon-container",
+  propsAsIs: !1
+}), w = m(
+  ({ autoComplete: a = "off", children: s, className: l, maxWidth: n, showValidity: o, size: i, style: c, ...r }, v) => (
+    // NOTE: We have to wrap the select in a container so our chevron icon can be positioned absolutely
+    // at the select's right edge. This is the simplest way for us to achieve the visual requirements of
+    // the component while still using a native select element. The main downside is we have more DOM
+    // elements involved than we would prefer.
+    /* @__PURE__ */ d(p, { className: l, style: { ...c, "--select-max-width": n }, children: [
+      /* @__PURE__ */ e(
+        S,
+        {
+          ...r,
+          autoComplete: a,
+          "data-show-validity": !!o,
+          "data-size": i,
+          ref: v,
+          children: s
+        }
+      ),
+      /* @__PURE__ */ e(E, { "aria-hidden": !0, children: /* @__PURE__ */ e(f, {}) })
+    ] })
+  )
+);
+export {
+  p as E,
+  w as S,
+  S as a,
+  E as b
+};

package/dist/js/select-native-control-B8_KRbGq.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),e=require("./form-control-Be_ITYmU.cjs"),j=require("./select-native-lhdLvtfZ.cjs"),d=require("react");function x({errorText:o,helpText:n,id:u,label:i,maxWidth:a,required:s,size:c,...m}){const C=d.useId(),l=u??C,r=d.useId();return t.jsxs(e.FormControl,{as:"div",size:c,maxWidth:a,children:[i&&t.jsx(e.FormControl.Label,{htmlFor:l,isRequired:s,children:i}),t.jsx(j.SelectNative,{...m,"aria-describedby":r,id:l,required:s,size:c}),o?t.jsx(e.FormControl.ErrorText,{id:r,children:o}):n&&t.jsx(e.FormControl.HelpText,{id:r,children:n})]})}exports.SelectNativeControl=x;

package/dist/js/select-native-control-BDdMCBb3.js

@@ -0,0 +1,24 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { a as i } from "./form-control-Cv1xUB2V.js";
+import { S as I } from "./select-native-Cqa8Nte6.js";
+import { useId as a } from "react";
+function x({
+  errorText: t,
+  helpText: d,
+  id: l,
+  label: n,
+  maxWidth: m,
+  required: e,
+  size: c,
+  ...p
+}) {
+  const f = a(), s = l ?? f, o = a();
+  return /* @__PURE__ */ u(i, { as: "div", size: c, maxWidth: m, children: [
+    n && /* @__PURE__ */ r(i.Label, { htmlFor: s, isRequired: e, children: n }),
+    /* @__PURE__ */ r(I, { ...p, "aria-describedby": o, id: s, required: e, size: c }),
+    t ? /* @__PURE__ */ r(i.ErrorText, { id: o, children: t }) : d && /* @__PURE__ */ r(i.HelpText, { id: o, children: d })
+  ] });
+}
+export {
+  x as S
+};

package/dist/js/select-native-lhdLvtfZ.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),S=require("./icons/chevron-down.cjs"),t=require("./index-Dmlb2--K.cjs"),f=require("react"),n=t.styled_default("div")({name:"ElSelectNativeContainer",class:"el-select-native-container",propsAsIs:!1}),s=t.styled_default("select")({name:"ElSelectNative",class:"el-select-native",propsAsIs:!1}),a=t.styled_default("span")({name:"ElSelectNativeIconContainer",class:"el-select-native-icon-container",propsAsIs:!1}),E=f.forwardRef(({autoComplete:l="off",children:c,className:i,maxWidth:o,showValidity:r,size:v,style:d,...u},N)=>e.jsxs(n,{className:i,style:{...d,"--select-max-width":o},children:[e.jsx(s,{...u,autoComplete:l,"data-show-validity":!!r,"data-size":v,ref:N,children:c}),e.jsx(a,{"aria-hidden":!0,children:e.jsx(S.ChevronDownIcon,{})})]}));exports.ElSelectNative=s;exports.ElSelectNativeContainer=n;exports.ElSelectNativeIconContainer=a;exports.SelectNative=E;

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

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

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

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

package/dist/js/skeleton-DLblK-gr.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { s as r } from "./index-YtxCR-9e.js";
+const n = /* @__PURE__ */ r("span")({
+  name: "ElSkeleton",
+  class: "el-skeleton",
+  propsAsIs: !1
+}), p = ({ height: e = "1rem", width: s = "10rem", borderRadius: t, ...l }) => /* @__PURE__ */ o(n, { style: { height: e, width: s, borderRadius: t }, ...l });
+export {
+  n as E,
+  p as S
+};

package/dist/js/skeleton-DxlPVzII.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),r=require("./index-Dmlb2--K.cjs"),e=r.styled_default("span")({name:"ElSkeleton",class:"el-skeleton",propsAsIs:!1}),c=({height:s="1rem",width:t="10rem",borderRadius:l,...n})=>o.jsx(e,{style:{height:s,width:t,borderRadius:l},...n});exports.ElSkeleton=e;exports.Skeleton=c;

package/dist/js/snack--eqqavpo.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),x=require("./index-8ctufnBx.cjs"),r=require("./index-Dmlb2--K.cjs"),t=require("./icon-component-BI1VsBsU.cjs"),I=require("./intent-DTkGgowY.cjs"),i=r.styled_default("div")({name:"ElSnack",class:"el-snack",propsAsIs:!1}),d="el-snack-icon",k="el-snack-close-icon",S=r.styled_default("div")({name:"ElSnackHolder",class:"el-snack-holder",propsAsIs:!1}),f=({snacks:e,removeSnackById:n,...a})=>c.jsx(S,{...a,children:e&&e.map(({text:l,_id:s,...o})=>c.jsx(m,{onRemove:()=>s&&n&&n(s),...o,children:l},s))}),m=({icon:e,intent:n="primary",className:a,onRemove:l,children:s,...o})=>{const u=I.getIntentClassName(n),p=x.cx_default(a,u);return c.jsxs(i,{className:p,role:"status","aria-live":"polite",...o,children:[e&&c.jsx(t.DeprecatedIcon,{fontSize:"1.25rem",className:d,intent:n,icon:e}),s,l&&c.jsx(t.DeprecatedIcon,{fontSize:"1.25rem",className:k,"data-testid":"close-icon",onClick:l,icon:"close"})]})};exports.ElSnack=i;exports.ElSnackHolder=S;exports.Snack=m;exports.SnackHolder=f;exports.elSnackCloseIcon=k;exports.elSnackIcon=d;

package/dist/js/snack-CZw4BVb0.js

@@ -0,0 +1,38 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { c as d } from "./index-BsMVp4qF.js";
+import { s as r } from "./index-YtxCR-9e.js";
+import { D as t } from "./icon-component-BjtO14Ws.js";
+import { g as f } from "./intent-eC1XwIfy.js";
+const k = /* @__PURE__ */ r("div")({
+  name: "ElSnack",
+  class: "el-snack",
+  propsAsIs: !1
+}), S = "el-snack-icon", N = "el-snack-close-icon", u = /* @__PURE__ */ r("div")({
+  name: "ElSnackHolder",
+  class: "el-snack-holder",
+  propsAsIs: !1
+}), b = ({ snacks: s, removeSnackById: a, ...l }) => /* @__PURE__ */ o(u, { ...l, children: s && s.map(({ text: c, _id: e, ...n }) => /* @__PURE__ */ o(C, { onRemove: () => e && a && a(e), ...n, children: c }, e)) }), C = ({ icon: s, intent: a = "primary", className: l, onRemove: c, children: e, ...n }) => {
+  const m = f(a), i = d(l, m);
+  return /* @__PURE__ */ p(k, { className: i, role: "status", "aria-live": "polite", ...n, children: [
+    s && /* @__PURE__ */ o(t, { fontSize: "1.25rem", className: S, intent: a, icon: s }),
+    e,
+    c && /* @__PURE__ */ o(
+      t,
+      {
+        fontSize: "1.25rem",
+        className: N,
+        "data-testid": "close-icon",
+        onClick: c,
+        icon: "close"
+      }
+    )
+  ] });
+};
+export {
+  k as E,
+  b as S,
+  N as a,
+  u as b,
+  C as c,
+  S as e
+};

package/dist/js/split-button-DPCBGx5K.js

@@ -0,0 +1,37 @@
+import { jsx as n } from "react/jsx-runtime";
+import { D as c } from "./icon-component-BjtO14Ws.js";
+import { s as o } from "./index-YtxCR-9e.js";
+import { p as s } from "./button-CQ3wIa3v.js";
+const a = () => s, u = /* @__PURE__ */ o(a())({
+  name: "ElDeprecatedSplitButtonActionButton",
+  class: "el-deprecated-split-button-action-button",
+  propsAsIs: !0
+}), l = () => s, i = /* @__PURE__ */ o(l())({
+  name: "ElDeprecatedSplitButtonMenuButton",
+  class: "el-deprecated-split-button-menu-button",
+  propsAsIs: !0
+}), d = /* @__PURE__ */ o("div")({
+  name: "ElDeprecatedSplitButton",
+  class: "el-deprecated-split-button",
+  propsAsIs: !1
+}), B = (t) => {
+  const { children: e, ...r } = t;
+  return /* @__PURE__ */ n(u, { ...r, children: e });
+}, D = (t) => {
+  const { ...e } = t;
+  return /* @__PURE__ */ n(
+    i,
+    {
+      ...e,
+      iconLeft: /* @__PURE__ */ n(c, { icon: "chevronDown" })
+    }
+  );
+}, p = ({ children: t, ...e }) => /* @__PURE__ */ n(d, { ...e, children: t });
+p.Action = B;
+p.Menu = D;
+export {
+  p as D,
+  u as E,
+  i as a,
+  d as b
+};

package/dist/js/split-button-N4zYv8-9.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),i=require("./icon-component-BI1VsBsU.cjs"),o=require("./index-Dmlb2--K.cjs"),u=require("./button-UCKQmfjY.cjs"),d=()=>u.DeprecatedButton,s=o.styled_default(d())({name:"ElDeprecatedSplitButtonActionButton",class:"el-deprecated-split-button-action-button",propsAsIs:!0}),a=()=>u.DeprecatedButton,r=o.styled_default(a())({name:"ElDeprecatedSplitButtonMenuButton",class:"el-deprecated-split-button-menu-button",propsAsIs:!0}),p=o.styled_default("div")({name:"ElDeprecatedSplitButton",class:"el-deprecated-split-button",propsAsIs:!1}),B=t=>{const{children:e,...l}=t;return n.jsx(s,{...l,children:e})},D=t=>{const{...e}=t;return n.jsx(r,{...e,iconLeft:n.jsx(i.DeprecatedIcon,{icon:"chevronDown"})})},c=({children:t,...e})=>n.jsx(p,{...e,children:t});c.Action=B;c.Menu=D;exports.DeprecatedSplitButton=c;exports.ElDeprecatedSplitButton=p;exports.ElDeprecatedSplitButtonActionButton=s;exports.ElDeprecatedSplitButtonMenuButton=r;

package/dist/js/split-button-WGJ19cIj.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),y=require("./index-Dmlb2--K.cjs"),C=require("./button-base-tw0zLUCC.cjs"),b=require("./index-8ctufnBx.cjs"),r=require("react"),x=require("./menu-CY3VaZRu.cjs"),M=require("./button-Ccwmxlgv.cjs"),v=require("./icons/chevron-down.cjs"),m="el-split-button-action",c=r.createContext(null);function a(){const t=r.useContext(c);if(!t)throw new Error("useSplitButtonContext must be used within a SplitButton");return t}function A({"aria-disabled":t,children:u,className:i,isBusy:o,...e}){const{busy:l,size:p,variant:g}=a();return n.jsx(C.ButtonBase,{...e,"aria-disabled":t||l==="menu-item",className:b.cx_default(m,i),isBusy:o||l==="action",size:p,variant:g,children:u})}function B(t){return n.jsx(A,{as:"button",...t})}B.displayName="SplitButton.Action";function d(t){return n.jsx(A,{as:"a",...t})}d.displayName="SplitButton.AnchorAction";const f="el-split-button-menu-button";function S({"aria-disabled":t,className:u,isBusy:i,...o}){const{busy:e,size:l,variant:p}=a();return n.jsx(M.Button,{...o,"aria-disabled":t||e==="action",className:b.cx_default(f,u),iconLeft:n.jsx(v.ChevronDownIcon,{}),isBusy:i??e==="menu-item",size:l,type:"button",variant:p})}const h=y.styled_default("div")({name:"ElSplitButton",class:"el-split-button",propsAsIs:!1});function j({children:t,id:u,...i}){const o=u??r.useId(),e=r.useId();return n.jsxs(n.Fragment,{children:[n.jsx(S,{...i,...x.Menu.getTriggerProps({id:o,popoverTarget:e,popoverTargetAction:"toggle"})}),n.jsx(x.Menu,{"aria-labelledby":o,id:e,placement:"bottom-end",children:t})]})}j.displayName="SplitButton.Menu";function s({action:t,menu:u,busy:i,size:o,variant:e,...l}){return n.jsx(h,{...l,children:n.jsxs(c.Provider,{value:{busy:i,size:o,variant:e},children:[t,u]})})}s.Action=B;s.AnchorAction=d;s.Menu=j;s.MenuButton=S;s.Context=c;s.useContext=a;exports.ElSplitButton=h;exports.SplitButton=s;exports.SplitButtonAction=B;exports.SplitButtonAnchorAction=d;exports.SplitButtonContext=c;exports.SplitButtonMenuButton=S;exports.elSplitButtonAction=m;exports.elSplitButtonMenuButton=f;exports.useSplitButtonContext=a;