@reapit/elements 5.0.0-beta.7 → 5.0.0-beta.71

package/dist/js/searchable-dropdown-B90iksKP.js

@@ -0,0 +1,164 @@
+import { jsxs as C, Fragment as N, jsx as o } from "react/jsx-runtime";
+import u, { forwardRef as v, useId as T, useEffect as L } from "react";
+import { D as R } from "./icon-component-B7e_UxTC.js";
+import { s } from "./index-AHmiDD3r.js";
+import { I as j } from "./input-add-on-DiRZvdY2.js";
+import { I as z } from "./input-B6HXxPfD.js";
+import { L as M } from "./loader-JabwMHpN.js";
+import { D as y } from "./label-DISandfh.js";
+import { h as V } from "./multi-select-Cjs82ejS.js";
+import { g as F } from "./random-id-Dlehz5dT.js";
+import { g as $ } from "./deprecated-spacing-CGGxnk0m.js";
+import { w as q } from "./deprecated-flexbox-DQBOO02s.js";
+import { c as G } from "./index-BsMVp4qF.js";
+const H = /* @__PURE__ */ s("div")({
+  name: "ElSearchableDropdownContainer",
+  class: "el-searchable-dropdown-container",
+  propsAsIs: !1
+}), _ = /* @__PURE__ */ s("div")({
+  name: "ElSearchableDropdownResult",
+  class: "el-searchable-dropdown-result",
+  propsAsIs: !1
+}), J = /* @__PURE__ */ s("div")({
+  name: "ElSearchableDropdownResultsContainer",
+  class: "el-searchable-dropdown-results-container",
+  propsAsIs: !1
+}), K = () => j, Q = /* @__PURE__ */ s(K())({
+  name: "ElSearchableDropdownSearchInputAddOn",
+  class: "el-searchable-dropdown-search-input-add-on",
+  propsAsIs: !0
+}), U = () => R, W = /* @__PURE__ */ s(U())({
+  name: "ElSearchableDropdownCloseButton",
+  class: "el-searchable-dropdown-close-button",
+  propsAsIs: !0
+}), X = () => z, Y = /* @__PURE__ */ s(X())({
+  name: "ElSearchableDropdownSearchInput",
+  class: "el-searchable-dropdown-search-input",
+  propsAsIs: !0
+}), Z = () => y, P = /* @__PURE__ */ s(Z())({
+  name: "ElSearchableDropdownSearchLabel",
+  class: "el-searchable-dropdown-search-label",
+  propsAsIs: !0
+}), ee = () => M, oe = /* @__PURE__ */ s(ee())({
+  name: "ElSearchableDropdownSearchLoader",
+  class: "el-searchable-dropdown-search-loader",
+  propsAsIs: !0
+}), ae = ({
+  isResultsListVisible: n,
+  icon: l = "search",
+  loading: c,
+  resultsList: t,
+  onResultClick: m,
+  onClear: r,
+  isClearVisible: I,
+  value: b,
+  selectedValue: E,
+  id: S,
+  label: d,
+  ...a
+}, w) => {
+  const p = T();
+  return /* @__PURE__ */ C(N, { children: [
+    d && /* @__PURE__ */ o(y, { className: G(q, $), htmlFor: S, children: d }),
+    /* @__PURE__ */ C(
+      H,
+      {
+        role: "combobox",
+        "aria-expanded": n,
+        "aria-controls": p,
+        "aria-haspopup": "listbox",
+        children: [
+          /* @__PURE__ */ o("input", { id: S, style: { display: "none" }, readOnly: !0, value: E, ref: w }),
+          /* @__PURE__ */ o(Q, { children: /* @__PURE__ */ o(R, { icon: l, fontSize: "1rem", intent: "default" }) }),
+          /* @__PURE__ */ o(Y, { "data-testid": "search-input", value: b, ...a }),
+          n && /* @__PURE__ */ C(J, { role: "listbox", id: p, children: [
+            t.map((i, h) => /* @__PURE__ */ o(
+              _,
+              {
+                "data-testid": `dropdown-result-${h}`,
+                role: "option",
+                onClick: () => m(i),
+                children: i.label
+              },
+              F()
+            )),
+            !c && !t.length && /* @__PURE__ */ o(_, { children: "No results found" })
+          ] }),
+          c && /* @__PURE__ */ o(oe, {}),
+          I && /* @__PURE__ */ o(W, { icon: "close", onClick: r })
+        ]
+      }
+    )
+  ] });
+}, re = v(ae), se = ({
+  getResults: n,
+  icon: l,
+  getResultValue: c,
+  getResultLabel: t,
+  onChange: m,
+  defaultVal: r,
+  id: I,
+  ...b
+}, E) => {
+  const S = r ? c(r) : "", d = I ?? F(), [a, w] = u.useState(r ? t(r) : ""), [p, i] = u.useState(!1), [h, O] = u.useState(r ? [r] : []), [k, f] = u.useState(!1), [x, B] = u.useState(S);
+  L(() => {
+    a.length > 2 && !h.map(t).includes(a) && (i(!0), n(a).then((e) => {
+      O(e), i(!1), f(!0);
+    }).catch((e) => console.error(e)));
+  }, [a]), L(V(d, [a]), [a]);
+  const A = (e, D) => {
+    w(e), B(D), f(!1), m && m({
+      target: {
+        ...b,
+        value: D
+      }
+    });
+  };
+  let g;
+  return /* @__PURE__ */ o(
+    re,
+    {
+      onChange: (e) => {
+        w(e.target.value);
+      },
+      onFocus: () => {
+        h.length > 0 && a.length > 2 && (clearTimeout(g), f(!0));
+      },
+      onBlur: () => {
+        g = setTimeout(() => {
+          f(!1);
+        }, 200);
+      },
+      value: a,
+      ref: E,
+      isResultsListVisible: k,
+      icon: l || "search",
+      loading: p,
+      resultsList: h.map((e) => ({
+        label: t(e),
+        result: e
+      })),
+      onResultClick: ({ label: e, result: D }) => {
+        A(e, c(D));
+      },
+      selectedValue: x,
+      onClear: () => A("", ""),
+      isClearVisible: !!x && !p,
+      id: d,
+      ...b
+    }
+  );
+}, fe = v(se), De = ({ children: n, ...l }) => /* @__PURE__ */ o(P, { ...l, children: n });
+export {
+  re as C,
+  H as E,
+  fe as S,
+  De as a,
+  _ as b,
+  J as c,
+  Q as d,
+  W as e,
+  Y as f,
+  P as g,
+  oe as h
+};

