@reapit/elements 5.0.0-beta.80 → 5.0.0-beta.82

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

@@ -0,0 +1,140 @@
+import "./deprecated-flexbox-CeIDwxZW.js";
+import "./deprecated-spacing-BrAK8tP6.js";
+import { t as e } from "./dist-DLc9lUhF.js";
+import { t } from "./dist-Du1lGuAB.js";
+import { t as n } from "./random-id-BxeKOQ7Q.js";
+import { t as r } from "./close-DmeJ8DiA.js";
+import { t as i } from "./button-jgaS-YWF.js";
+import { handleSetNativeInput as a } from "./deprecated/multi-select.js";
+import { Input as o } from "./deprecated/input.js";
+import { InputAddOn as s } from "./deprecated/input-add-on.js";
+import { Loader as c } from "./deprecated/loader.js";
+import { t as l } from "./search-DhLCx1EN.js";
+import u, { forwardRef as d, useEffect as f, useId as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/deprecated/searchable-dropdown/__styles__/index.ts
+var _ = /* @__PURE__ */ e("label")({
+	name: "ElSearchableDropdownLabel",
+	class: "el-searchable-dropdown-label",
+	propsAsIs: !1
+}), v = /* @__PURE__ */ e("div")({
+	name: "ElSearchableDropdownContainer",
+	class: "el-searchable-dropdown-container",
+	propsAsIs: !1
+}), y = /* @__PURE__ */ e("div")({
+	name: "ElSearchableDropdownResult",
+	class: "el-searchable-dropdown-result",
+	propsAsIs: !1
+}), b = /* @__PURE__ */ e("div")({
+	name: "ElSearchableDropdownResultsContainer",
+	class: "el-searchable-dropdown-results-container",
+	propsAsIs: !1
+}), x = /* @__PURE__ */ e(s)({
+	name: "ElSearchableDropdownSearchInputAddOn",
+	class: "el-searchable-dropdown-search-input-add-on",
+	propsAsIs: !0
+}), S = /* @__PURE__ */ e(o)({
+	name: "ElSearchableDropdownSearchInput",
+	class: "el-searchable-dropdown-search-input",
+	propsAsIs: !0
+}), C = /* @__PURE__ */ e(_)({
+	name: "ElSearchableDropdownSearchLabel",
+	class: "el-searchable-dropdown-search-label",
+	propsAsIs: !0
+}), w = /* @__PURE__ */ e(c)({
+	name: "ElSearchableDropdownSearchLoader",
+	class: "el-searchable-dropdown-search-loader",
+	propsAsIs: !0
+}), T = d(({ isResultsListVisible: e, icon: a = /* @__PURE__ */ h(l, {}), loading: o, resultsList: s, onResultClick: c, onClear: u, isClearVisible: d, value: f, selectedValue: C, id: T, label: E, ...D }, O) => {
+	let k = p();
+	return /* @__PURE__ */ g(m, { children: [E && /* @__PURE__ */ h(_, {
+		className: t("el-flex", "el-mb3"),
+		htmlFor: T,
+		children: E
+	}), /* @__PURE__ */ g(v, {
+		role: "combobox",
+		"aria-expanded": e,
+		"aria-controls": k,
+		"aria-haspopup": "listbox",
+		children: [
+			/* @__PURE__ */ h("input", {
+				id: T,
+				style: { display: "none" },
+				readOnly: !0,
+				value: C,
+				ref: O
+			}),
+			/* @__PURE__ */ h(x, { children: a }),
+			/* @__PURE__ */ h(S, {
+				"data-testid": "search-input",
+				value: f,
+				...D
+			}),
+			e && /* @__PURE__ */ g(b, {
+				role: "listbox",
+				id: k,
+				children: [s.map((e, t) => /* @__PURE__ */ h(y, {
+					"data-testid": `dropdown-result-${t}`,
+					role: "option",
+					onClick: () => c(e),
+					children: e.label
+				}, n())), !o && !s.length && /* @__PURE__ */ h(y, { children: "No results found" })]
+			}),
+			o && /* @__PURE__ */ h(w, {}),
+			d && /* @__PURE__ */ h(i, {
+				variant: "tertiary",
+				hasNoPadding: !0,
+				iconLeft: /* @__PURE__ */ h(r, {}),
+				onClick: u
+			})
+		]
+	})] });
+}), E = d(({ getResults: e, icon: t, getResultValue: r, getResultLabel: i, onChange: o, defaultVal: s, id: c, ...d }, p) => {
+	let m = s ? r(s) : "", g = c ?? n(), [_, v] = u.useState(s ? i(s) : ""), [y, b] = u.useState(!1), [x, S] = u.useState(s ? [s] : []), [C, w] = u.useState(!1), [E, D] = u.useState(m);
+	f(() => {
+		_.length > 2 && !x.map(i).includes(_) && (b(!0), e(_).then((e) => {
+			S(e), b(!1), w(!0);
+		}).catch((e) => console.error(e)));
+	}, [_]), f(a(g, [_]), [_]);
+	let O = (e, t) => {
+		v(e), D(t), w(!1), o && o({ target: {
+			...d,
+			value: t
+		} });
+	}, k;
+	return /* @__PURE__ */ h(T, {
+		onChange: (e) => {
+			v(e.target.value);
+		},
+		onFocus: () => {
+			x.length > 0 && _.length > 2 && (clearTimeout(k), w(!0));
+		},
+		onBlur: () => {
+			k = setTimeout(() => {
+				w(!1);
+			}, 200);
+		},
+		value: _,
+		ref: p,
+		isResultsListVisible: C,
+		icon: t || /* @__PURE__ */ h(l, {}),
+		loading: y,
+		resultsList: x.map((e) => ({
+			label: i(e),
+			result: e
+		})),
+		onResultClick: ({ label: e, result: t }) => {
+			O(e, r(t));
+		},
+		selectedValue: E,
+		onClear: () => O("", ""),
+		isClearVisible: !!E && !y,
+		id: g,
+		...d
+	});
+}), D = ({ children: e, ...t }) => /* @__PURE__ */ h(C, {
+	...t,
+	children: e
+});
+//#endregion
+export { _ as a, S as c, w as d, v as i, x as l, E as n, y as o, D as r, b as s, T as t, C as u };

package/dist/js/send-DE5xpqzA.js

@@ -0,0 +1,20 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/send.tsx
+var n = e("SendIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", {
+		fillRule: "evenodd",
+		d: "M18.672 3.108a1.773 1.773 0 0 1 1.747.446l.017.013.023.027c.447.465.653 1.163.39 1.872l-5.455 14.72c-.616 1.66-3.003 1.526-3.435-.187l-1.59-6.353-6.37-1.6c-1.717-.431-1.843-2.818-.187-3.433l14.725-5.46.135-.045Zm-6.759 10.124 1.598 6.376.03.073a.16.16 0 0 0 .035.039c.028.02.07.038.12.04.05.003.092-.01.122-.028a.187.187 0 0 0 .076-.102l4.938-13.325-6.919 6.927Zm-7.545-3.119a.187.187 0 0 0-.102.076.217.217 0 0 0-.028.123c.003.05.02.09.04.118a.187.187 0 0 0 .11.064l6.394 1.606 6.926-6.934-13.34 4.947Z",
+		clipRule: "evenodd"
+	})
+}));
+//#endregion
+export { n as t };

