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

package/dist/js/search-input-1Ta8fJAP.js

@@ -0,0 +1,76 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as E, useId as S, useState as B } from "react";
+import { SearchIcon as T } from "./icons/search.js";
+import { T as v } from "./text-input-DAMUZr1s.js";
+import "./button-base-BcnVjgNa.js";
+import { B as w } from "./button-DB4XETG9.js";
+import { ClearIcon as x } from "./icons/clear.js";
+import { CloseIcon as y } from "./icons/close.js";
+function H({
+  "aria-controls": e,
+  variant: o = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ n(
+    w,
+    {
+      ...r,
+      "aria-controls": e,
+      "aria-label": "Clear",
+      hasNoPadding: !0,
+      iconLeft: o === "borderless" ? /* @__PURE__ */ n(x, {}) : /* @__PURE__ */ n(y, {}),
+      onClick: () => {
+        const t = document.getElementById(e);
+        if (t instanceof HTMLInputElement) {
+          t.value = "";
+          const a = new Event("input", { bubbles: !0, cancelable: !0 });
+          t.dispatchEvent(a), t.focus();
+        }
+      },
+      size: "medium",
+      type: "button",
+      variant: "tertiary"
+    }
+  );
+}
+const L = E(
+  ({
+    defaultValue: e,
+    disabled: o,
+    id: r,
+    onChange: s,
+    readOnly: t,
+    showValidity: a,
+    type: I = "search",
+    value: c,
+    variant: u = "default",
+    ...d
+  }, f) => {
+    const h = S(), i = r ?? h, C = c !== void 0, [l, g] = B(C ? !!c : !!e), b = !t && !o && l, p = (m) => {
+      s?.(m), g(!!m.currentTarget.value);
+    };
+    return /* @__PURE__ */ n(
+      v,
+      {
+        ...d,
+        defaultValue: e,
+        disabled: o,
+        id: i,
+        leadingIcon: !l && /* @__PURE__ */ n(T, {}),
+        onChange: p,
+        onInput: p,
+        readOnly: t,
+        ref: f,
+        showValidity: a,
+        trailingIcon: b && /* @__PURE__ */ n(H, { "aria-controls": i, variant: u }),
+        type: I,
+        value: c,
+        variant: u
+      }
+    );
+  }
+);
+L.displayName = "SearchInput";
+export {
+  L as S
+};

package/dist/js/search-input-BG7g9Hnr.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),j=require("./icons/search.cjs"),E=require("./text-input-Ce-v6n3v.cjs");require("./button-base-tw0zLUCC.cjs");const S=require("./button-Ccwmxlgv.cjs"),B=require("./icons/clear.cjs"),v=require("./icons/close.cjs");function w({"aria-controls":n,variant:r="default",...o}){const c=()=>{const e=document.getElementById(n);if(e instanceof HTMLInputElement){e.value="";const s=new Event("input",{bubbles:!0,cancelable:!0});e.dispatchEvent(s),e.focus()}};return t.jsx(S.Button,{...o,"aria-controls":n,"aria-label":"Clear",hasNoPadding:!0,iconLeft:r==="borderless"?t.jsx(B.ClearIcon,{}):t.jsx(v.CloseIcon,{}),onClick:c,size:"medium",type:"button",variant:"tertiary"})}const h=a.forwardRef(({defaultValue:n,disabled:r,id:o,onChange:c,readOnly:e,showValidity:s,type:q="search",value:u,variant:i="default",...x},f)=>{const m=a.useId(),l=o??m,C=u!==void 0,[I,b]=a.useState(C?!!u:!!n),g=!e&&!r&&I,p=d=>{c?.(d),b(!!d.currentTarget.value)};return t.jsx(E.TextInput,{...x,defaultValue:n,disabled:r,id:l,leadingIcon:!I&&t.jsx(j.SearchIcon,{}),onChange:p,onInput:p,readOnly:e,ref:f,showValidity:s,trailingIcon:g&&t.jsx(w,{"aria-controls":l,variant:i}),type:q,value:u,variant:i})});h.displayName="SearchInput";exports.SearchInput=h;

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/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-CVYEUZUt.js → side-bar-jvQgNSjh.js}