package/dist/js/searchable-dropdown-CBrlW-M3.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),q=require("./icon-component-BiFWhYKG.cjs"),s=require("./index-BAGJrh44.cjs"),M=require("./input-add-on-19dcfeb4.cjs"),V=require("./input-BDPsPZpT.cjs"),$=require("./loader-Bm7pM6f7.cjs"),A=require("./label-QKHhUGc4.cjs"),G=require("./multi-select--A8NN6iP.cjs"),L=require("./random-id-DZgLyZZR.cjs"),H=require("./deprecated-spacing-7wANCtsp.cjs"),J=require("./deprecated-flexbox-CyRYD5_S.cjs"),K=require("./index-8ctufnBx.cjs"),R=s.styled_default("div")({name:"ElSearchableDropdownContainer",class:"el-searchable-dropdown-container",propsAsIs:!1}),m=s.styled_default("div")({name:"ElSearchableDropdownResult",class:"el-searchable-dropdown-result",propsAsIs:!1}),y=s.styled_default("div")({name:"ElSearchableDropdownResultsContainer",class:"el-searchable-dropdown-results-container",propsAsIs:!1}),Q=()=>M.InputAddOn,g=s.styled_default(Q())({name:"ElSearchableDropdownSearchInputAddOn",class:"el-searchable-dropdown-search-input-add-on",propsAsIs:!0}),U=()=>q.DeprecatedIcon,v=s.styled_default(U())({name:"ElSearchableDropdownCloseButton",class:"el-searchable-dropdown-close-button",propsAsIs:!0}),W=()=>V.Input,O=s.styled_default(W())({name:"ElSearchableDropdownSearchInput",class:"el-searchable-dropdown-search-input",propsAsIs:!0}),X=()=>A.DeprecatedLabel,F=s.styled_default(X())({name:"ElSearchableDropdownSearchLabel",class:"el-searchable-dropdown-search-label",propsAsIs:!0}),Y=()=>$.Loader,B=s.styled_default(Y())({name:"ElSearchableDropdownSearchLoader",class:"el-searchable-dropdown-search-loader",propsAsIs:!0}),Z=({isResultsListVisible:l,icon:c="search",loading:d,resultsList:t,onResultClick:b,onClear:n,isClearVisible:I,value:S,selectedValue:E,id:w,label:p,...a},D)=>{const u=o.useId();return e.jsxs(e.Fragment,{children:[p&&e.jsx(A.DeprecatedLabel,{className:K.cx_default(J.elFlex,H.elMb3),htmlFor:w,children:p}),e.jsxs(R,{role:"combobox","aria-expanded":l,"aria-controls":u,"aria-haspopup":"listbox",children:[e.jsx("input",{id:w,style:{display:"none"},readOnly:!0,value:E,ref:D}),e.jsx(g,{children:e.jsx(q.DeprecatedIcon,{icon:c,fontSize:"1rem",intent:"default"})}),e.jsx(O,{"data-testid":"search-input",value:S,...a}),l&&e.jsxs(y,{role:"listbox",id:u,children:[t.map((i,h)=>e.jsx(m,{"data-testid":`dropdown-result-${h}`,role:"option",onClick:()=>b(i),children:i.label},L.generateRandomId())),!d&&!t.length&&e.jsx(m,{children:"No results found"})]}),d&&e.jsx(B,{}),I&&e.jsx(v,{icon:"close",onClick:n})]})]})},k=o.forwardRef(Z),P=({getResults:l,icon:c,getResultValue:d,getResultLabel:t,onChange:b,defaultVal:n,id:I,...S},E)=>{const w=n?d(n):"",p=I??L.generateRandomId(),[a,D]=o.useState(n?t(n):""),[u,i]=o.useState(!1),[h,N]=o.useState(n?[n]:[]),[T,x]=o.useState(!1),[C,z]=o.useState(w);o.useEffect(()=>{a.length>2&&!h.map(t).includes(a)&&(i(!0),l(a).then(r=>{N(r),i(!1),x(!0)}).catch(r=>console.error(r)))},[a]),o.useEffect(G.handleSetNativeInput(p,[a]),[a]);const j=(r,f)=>{D(r),z(f),x(!1),b&&b({target:{...S,value:f}})};let _;return e.jsx(k,{onChange:r=>{D(r.target.value)},onFocus:()=>{h.length>0&&a.length>2&&(clearTimeout(_),x(!0))},onBlur:()=>{_=setTimeout(()=>{x(!1)},200)},value:a,ref:E,isResultsListVisible:T,icon:c||"search",loading:u,resultsList:h.map(r=>({label:t(r),result:r})),onResultClick:({label:r,result:f})=>{j(r,d(f))},selectedValue:C,onClear:()=>j("",""),isClearVisible:!!C&&!u,id:p,...S})},ee=o.forwardRef(P),re=({children:l,...c})=>e.jsx(F,{...c,children:l});exports.ControlledSearchableDropdown=k;exports.ElSearchableDropdownCloseButton=v;exports.ElSearchableDropdownContainer=R;exports.ElSearchableDropdownResult=m;exports.ElSearchableDropdownResultsContainer=y;exports.ElSearchableDropdownSearchInput=O;exports.ElSearchableDropdownSearchInputAddOn=g;exports.ElSearchableDropdownSearchLabel=F;exports.ElSearchableDropdownSearchLoader=B;exports.SearchableDropdown=ee;exports.SearchableDropdownSearchLabel=re;

