highsoft-ui 1.0.140 → 1.0.143

package/dist/SearchDropdown-D65lySm_.js

@@ -0,0 +1,176 @@
+import { t as e } from "./clsx-BWCAbrjV.js";
+import { p as t } from "./esm-VMwHsplm.js";
+import { t as n } from "./Icon-VeXJMj8Q.js";
+import { t as r } from "./InputSolo-DUdKtZjX.js";
+import { useCallback as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = {
+	active: "KduBBq_active",
+	disabled: "KduBBq_disabled",
+	empty: "KduBBq_empty",
+	"hsui-search-dropdown-in": "KduBBq_hsui-search-dropdown-in",
+	kind: "KduBBq_kind",
+	list: "KduBBq_list",
+	mark: "KduBBq_mark",
+	mono: "KduBBq_mono",
+	option: "KduBBq_option",
+	optionIcon: "KduBBq_optionIcon",
+	optionLabel: "KduBBq_optionLabel",
+	popover: "KduBBq_popover",
+	root: "KduBBq_root"
+};
+//#endregion
+//#region lib/components/SearchDropdown/index.tsx
+function m(e, t, n) {
+	let r = t.trim();
+	if (!r) return e;
+	let i = e.toLowerCase().indexOf(r.toLowerCase(), n);
+	return i < 0 ? e : /* @__PURE__ */ f(u, { children: [
+		e.slice(0, i),
+		/* @__PURE__ */ d("mark", {
+			className: p.mark,
+			children: e.slice(i, i + r.length)
+		}),
+		e.slice(i + r.length)
+	] });
+}
+function h({ items: u, value: h, defaultValue: g, onQueryChange: _, onSelect: v, filter: y = !0, placeholder: b, label: x, "aria-label": S, size: C = 200, variant: w, iconLeft: T, mono: E = !1, minChars: D = 1, emptyState: O = "No results", maxHeight: k = 320, className: A }) {
+	let j = o(), M = `${j}-listbox`, N = h !== void 0, [P, F] = l(g ?? ""), I = N ? h : P, [L, R] = l(!1), [z, B] = l(0), V = c(null), H = c(null), U = c([]), W = I.trim(), G = W.length >= D, K = s(() => {
+		if (!G) return [];
+		if (y === !1) return u;
+		if (typeof y == "function") return u.filter((e) => y(e, W));
+		let e = W.toLowerCase();
+		return u.filter((t) => t.label.toLowerCase().includes(e));
+	}, [
+		u,
+		y,
+		W,
+		G
+	]), q = K.length ? Math.min(z, K.length - 1) : 0, J = L && G && (K.length > 0 || O != null);
+	a(() => {
+		function e(e) {
+			V.current && !V.current.contains(e.target) && R(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), a(() => {
+		J && U.current[q]?.scrollIntoView({ block: "nearest" });
+	}, [q, J]);
+	let Y = i((e) => {
+		e.disabled || (R(!1), v?.(e));
+	}, [v]), X = i((e) => {
+		let t = e.target.value;
+		N || F(t), B(0), R(t.trim().length >= D), _?.(t);
+	}, [
+		N,
+		D,
+		_
+	]), Z = i(() => {
+		G && R(!0);
+	}, [G]), Q = i((e) => {
+		if (!J) {
+			e.key === "ArrowDown" && K.length && (e.preventDefault(), R(!0));
+			return;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), B((e) => Math.min(e + 1, K.length - 1));
+				break;
+			case "ArrowUp":
+				e.preventDefault(), B((e) => Math.max(e - 1, 0));
+				break;
+			case "Home":
+				e.preventDefault(), B(0);
+				break;
+			case "End":
+				e.preventDefault(), B(K.length - 1);
+				break;
+			case "Enter": {
+				let t = K[q];
+				t && (e.preventDefault(), Y(t));
+				break;
+			}
+			case "Escape":
+				e.preventDefault(), R(!1);
+				break;
+			default: break;
+		}
+	}, [
+		J,
+		K,
+		q,
+		Y
+	]), $ = S ?? x ?? b, ee = typeof k == "number" ? `${k}px` : k;
+	return /* @__PURE__ */ f("div", {
+		className: e("hsui-search-dropdown", p.root, A),
+		ref: V,
+		children: [/* @__PURE__ */ d(r, {
+			size: C,
+			variant: w,
+			label: x,
+			placeholder: b,
+			iconLeft: T ?? /* @__PURE__ */ d(n, {
+				name: t,
+				size: 16
+			}),
+			value: I,
+			onChange: X,
+			onFocus: Z,
+			onKeyDown: Q,
+			role: "combobox",
+			"aria-expanded": J,
+			"aria-controls": J ? M : void 0,
+			"aria-activedescendant": J && K.length ? `${j}-opt-${q}` : void 0,
+			"aria-autocomplete": "list",
+			"aria-label": $,
+			autoComplete: "off",
+			spellCheck: !1
+		}), J && /* @__PURE__ */ d("div", {
+			className: p.popover,
+			children: K.length > 0 ? /* @__PURE__ */ d("ul", {
+				ref: H,
+				id: M,
+				role: "listbox",
+				"aria-label": $,
+				className: p.list,
+				style: { maxHeight: ee },
+				children: K.map((t, n) => /* @__PURE__ */ f("li", {
+					id: `${j}-opt-${n}`,
+					ref: (e) => {
+						U.current[n] = e;
+					},
+					role: "option",
+					"aria-selected": n === q,
+					"aria-disabled": t.disabled || void 0,
+					className: e(p.option, {
+						[p.active]: n === q,
+						[p.disabled]: t.disabled
+					}),
+					onMouseEnter: () => B(n),
+					onMouseDown: (e) => {
+						e.preventDefault(), Y(t);
+					},
+					children: [
+						t.iconLeft && /* @__PURE__ */ d("span", {
+							className: p.optionIcon,
+							children: t.iconLeft
+						}),
+						/* @__PURE__ */ d("span", {
+							className: e(p.optionLabel, { [p.mono]: E }),
+							children: m(t.label, W, t.highlightFrom ?? 0)
+						}),
+						t.kind != null && /* @__PURE__ */ d("span", {
+							className: p.kind,
+							children: t.kind
+						})
+					]
+				}, t.id))
+			}) : /* @__PURE__ */ d("div", {
+				className: p.empty,
+				children: O
+			})
+		})]
+	});
+}
+h.displayName = "SearchDropdown";
+//#endregion
+export { h as t };

package/dist/{YoutubeModal-DGj2INF0.js → YoutubeModal-CZgbaRB6.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./esm-CDDjSK4f.js";
+import { n as e } from "./esm-VMwHsplm.js";
 import { s as t } from "./fa-B95RwBpz.js";
 import { t as n } from "./dist-J9cXmrDi.js";
 import { a as r, i, n as a, o, r as s, s as c, t as l } from "./dist-f0z6DapB.js";

package/dist/components/Button/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Button-Dc8NFRWQ.js";
+import { t as e } from "../../Button-awCDIEXQ.js";
 export { e as Button };

package/dist/components/ButtonGroup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ButtonGroup-CYmrw7gQ.js";
+import { t as e } from "../../ButtonGroup-Cwn0djAz.js";
 export { e as ButtonGroup };

package/dist/components/Checkbox/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Checkbox-CErz7eBz.js";
+import { n as e, t } from "../../Checkbox-CrF45NBl.js";
 export { t as Checkbox, e as CheckboxGroup };

package/dist/components/CodeBlock/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CodeBlock-BreFXfK5.js";
+import { t as e } from "../../CodeBlock-BIdeK3gz.js";
 export { e as CodeBlock };

package/dist/components/CopyCode/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CopyCode-DH9Jh7PD.js";
+import { t as e } from "../../CopyCode-QiPNPCQN.js";
 export { e as CopyCode };

package/dist/components/Dropdown/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../Dropdown-DbXr3sb-.js";
+import { n as e, r as t, t as n } from "../../Dropdown-0Vn7yro7.js";
 export { n as Dropdown, e as DropdownItem, t as DropdownSeparator };

package/dist/components/Footer/CookiePolicyModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CookiePolicyModal-DdXZ2d36.js";
+import { t as e } from "../../CookiePolicyModal-CTA02JGV.js";
 export { e as default };

package/dist/components/Footer/FooterBottom.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FooterBottom-Dtttgp4F.js";
+import { t as e } from "../../FooterBottom-CF5ctutk.js";
 export { e as default };

package/dist/components/Footer/FooterHelp.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FooterHelp-COjjt6h7.js";
+import { t as e } from "../../FooterHelp-BthIJ2ye.js";
 export { e as default };

package/dist/components/Footer/FooterLinks.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FooterLinks-DZ0uH7HO.js";
+import { t as e } from "../../FooterLinks-BBOOTdRf.js";
 export { e as default };

package/dist/components/Footer/YoutubeModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../YoutubeModal-DGj2INF0.js";
+import { t as e } from "../../YoutubeModal-CZgbaRB6.js";
 export { e as default };

package/dist/components/Footer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Footer-DtFs2Sgb.js";
+import { t as e } from "../../Footer-BlCmsIDd.js";
 export { e as Footer };

package/dist/components/Header/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Header-C7MCiwiz.js";
+import { n as e, t } from "../../Header-DY4mJxHm.js";
 export { t as Header, e as SubHeader };

package/dist/components/InputGrouped/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../InputGrouped-CIokpRn5.js";
+import { i as e, n as t, r as n, t as r } from "../../InputGrouped-DyxraUpb.js";
 export { r as FormGroup, t as FormRow, n as InputGrouped, e as SelectGrouped };

package/dist/components/InputSolo/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../InputSolo-2RPRX0wM.js";
+import { t as e } from "../../InputSolo-DUdKtZjX.js";
 export { e as InputSolo };

package/dist/components/Label/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Label-BM4vL0vA.js";
+import { n as e, t } from "../../Label-DdXaM1Bo.js";
 export { t as Label, e as NewTag };

package/dist/components/Logo/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Logo-DTfFHBgU.js";
+import { t as e } from "../../Logo-Bz0G2G-k.js";
 export { e as Logo };

package/dist/components/Modal/ModalContactFooter.js

@@ -1,5 +1,5 @@
-import { x as e } from "../../esm-CDDjSK4f.js";
-import { t } from "../../Button-Dc8NFRWQ.js";
+import { S as e } from "../../esm-VMwHsplm.js";
+import { t } from "../../Button-awCDIEXQ.js";
 import { t as n } from "../../Typography-AvvBRu-u.js";
 import { t as r } from "../../styles.module-BDcr8Smc.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/components/Modal/index.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../clsx-BWCAbrjV.js";
-import { t } from "../../esm-CDDjSK4f.js";
-import { t as n } from "../../Button-Dc8NFRWQ.js";
+import { t } from "../../esm-VMwHsplm.js";
+import { t as n } from "../../Button-awCDIEXQ.js";
 import { t as r } from "../../Typography-AvvBRu-u.js";
 import { t as i } from "../../styles.module-BDcr8Smc.js";
 import { useEffect as a, useRef as o } from "react";

package/dist/components/NewsletterSignup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../NewsletterSignup-Dw9YbhEh.js";
+import { t as e } from "../../NewsletterSignup-BMRnrbw8.js";
 export { e as NewsletterSignup };

package/dist/components/Notification/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Notification-BgmhEw6w.js";
+import { t as e } from "../../Notification-DM31Uzfz.js";
 export { e as Notification };

package/dist/components/PrefPanel/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../PrefPanel-BG4jW8wc.js";
+import { n as e, t } from "../../PrefPanel-DDD8R_-o.js";
 export { t as PrefPanel, e as PrefRadio };

package/dist/components/RoadmapDetails/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../RoadmapDetails-DXxJNZh9.js";
+import { t as e } from "../../RoadmapDetails-DsLtsnqg.js";
 export { e as RoadmapDetails };

package/dist/components/Search/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Search-CpJ2XTLG.js";
+import { t as e } from "../../Search-CDOpNByw.js";
 export { e as Search };

package/dist/components/SearchDropdown/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../SearchDropdown-D65lySm_.js";
+export { e as SearchDropdown };

package/dist/components/Sidebar/NavDisclosure.js

@@ -0,0 +1,39 @@
+"use client";
+import { t as e } from "../../clsx-BWCAbrjV.js";
+import { t } from "../../styles.module-Bd4HbnpA.js";
+import { useId as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/components/Sidebar/NavDisclosure.tsx
+function o({ label: o, children: s, className: c }) {
+	let [l, u] = r(!1), d = n();
+	return /* @__PURE__ */ a("div", {
+		className: e(t.disclosure, c),
+		"data-open": l,
+		children: [/* @__PURE__ */ a("button", {
+			type: "button",
+			className: t.disclosureToggle,
+			"aria-expanded": l,
+			"aria-controls": d,
+			onClick: () => u((e) => !e),
+			children: [/* @__PURE__ */ i("svg", {
+				className: t.disclosureChevron,
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ i("path", { d: "m9 18 6-6-6-6" })
+			}), /* @__PURE__ */ i("span", { children: o })]
+		}), /* @__PURE__ */ i("div", {
+			id: d,
+			className: t.disclosureBody,
+			children: s
+		})]
+	});
+}
+//#endregion
+export { o as NavDisclosure };

package/dist/components/Sidebar/NavGroup.js

@@ -0,0 +1,74 @@
+"use client";
+import { t as e } from "../../clsx-BWCAbrjV.js";
+import { useOptionalSidebarSection as t } from "./context.js";
+import { t as n } from "../../styles.module-Bd4HbnpA.js";
+import { createContext as r, useCallback as i, useContext as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region lib/components/Sidebar/NavGroup.tsx
+var f = r(0);
+function p({ label: r, children: p, icon: m, defaultOpen: h = !1, open: g, onOpenChange: _, active: v, className: y }) {
+	let [b, x] = l(h), S = g !== void 0, C = S ? g : b, w = s(), T = s(), E = t(), D = a(f), O = i((e) => {
+		S || x(e), _?.(e);
+	}, [S, _]), k = i(() => O(!C), [C, O]);
+	o(() => (E?.reportOpen(T, C), () => E?.reportOpen(T, !1)), [
+		C,
+		T,
+		E
+	]);
+	let A = c(E?.collapseNonce ?? 0);
+	return o(() => {
+		let e = E?.collapseNonce ?? 0;
+		e !== A.current && (A.current = e, C && O(!1));
+	}, [
+		E?.collapseNonce,
+		C,
+		E,
+		O
+	]), /* @__PURE__ */ d("div", {
+		className: e(n.group, C && n.groupOpen, v && n.groupActive, y),
+		style: { "--hs-nav-depth": D },
+		children: [/* @__PURE__ */ d("button", {
+			type: "button",
+			className: n.groupToggle,
+			"aria-expanded": C,
+			"aria-controls": w,
+			onClick: k,
+			children: [
+				/* @__PURE__ */ u("svg", {
+					className: n.groupChevron,
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ u("path", { d: "m9 18 6-6-6-6" })
+				}),
+				m == null ? null : /* @__PURE__ */ u("span", {
+					className: n.itemIcon,
+					children: m
+				}),
+				/* @__PURE__ */ u("span", {
+					className: n.groupLabel,
+					children: r
+				})
+			]
+		}), /* @__PURE__ */ u("div", {
+			id: w,
+			className: n.groupChildren,
+			role: "group",
+			children: /* @__PURE__ */ u("div", {
+				className: n.groupChildrenInner,
+				children: /* @__PURE__ */ u(f.Provider, {
+					value: D + 1,
+					children: p
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { p as NavGroup };

package/dist/components/Sidebar/NavItem.js

@@ -0,0 +1,28 @@
+"use client";
+import { t as e } from "../../clsx-BWCAbrjV.js";
+import { useOptionalSidebarLayout as t } from "./context.js";
+import { t as n } from "../../styles.module-Bd4HbnpA.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/components/Sidebar/NavItem.tsx
+var o = r(function({ as: r, active: o, icon: s, children: c, className: l, onClick: u, ...d }, f) {
+	let p = r || "a", m = t();
+	return /* @__PURE__ */ a(p, {
+		ref: f,
+		className: e(n.item, o && n.itemActive, l),
+		"aria-current": o ? "page" : void 0,
+		onClick: (e) => {
+			u?.(e), m?.closeMobile();
+		},
+		...d,
+		children: [s == null ? null : /* @__PURE__ */ i("span", {
+			className: n.itemIcon,
+			children: s
+		}), /* @__PURE__ */ i("span", {
+			className: n.itemLabel,
+			children: c
+		})]
+	});
+});
+//#endregion
+export { o as NavItem };

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,107 @@
+"use client";
+import { t as e } from "../../clsx-BWCAbrjV.js";
+import { t } from "../../Button-awCDIEXQ.js";
+import { SidebarSectionContext as n, useSidebarLayout as r } from "./context.js";
+import { t as i } from "../../styles.module-Bd4HbnpA.js";
+import { SidebarResizer as a } from "./SidebarResizer.js";
+import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region lib/components/Sidebar/Sidebar.tsx
+function f({ children: t, "aria-label": n = "Sidebar navigation", closeLabel: o = "Close navigation", className: l }) {
+	let { resizable: f, mobileOpen: p, closeMobile: m } = r(), h = c(null);
+	return s(() => {
+		p && h.current?.focus();
+	}, [p]), /* @__PURE__ */ d("aside", {
+		id: "hs-sidebar-drawer",
+		className: e(i.sidebar, p && i.sidebarOpen, l),
+		"aria-label": n,
+		children: [
+			/* @__PURE__ */ u("button", {
+				ref: h,
+				type: "button",
+				className: i.close,
+				"aria-label": o,
+				onClick: m,
+				children: /* @__PURE__ */ u(_, {})
+			}),
+			t,
+			f ? /* @__PURE__ */ u(a, {}) : null
+		]
+	});
+}
+function p({ children: t, className: n }) {
+	return /* @__PURE__ */ u("div", {
+		className: e(i.header, n),
+		children: t
+	});
+}
+function m({ children: t, className: n }) {
+	return /* @__PURE__ */ u("div", {
+		className: e(i.body, n),
+		children: t
+	});
+}
+function h({ children: r, label: a, collapsible: s = !1, minimizeLabel: f = "Minimize", action: p, className: m }) {
+	let [h, _] = l(0), v = c(/* @__PURE__ */ new Set()), [y, b] = l(0), x = o((e, t) => {
+		let n = v.current;
+		t ? n.add(e) : n.delete(e), b(n.size);
+	}, []), S = s && p == null && y > 0, C = a != null || p != null || S;
+	return /* @__PURE__ */ u(n.Provider, {
+		value: {
+			collapseNonce: h,
+			reportOpen: x
+		},
+		children: /* @__PURE__ */ d("section", {
+			className: e(i.section, C && i.hasStickyHead, m),
+			children: [C ? /* @__PURE__ */ d("div", {
+				className: i.sectionHead,
+				children: [a == null ? null : /* @__PURE__ */ u("h3", {
+					className: i.sectionLabel,
+					children: a
+				}), p ?? (S ? /* @__PURE__ */ u(t, {
+					variant: "plain",
+					size: 100,
+					className: i.minimizeBtn,
+					iconLeft: /* @__PURE__ */ u(g, {}),
+					onClick: () => _((e) => e + 1),
+					children: f
+				}) : null)]
+			}) : null, r]
+		})
+	});
+}
+function g() {
+	return /* @__PURE__ */ d("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.25",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ u("rect", {
+			x: "2.5",
+			y: "2.5",
+			width: "11",
+			height: "11",
+			rx: "2"
+		}), /* @__PURE__ */ u("path", { d: "M5.5 8h5" })]
+	});
+}
+function _() {
+	return /* @__PURE__ */ u("svg", {
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ u("path", { d: "M18 6 6 18M6 6l12 12" })
+	});
+}
+//#endregion
+export { f as Sidebar, m as SidebarBody, p as SidebarHeader, h as SidebarSection };

package/dist/components/Sidebar/SidebarLayout.js

@@ -0,0 +1,95 @@
+"use client";
+import { t as e } from "../../clsx-BWCAbrjV.js";
+import { SidebarLayoutContext as t } from "./context.js";
+import { t as n } from "../../styles.module-Bd4HbnpA.js";
+import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/components/Sidebar/SidebarLayout.tsx
+function l({ children: l, defaultWidth: u = 320, minWidth: f = 230, maxWidth: p = 460, resizable: m = !0, storageKey: h, mobileTriggerLabel: g = "Menu", fill: _ = !0, className: v, style: y }) {
+	let [b, x] = o(u), [S, C] = o(!1), w = a(null), T = r((e) => {
+		let t = Math.min(Math.max(Math.round(e), f), p);
+		if (x(t), h) try {
+			localStorage.setItem(h, String(t));
+		} catch {}
+	}, [
+		f,
+		p,
+		h
+	]);
+	i(() => {
+		if (h) try {
+			let e = localStorage.getItem(h);
+			e && T(Number(e) || u);
+		} catch {}
+	}, []);
+	let E = r(() => {
+		C(!1), w.current?.focus();
+	}, []), D = r(() => C(!0), []);
+	return i(() => {
+		if (!S) return;
+		let e = (e) => {
+			e.key === "Escape" && E();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [S, E]), /* @__PURE__ */ s(t.Provider, {
+		value: {
+			resizable: m,
+			width: b,
+			setWidth: T,
+			minWidth: f,
+			maxWidth: p,
+			mobileOpen: S,
+			openMobile: D,
+			closeMobile: E
+		},
+		children: /* @__PURE__ */ c("div", {
+			className: e(n.layout, _ && n.fill, v),
+			style: {
+				"--hs-sidebar-w": `${b}px`,
+				...y
+			},
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: n.mobileBar,
+					children: /* @__PURE__ */ c("button", {
+						ref: w,
+						type: "button",
+						className: n.trigger,
+						"aria-expanded": S,
+						"aria-controls": "hs-sidebar-drawer",
+						onClick: D,
+						children: [/* @__PURE__ */ s(d, {}), g]
+					})
+				}),
+				l,
+				/* @__PURE__ */ s("div", {
+					className: e(n.backdrop, S && n.backdropOpen),
+					onClick: E,
+					"aria-hidden": "true"
+				})
+			]
+		})
+	});
+}
+function u({ children: t, className: r, ...i }) {
+	return /* @__PURE__ */ s("main", {
+		className: e(n.main, r),
+		...i,
+		children: t
+	});
+}
+function d() {
+	return /* @__PURE__ */ s("svg", {
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ s("path", { d: "M3 6h18M3 12h18M3 18h18" })
+	});
+}
+//#endregion
+export { l as SidebarLayout, u as SidebarMain };