@@ -1,11 +1,12 @@
-import { jsx as n, jsxs as I } from "react/jsx-runtime";
+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 N, useId as m, useCallback as B, useRef as P, useLayoutEffect as K, useEffect as D, useState as z } 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-B0jGN026.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 { handleArrowNavigation as R, handleLinkActivation as W } from "./utils/keyboard-navigation.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",
@@ -20,11 +21,11 @@ const Z = (e) => /* @__PURE__ */ f.createElement("svg", { width: 20, height: 20,
   propsAsIs: !1
 }), O = w(void 0);
 function Y(e) {
-  const r = N(() => {
-    const { children: t, ...a } = e;
+  const r = P(() => {
+    const { children: n, ...a } = e;
     return a;
   }, [e]);
-  return /* @__PURE__ */ n(O.Provider, { value: r, children: e.children });
+  return /* @__PURE__ */ t(O.Provider, { value: r, children: e.children });
 }
 function T() {
   const e = G(O);
@@ -32,7 +33,7 @@ function T() {
     throw new Error("useSideBarContext must be used within a SideBarContext.Provider");
   return e;
 }
-function k({ id: e, onClick: r, ...t }) {
+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();
@@ -42,15 +43,15 @@ function k({ id: e, onClick: r, ...t }) {
   return /* @__PURE__ */ I(
     J,
     {
-      ...t,
+      ...n,
       ...b.getTriggerProps({ id: l, tooltipId: s, tooltipPurpose: "label" }),
       "aria-controls": a.id,
       "aria-expanded": a.state === "expanded",
       onClick: d,
       children: [
-        /* @__PURE__ */ n(U, { "aria-hidden": !0, children: /* @__PURE__ */ n(Z, {}) }),
-        /* @__PURE__ */ n(X, { id: o, children: i }),
-        /* @__PURE__ */ n(b, { id: s, placement: "right", triggerId: l, truncationTargetId: o, children: i })
+        /* @__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 })
       ]
     }
   );
@@ -68,7 +69,7 @@ const x = "el-side-bar-menu-item", F = /* @__PURE__ */ u("span")({
 function ee({
   "aria-current": e,
   children: r,
-  className: t,
+  className: n,
   icon: a,
   id: s,
   ...l
@@ -80,16 +81,16 @@ function ee({
       ...l,
       ...b.getTriggerProps({ id: i, tooltipId: o, tooltipPurpose: "label" }),
       "aria-current": e,
-      className: C(x, t),
+      className: C(x, n),
       children: [
-        /* @__PURE__ */ n(V, { "aria-hidden": !0, children: a }),
-        /* @__PURE__ */ n(F, { id: d, children: r }),
-        /* @__PURE__ */ n(b, { id: o, placement: "right", triggerId: i, truncationTargetId: d, children: r })
+        /* @__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", ne = () => V, te = /* @__PURE__ */ u(ne())({
+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
@@ -120,7 +121,7 @@ function ce(e) {
 function de({
   children: e,
   className: r,
-  icon: t,
+  icon: n,
   id: a,
   onClick: s,
   ...l
@@ -141,16 +142,16 @@ function de({
       className: C(x, ae, r),
       onClick: S,
       children: [
-        /* @__PURE__ */ n(te, { "aria-hidden": !0, children: t }),
-        /* @__PURE__ */ n(oe, { id: d, children: e }),
-        /* @__PURE__ */ n(ie, { "aria-hidden": !0, children: /* @__PURE__ */ n(Q, {}) }),
-        /* @__PURE__ */ n(b, { id: o, placement: "right", triggerId: i, truncationTargetId: d, children: e })
+        /* @__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 = P(null);
+  const r = N(null);
   return K(
     function() {
       if (r.current)
@@ -187,7 +188,7 @@ function Se(e) {
 function L({
   "aria-labelledby": e,
   children: r,
-  className: t,
+  className: n,
   isActive: a,
   summary: s,
   ...l
@@ -198,11 +199,11 @@ function L({
     {
       ...l,
       "aria-labelledby": o,
-      className: C(re, t),
+      className: C(re, n),
       "data-is-active": a,
       ref: d,
       children: [
-        /* @__PURE__ */ n(q.Provider, { value: o, children: s }),
+        /* @__PURE__ */ t(q.Provider, { value: o, children: s }),
         r
       ]
     }
@@ -219,11 +220,11 @@ const be = /* @__PURE__ */ u("ul")({
   propsAsIs: !1
 });
 function H({ children: e, ...r }) {
-  return /* @__PURE__ */ n(_, { children: /* @__PURE__ */ n(ee, { ...r, children: e }) });
+  return /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(ee, { ...r, children: e }) });
 }
 H.displayName = "SideBar.MenuItem";
 function M({ children: e, ...r }) {
-  return /* @__PURE__ */ n(_, { children: /* @__PURE__ */ n(L, { ...r, children: e }) });
+  return /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(L, { ...r, children: e }) });
 }
 M.displayName = "SideBar.MenuGroup";
 M.Summary = L.Summary;
@@ -243,22 +244,22 @@ const fe = /* @__PURE__ */ u("ul")({
 function he({
   "aria-current": e,
   children: r,
-  className: t,
+  className: n,
   ...a
 }) {
-  return /* @__PURE__ */ n("a", { ...a, "aria-current": e, className: C($, t), children: /* @__PURE__ */ n(Ie, { children: r }) });
+  return /* @__PURE__ */ t("a", { ...a, "aria-current": e, className: C($, n), children: /* @__PURE__ */ t(Ie, { children: r }) });
 }
 function j({ children: e, ...r }) {
-  return /* @__PURE__ */ n(Be, { children: /* @__PURE__ */ n(he, { ...r, children: e }) });
+  return /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(he, { ...r, children: e }) });
 }
 j.displayName = "SideBar.SubmenuItem";
 function E({ children: e, ...r }) {
-  return /* @__PURE__ */ n(fe, { ...r, children: e });
+  return /* @__PURE__ */ t(fe, { ...r, children: e });
 }
 E.displayName = "SideBar.Submenu";
 E.Item = j;
 function c({ children: e, ...r }) {
-  return /* @__PURE__ */ n(be, { ...r, children: e });
+  return /* @__PURE__ */ t(be, { ...r, children: e });
 }
 c.displayName = "SideBar.MenuList";
 c.Item = H;
@@ -294,14 +295,14 @@ const Ce = /* @__PURE__ */ u("nav")({
   propsAsIs: !1
 });
 function ye(e = "expanded") {
-  const [r, t] = z(e), a = B(() => t("expanded"), []), s = B(
-    () => t((l) => l === "collapsed" ? "expanded" : "collapsed"),
+  const [r, n] = z(e), a = B(() => n("expanded"), []), s = B(
+    () => n((l) => l === "collapsed" ? "expanded" : "collapsed"),
     []
   );
-  return N(() => ({ expand: a, state: r, setState: t, toggle: s }), [a, r, t, s]);
+  return P(() => ({ expand: a, state: r, setState: n, toggle: s }), [a, r, n, s]);
 }
 function ve(e) {
-  const r = P(null);
+  const r = N(null);
   return D(
     function() {
       if (!r.current || e === "collapsed") return;
@@ -326,8 +327,8 @@ function Le(e) {
 }
 function Ae(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);
+    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() {
@@ -338,13 +339,13 @@ function we() {
 function p({
   "aria-label": e,
   children: r,
-  footer: t,
+  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__ */ n(
+  return ge(i), /* @__PURE__ */ t(
     Ce,
     {
       ...l,
@@ -353,8 +354,8 @@ function p({
       id: o,
       style: { "--side-bar-width": `var(${s})` },
       children: /* @__PURE__ */ I(Y, { id: o, ...i, children: [
-        /* @__PURE__ */ n(Me, { ref: S, onClick: i.expand, onKeyDown: d, children: r }),
-        /* @__PURE__ */ n(Ee, { children: t })
+        /* @__PURE__ */ t(Me, { ref: S, onClick: i.expand, onKeyDown: d, children: r }),
+        /* @__PURE__ */ t(Ee, { children: n })
       ] })
     }
   );
@@ -383,7 +384,7 @@ export {
   de as d,
   re as e,
   ae as f,
-  te as g,
+  ne as g,
   oe as h,
   ie as i,
   x as j,

package/dist/js/{split-button-DmGaQtfM.cjs → split-button-WGJ19cIj.cjs}

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),y=require("./index-Dmlb2--K.cjs"),C=require("./button-base-D8LjBAOF.cjs"),b=require("./index-8ctufnBx.cjs"),r=require("react"),x=require("./menu-Dnh4NX8q.cjs"),M=require("./button-Cv5pNws2.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;
+"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;

package/dist/js/{split-button-BgTcuFGf.js → split-button-wezejHqc.js}

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as d, Fragment as y } from "react/jsx-runtime";
 import { s as h } from "./index-YtxCR-9e.js";
-import { B as v } from "./button-base-B_Ks3sJk.js";
+import { B as v } from "./button-base-BcnVjgNa.js";
 import { c as B } from "./index-BsMVp4qF.js";
 import { createContext as C, useContext as M, useId as p } from "react";
-import { k as m } from "./menu-CBeq-0T4.js";
-import { B as I } from "./button-BzRPgU1z.js";
+import { k as m } from "./menu-D9gFfy6f.js";
+import { B as I } from "./button-DB4XETG9.js";
 import { ChevronDownIcon as N } from "./icons/chevron-down.js";
 const w = "el-split-button-action", l = C(null);
 function c() {