package/dist/js/secondary-nav-BqwHmwNq.js

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c } from "./index-BsMVp4qF.js";
+import { s as r } from "./index-AHmiDD3r.js";
+import { e as d } from "./deprecated-states-CuyVqPko.js";
+import { h as l } from "./handle-keyboard-event-DUi59qMJ.js";
+const v = /* @__PURE__ */ r("div")({
+  name: "ElSecondaryNav",
+  class: "el-secondary-nav",
+  propsAsIs: !1
+}), y = /* @__PURE__ */ r("div")({
+  name: "ElSecondaryNavItem",
+  class: "el-secondary-nav-item",
+  propsAsIs: !1
+}), I = ({ children: a, ...e }) => /* @__PURE__ */ o(v, { ...e, children: a }), S = ({ active: a, className: e, onClick: s, children: t, ...n }) => {
+  const m = c(e, a && d);
+  return /* @__PURE__ */ o(
+    y,
+    {
+      className: m,
+      tabIndex: 0,
+      role: "button",
+      onKeyDown: s ? l("Enter", s) : void 0,
+      onClick: s,
+      ...n,
+      children: t
+    }
+  );
+};
+export {
+  v as E,
+  I as S,
+  y as a,
+  S as b
+};

package/dist/js/secondary-nav-BriFxXCY.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),v=require("./index-8ctufnBx.cjs"),t=require("./index-BAGJrh44.cjs"),y=require("./deprecated-states-WNjTkCrU.cjs"),i=require("./handle-keyboard-event-BR3CNLf8.cjs"),r=t.styled_default("div")({name:"ElSecondaryNav",class:"el-secondary-nav",propsAsIs:!1}),d=t.styled_default("div")({name:"ElSecondaryNavItem",class:"el-secondary-nav-item",propsAsIs:!1}),u=({children:e,...a})=>s.jsx(r,{...a,children:e}),m=({active:e,className:a,onClick:n,children:o,...c})=>{const l=v.cx_default(a,e&&y.elIsActive);return s.jsx(d,{className:l,tabIndex:0,role:"button",onKeyDown:n?i.handleKeyboardEvent("Enter",n):void 0,onClick:n,...c,children:o})};exports.ElSecondaryNav=r;exports.ElSecondaryNavItem=d;exports.SecondaryNav=u;exports.SecondaryNavItem=m;