package/dist/js/separator-dot-C-ZguJ-W.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/separator-dot.tsx
+var n = e("SeparatorDotIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/separator-line-B7JjpgmJ.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/separator-line.tsx
+var n = e("SeparatorLineIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M12.5 6h-1v12h1V6Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/settings-BCXYPWjv.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/settings.tsx
+var n = e("SettingsIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M18.917 12.88c.08-.584.08-1.176 0-1.76l2.06-1.85a1 1 0 0 0 .25-1.27l-1.18-2a1 1 0 0 0-1.19-.45l-2.65.9a7.21 7.21 0 0 0-1.52-.89l-.55-2.76a1 1 0 0 0-1-.8h-2.34a1 1 0 0 0-1 .8l-.53 2.74a7.47 7.47 0 0 0-1.52.89l-2.65-.9a1 1 0 0 0-1.19.47l-1.18 2a1 1 0 0 0 .25 1.27l2.1 1.85a6.48 6.48 0 0 0 0 1.76l-2.1 1.85a1 1 0 0 0-.25 1.27l1.18 2a1 1 0 0 0 1.19.45l2.65-.9c.47.356.98.654 1.52.89l.55 2.74a1 1 0 0 0 1 .8h2.36a1 1 0 0 0 1-.8l.55-2.74a7.209 7.209 0 0 0 1.52-.89l2.65.9a1 1 0 0 0 1.15-.45l1.18-2a1 1 0 0 0-.25-1.27l-2.06-1.85ZM11.977 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/settings-alt-P9XSMGWM.js

@@ -0,0 +1,20 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/settings-alt.tsx
+var n = e("SettingsAltIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", {
+		fillRule: "evenodd",
+		d: "M5.277 4.6a3.4 3.4 0 0 1 6.559 0H21a.9.9 0 1 1 0 1.8h-9.165a3.4 3.4 0 0 1-6.559 0H3a.9.9 0 1 1 0-1.8h2.277Zm2.148-.231a1.6 1.6 0 1 1-.464 1.258.907.907 0 0 0 0-.254 1.6 1.6 0 0 1 .464-1.004ZM21 12.9h-2.277a3.4 3.4 0 0 1-6.559 0H3a.9.9 0 0 1 0-1.8h9.165a3.4 3.4 0 0 1 6.559 0H21a.9.9 0 1 1 0 1.8Zm-3.96-.9c0-.023 0-.046.003-.069a1.6 1.6 0 1 0 0 .137.914.914 0 0 1-.003-.068Zm-5.205 7.4a3.4 3.4 0 0 1-6.559 0H3a.9.9 0 0 1 0-1.8h2.277a3.4 3.4 0 0 1 6.559 0H21a.9.9 0 1 1 0 1.8h-9.165Zm-4.878-.832a.909.909 0 0 0 0-.136 1.6 1.6 0 1 1 0 .136Z",
+		clipRule: "evenodd"
+	})
+}));
+//#endregion
+export { n as t };