package/dist/js/secondary-tabs-BdLPg_Zq.js

@@ -0,0 +1,52 @@
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { s } from "./index-AHmiDD3r.js";
+const l = /* @__PURE__ */ s("nav")({
+  name: "ElSecondaryTabs",
+  class: "el-secondary-tabs",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ s("menu")({
+  name: "ElSecondaryTabsList",
+  class: "el-secondary-tabs-list",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("li")({
+  name: "ElSecondaryTabsListItem",
+  class: "el-secondary-tabs-list-item",
+  propsAsIs: !1
+}), b = /* @__PURE__ */ s("span")({
+  name: "ElSecondaryTabsListItemSeparator",
+  class: "el-secondary-tabs-list-item-separator",
+  propsAsIs: !1
+}), i = /* @__PURE__ */ s("a")({
+  name: "ElSecondaryTab",
+  class: "el-secondary-tab",
+  propsAsIs: !1
+}), y = /* @__PURE__ */ s("span")({
+  name: "ElSecondaryTabLabel",
+  class: "el-secondary-tab-label",
+  propsAsIs: !1
+});
+function m({ "aria-current": e, children: r, ...n }) {
+  return /* @__PURE__ */ a(i, { ...n, "aria-current": e, children: /* @__PURE__ */ a(y, { children: r }) });
+}
+function t(e) {
+  return /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ a(m, { ...e }),
+    /* @__PURE__ */ a(b, { "aria-hidden": !0 })
+  ] });
+}
+t.displayName = "SecondaryTabs.Item";
+function p({ children: e, overflow: r = "visible", ...n }) {
+  return /* @__PURE__ */ a(l, { "data-overflow": r, ...n, children: /* @__PURE__ */ a(c, { children: e }) });
+}
+p.Item = t;
+export {
+  l as E,
+  p as S,
+  t as a,
+  c as b,
+  d as c,
+  b as d,
+  m as e,
+  i as f,
+  y as g
+};

package/dist/js/secondary-tabs-_rMV2bUN.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),s=require("./index-BAGJrh44.cjs"),l=s.styled_default("nav")({name:"ElSecondaryTabs",class:"el-secondary-tabs",propsAsIs:!1}),c=s.styled_default("menu")({name:"ElSecondaryTabsList",class:"el-secondary-tabs-list",propsAsIs:!1}),o=s.styled_default("li")({name:"ElSecondaryTabsListItem",class:"el-secondary-tabs-list-item",propsAsIs:!1}),d=s.styled_default("span")({name:"ElSecondaryTabsListItemSeparator",class:"el-secondary-tabs-list-item-separator",propsAsIs:!1}),y=s.styled_default("a")({name:"ElSecondaryTab",class:"el-secondary-tab",propsAsIs:!1}),b=s.styled_default("span")({name:"ElSecondaryTabLabel",class:"el-secondary-tab-label",propsAsIs:!1});function i({"aria-current":e,children:r,...t}){return a.jsx(y,{...t,"aria-current":e,children:a.jsx(b,{children:r})})}function n(e){return a.jsxs(o,{children:[a.jsx(i,{...e}),a.jsx(d,{"aria-hidden":!0})]})}n.displayName="SecondaryTabs.Item";function S({children:e,overflow:r="visible",...t}){return a.jsx(l,{"data-overflow":r,...t,children:a.jsx(c,{children:e})})}S.Item=n;exports.ElSecondaryTab=y;exports.ElSecondaryTabLabel=b;exports.ElSecondaryTabs=l;exports.ElSecondaryTabsList=c;exports.ElSecondaryTabsListItem=o;exports.ElSecondaryTabsListItemSeparator=d;exports.SecondaryTab=i;exports.SecondaryTabs=S;exports.SecondaryTabsItem=n;

package/dist/js/section-message-Bn33yi2F.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");require("./button-base-BR_9696S.cjs");const S=require("react"),E=require("./button-DwYL4ezg.cjs"),f=require("./icons/close.cjs"),s=require("./index-BAGJrh44.cjs"),I=require("./line-clamp-xEX76LvR.cjs"),c=s.styled_default("div")({name:"ElSectionMessage",class:"el-section-message",propsAsIs:!1}),l=s.styled_default("div")({name:"ElSectionMessageIconContainer",class:"el-section-message-icon-container",propsAsIs:!1}),r=s.styled_default("div")({name:"ElSectionMessageTitle",class:"el-section-message-title",propsAsIs:!1}),d=s.styled_default("div")({name:"ElSectionMessageDescription",class:"el-section-message-description",propsAsIs:!1}),g=s.styled_default("div")({name:"ElSectionMessageActions",class:"el-section-message-actions",propsAsIs:!1});function x({actions:t,children:u,icon:i,lineClamp:p="none",onDismiss:a,title:n,variant:m,...M}){const o=S.useId();return e.jsxs(c,{...M,"data-variant":m,"aria-labelledby":n?o:void 0,children:[a&&e.jsx(E.Button,{"aria-label":"Dismiss message",hasNoPadding:!0,iconLeft:e.jsx(f.CloseIcon,{"aria-hidden":!0}),onClick:a,size:"small",type:"button",variant:"tertiary"}),i&&e.jsx(l,{children:i}),n&&e.jsx(r,{id:o,children:n}),e.jsx(I.LineClamp,{as:d,clampTo:p,children:u}),t&&e.jsx(g,{children:t})]})}exports.ElSectionMessage=c;exports.ElSectionMessageActions=g;exports.ElSectionMessageDescription=d;exports.ElSectionMessageIconContainer=l;exports.ElSectionMessageTitle=r;exports.SectionMessage=x;

package/dist/js/section-message-CEzwuyor.js