package/dist/js/share-DVGavR-C.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/share.tsx
+var n = e("ShareIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M18 22.185c-.885 0-1.637-.31-2.257-.929A3.071 3.071 0 0 1 14.815 19c0-.12.008-.245.025-.374.016-.13.041-.248.075-.356l-6.757-3.932a3.402 3.402 0 0 1-.997.623c-.37.15-.756.225-1.161.224-.885 0-1.637-.31-2.256-.929A3.07 3.07 0 0 1 2.814 12c0-.885.31-1.637.93-2.257A3.07 3.07 0 0 1 6 8.815c.405 0 .791.075 1.16.224.37.15.703.358.998.624l6.757-3.933a2.012 2.012 0 0 1-.075-.356A2.999 2.999 0 0 1 14.815 5c0-.885.31-1.637.929-2.256A3.07 3.07 0 0 1 18 1.814c.885 0 1.637.31 2.256.93.62.62.93 1.372.93 2.256 0 .885-.31 1.637-.93 2.257A3.075 3.075 0 0 1 18 8.185a3.14 3.14 0 0 1-1.16-.218 3.3 3.3 0 0 1-.998-.618L9.085 11.27c.034.108.059.227.075.356a3 3 0 0 1 0 .748c-.016.13-.041.249-.075.356l6.757 3.92a3.3 3.3 0 0 1 .997-.617A3.12 3.12 0 0 1 18 15.815c.885 0 1.637.31 2.256.929.62.62.93 1.372.93 2.256a3.071 3.071 0 0 1-.93 2.256c-.62.62-1.372.93-2.256.93M18 6a.97.97 0 0 0 .712-.287A.97.97 0 0 0 19 5a.97.97 0 0 0-.288-.712A.97.97 0 0 0 18 4a.97.97 0 0 0-.712.288A.972.972 0 0 0 17 5c0 .283.096.52.288.713A.967.967 0 0 0 18 6ZM6 13c.283 0 .52-.096.713-.287A.971.971 0 0 0 7 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 6 11a.97.97 0 0 0-.712.287A.97.97 0 0 0 5 12c0 .283.096.52.288.713A.967.967 0 0 0 6 13Zm12 7c.283 0 .52-.096.712-.288A.97.97 0 0 0 19 19a.97.97 0 0 0-.288-.712A.968.968 0 0 0 18 18a.97.97 0 0 0-.712.288A.972.972 0 0 0 17 19c0 .283.096.52.288.712A.965.965 0 0 0 18 20Z" })
+}));
+//#endregion
+export { n as t };

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

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