@@ -0,0 +1,66 @@
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import "./button-base-BxF98pDk.js";
+import { useId as d } from "react";
+import { B as g } from "./button-DYIdjjTt.js";
+import { CloseIcon as f } from "./icons/close.js";
+import { s as e } from "./index-AHmiDD3r.js";
+import { L as S } from "./line-clamp-B8Z8vzU2.js";
+const E = /* @__PURE__ */ e("div")({
+  name: "ElSectionMessage",
+  class: "el-section-message",
+  propsAsIs: !1
+}), M = /* @__PURE__ */ e("div")({
+  name: "ElSectionMessageIconContainer",
+  class: "el-section-message-icon-container",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ e("div")({
+  name: "ElSectionMessageTitle",
+  class: "el-section-message-title",
+  propsAsIs: !1
+}), u = /* @__PURE__ */ e("div")({
+  name: "ElSectionMessageDescription",
+  class: "el-section-message-description",
+  propsAsIs: !1
+}), v = /* @__PURE__ */ e("div")({
+  name: "ElSectionMessageActions",
+  class: "el-section-message-actions",
+  propsAsIs: !1
+});
+function T({
+  actions: o,
+  children: c,
+  icon: i,
+  lineClamp: l = "none",
+  onDismiss: n,
+  title: a,
+  variant: r,
+  ...m
+}) {
+  const t = d();
+  return /* @__PURE__ */ p(E, { ...m, "data-variant": r, "aria-labelledby": a ? t : void 0, children: [
+    n && /* @__PURE__ */ s(
+      g,
+      {
+        "aria-label": "Dismiss message",
+        hasNoPadding: !0,
+        iconLeft: /* @__PURE__ */ s(f, { "aria-hidden": !0 }),
+        onClick: n,
+        size: "small",
+        type: "button",
+        variant: "tertiary"
+      }
+    ),
+    i && /* @__PURE__ */ s(M, { children: i }),
+    a && /* @__PURE__ */ s(I, { id: t, children: a }),
+    /* @__PURE__ */ s(S, { as: u, clampTo: l, children: c }),
+    o && /* @__PURE__ */ s(v, { children: o })
+  ] });
+}
+export {
+  E,
+  T as S,
+  M as a,
+  I as b,
+  u as c,
+  v as d
+};

package/dist/js/select-Bm9KkLaS.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("react/jsx-runtime"),o=require("./combobox-C5oqu7Dl.cjs");require("./button-base-BR_9696S.cjs");require("react");require("./listbox-uSbN6RQG.cjs");require("./icons/close.cjs");require("./icons/chevron-down.cjs");require("./search-input-BN3bSLzw.cjs");require("./get-closest-dialog-element-BLJUVcdr.cjs");function x({children:i,defaultOptions:n,onClick:C,placeholder:d="Select an option",selectionStyle:a="default",...u}){const l=o.useComboboxButton({onClick:C}),e=o.Combobox.useContext(),c=o.Combobox.useHasSelection(e.listboxId),s=!e.multiple&&c;return a==="card"&&s?b.jsx(o.Combobox.Card,{...u,...l,action:b.jsx(o.Combobox.ClearButton,{"aria-controls":e.listboxId,disabled:e.disabled}),size:e.size,children:b.jsx(o.Combobox.SelectedContent,{defaultOptions:n,listboxId:e.listboxId,children:i})}):b.jsx(o.Combobox.Button,{...u,...l,action:s?b.jsx(o.Combobox.ClearButton,{"aria-controls":e.listboxId,disabled:e.disabled}):b.jsx(o.Combobox.OpenPopupButton,{"aria-controls":e.popupId,disabled:e.disabled}),placeholder:d,size:e.size,children:s&&b.jsx(o.Combobox.SelectedContent,{defaultOptions:n,listboxId:e.listboxId,children:i})})}x.displayName="Select.Button";function r({closeOnSelection:i="auto",...n}){return b.jsx(o.Combobox.Popup,{...n,closeOnSelection:i})}function t(i){return b.jsx(o.Combobox,{...i})}t.getValue=o.Combobox.getListboxValue;t.getListboxId=o.Combobox.getListboxId;t.getPopupId=o.Combobox.getPopupId;t.Button=x;t.CardDefaultContent=o.Combobox.CardDefaultContent;t.DefaultOptionsContext=o.Combobox.DefaultOptionsContext;t.Divider=o.Combobox.Divider;t.Listbox=o.Combobox.Listbox;t.Option=o.Combobox.Option;t.OptionAdditionalInfo=o.Combobox.OptionAdditionalInfo;t.Optgroup=o.Combobox.Optgroup;t.Popup=r;t.SelectionChips=o.Combobox.SelectionChips;t.SelectionChipsItem=o.Combobox.SelectionChipsItem;t.useState=o.Combobox.useState;exports.Select=t;exports.SelectButton=x;exports.SelectPopup=r;

package/dist/js/select-Cv19V9Vm.js

@@ -0,0 +1,66 @@
+import { jsx as i } from "react/jsx-runtime";
+import { a4 as C, o as t } from "./combobox-BWpgpDF-.js";
+import "./button-base-BxF98pDk.js";
+import "react";
+import "./listbox-LxpZYH0B.js";
+import "./icons/close.js";
+import "./icons/chevron-down.js";
+import "./search-input-BlrBgOkw.js";
+import "./get-closest-dialog-element-PaoHhqBs.js";
+function d({
+  children: n,
+  defaultOptions: s,
+  onClick: r,
+  placeholder: u = "Select an option",
+  selectionStyle: c = "default",
+  ...l
+}) {
+  const p = C({ onClick: r }), e = t.useContext(), b = t.useHasSelection(e.listboxId), a = !e.multiple && b;
+  return c === "card" && a ? /* @__PURE__ */ i(
+    t.Card,
+    {
+      ...l,
+      ...p,
+      action: /* @__PURE__ */ i(t.ClearButton, { "aria-controls": e.listboxId, disabled: e.disabled }),
+      size: e.size,
+      children: /* @__PURE__ */ i(t.SelectedContent, { defaultOptions: s, listboxId: e.listboxId, children: n })
+    }
+  ) : /* @__PURE__ */ i(
+    t.Button,
+    {
+      ...l,
+      ...p,
+      action: a ? /* @__PURE__ */ i(t.ClearButton, { "aria-controls": e.listboxId, disabled: e.disabled }) : /* @__PURE__ */ i(t.OpenPopupButton, { "aria-controls": e.popupId, disabled: e.disabled }),
+      placeholder: u,
+      size: e.size,
+      children: a && /* @__PURE__ */ i(t.SelectedContent, { defaultOptions: s, listboxId: e.listboxId, children: n })
+    }
+  );
+}
+d.displayName = "Select.Button";
+function x({ closeOnSelection: n = "auto", ...s }) {
+  return /* @__PURE__ */ i(t.Popup, { ...s, closeOnSelection: n });
+}
+function o(n) {
+  return /* @__PURE__ */ i(t, { ...n });
+}
+o.getValue = t.getListboxValue;
+o.getListboxId = t.getListboxId;
+o.getPopupId = t.getPopupId;
+o.Button = d;
+o.CardDefaultContent = t.CardDefaultContent;
+o.DefaultOptionsContext = t.DefaultOptionsContext;
+o.Divider = t.Divider;
+o.Listbox = t.Listbox;
+o.Option = t.Option;
+o.OptionAdditionalInfo = t.OptionAdditionalInfo;
+o.Optgroup = t.Optgroup;
+o.Popup = x;
+o.SelectionChips = t.SelectionChips;
+o.SelectionChipsItem = t.SelectionChipsItem;
+o.useState = t.useState;
+export {
+  o as S,
+  d as a,
+  x as b
+};

package/dist/js/select-D194sGVo.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { s as l } from "./index-AHmiDD3r.js";
+const o = /* @__PURE__ */ l("select")({
+  name: "ElDeprecatedSelect",
+  class: "el-deprecated-select",
+  propsAsIs: !1
+}), m = a(
+  ({ children: e, ...t }, r) => /* @__PURE__ */ s(
+    o,
+    {
+      "aria-label": "Select an item from the dropdown list",
+      ...t,
+      ref: r,
+      children: e
+    }
+  )
+);
+export {
+  m as D,
+  o as E
+};

package/dist/js/select-Qo07F4f3.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("react/jsx-runtime"),s=require("react"),a=require("./index-BAGJrh44.cjs"),e=a.styled_default("select")({name:"ElDeprecatedSelect",class:"el-deprecated-select",propsAsIs:!1}),d=s.forwardRef(({children:t,...c},r)=>l.jsx(e,{"aria-label":"Select an item from the dropdown list",...c,ref:r,children:t}));exports.DeprecatedSelect=d;exports.ElDeprecatedSelect=e;

package/dist/js/select-control-BamSUDlC.js

@@ -0,0 +1,62 @@
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { a as r } from "./form-control-DiJRG5Z3.js";
+import { S as t } from "./select-Cv19V9Vm.js";
+import "./combobox-BWpgpDF-.js";
+import "./button-base-BxF98pDk.js";
+import { useId as d } from "react";
+import "./listbox-LxpZYH0B.js";
+import "./icons/close.js";
+import "./icons/chevron-down.js";
+import "./search-input-BlrBgOkw.js";
+import "./get-closest-dialog-element-PaoHhqBs.js";
+function i({
+  children: f,
+  defaultOptions: v,
+  disabled: C,
+  errorText: e,
+  helpText: n,
+  id: S,
+  label: a,
+  maxWidth: b,
+  multiple: p,
+  renderChips: h,
+  required: s,
+  size: c = "medium",
+  ...O
+}) {
+  const g = d(), l = S ?? g, m = d(), u = d(), I = d();
+  return /* @__PURE__ */ o(r, { as: "div", size: c, maxWidth: b, children: /* @__PURE__ */ x(t.DefaultOptionsContext.Provider, { value: v ?? [], children: [
+    a && /* @__PURE__ */ o(r.Label, { htmlFor: l, id: m, isRequired: s, children: a }),
+    /* @__PURE__ */ o(
+      t,
+      {
+        ...O,
+        "aria-describedby": n && !e ? u : void 0,
+        "aria-errormessage": e ? I : void 0,
+        "aria-invalid": e ? !0 : void 0,
+        "aria-labelledby": a ? m : void 0,
+        id: l,
+        multiple: p,
+        required: s,
+        size: c,
+        children: f
+      }
+    ),
+    e ? /* @__PURE__ */ o(r.ErrorText, { id: I, children: e }) : n && /* @__PURE__ */ o(r.HelpText, { id: u, children: n }),
+    p && /* @__PURE__ */ o(t.SelectionChips, { disabled: C, listboxId: t.getListboxId(l), children: h })
+  ] }) });
+}
+i.getValue = t.getValue;
+i.Button = t.Button;
+i.CardDefaultContent = t.CardDefaultContent;
+i.Divider = t.Divider;
+i.Listbox = t.Listbox;
+i.Option = t.Option;
+i.OptionAdditionalInfo = t.OptionAdditionalInfo;
+i.Optgroup = t.Optgroup;
+i.Popup = t.Popup;
+i.SelectionChipsItem = t.SelectionChipsItem;
+i.useState = t.useState;
+export {
+  i as S
+};

package/dist/js/select-control-DganvtDy.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),r=require("./form-control-PgjixMOQ.cjs"),e=require("./select-Bm9KkLaS.cjs");require("./combobox-C5oqu7Dl.cjs");require("./button-base-BR_9696S.cjs");const l=require("react");require("./listbox-uSbN6RQG.cjs");require("./icons/close.cjs");require("./icons/chevron-down.cjs");require("./search-input-BN3bSLzw.cjs");require("./get-closest-dialog-element-BLJUVcdr.cjs");function t({children:I,defaultOptions:m,disabled:q,errorText:o,helpText:n,id:x,label:c,maxWidth:v,multiple:s,renderChips:b,required:u,size:a="medium",...h}){const f=l.useId(),d=x??f,S=l.useId(),p=l.useId(),C=l.useId();return i.jsx(r.FormControl,{as:"div",size:a,maxWidth:v,children:i.jsxs(e.Select.DefaultOptionsContext.Provider,{value:m??[],children:[c&&i.jsx(r.FormControl.Label,{htmlFor:d,id:S,isRequired:u,children:c}),i.jsx(e.Select,{...h,"aria-describedby":n&&!o?p:void 0,"aria-errormessage":o?C:void 0,"aria-invalid":o?!0:void 0,"aria-labelledby":c?S:void 0,id:d,multiple:s,required:u,size:a,children:I}),o?i.jsx(r.FormControl.ErrorText,{id:C,children:o}):n&&i.jsx(r.FormControl.HelpText,{id:p,children:n}),s&&i.jsx(e.Select.SelectionChips,{disabled:q,listboxId:e.Select.getListboxId(d),children:b})]})})}t.getValue=e.Select.getValue;t.Button=e.Select.Button;t.CardDefaultContent=e.Select.CardDefaultContent;t.Divider=e.Select.Divider;t.Listbox=e.Select.Listbox;t.Option=e.Select.Option;t.OptionAdditionalInfo=e.Select.OptionAdditionalInfo;t.Optgroup=e.Select.Optgroup;t.Popup=e.Select.Popup;t.SelectionChipsItem=e.Select.SelectionChipsItem;t.useState=e.Select.useState;exports.SelectControl=t;

package/dist/js/select-native-ByyCCnDO.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-AHmiDD3r.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-BEc4MMLs.cjs

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

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

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

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

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),S=require("./icons/chevron-down.cjs"),t=require("./index-BAGJrh44.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-BkE4eONG.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),l=require("./index-BAGJrh44.cjs"),b=require("./tooltip-BU8hYqZ9.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;