@logicplanes/kaeso-ui 0.1.0

package/dist/chunks/sidebar-C4fL_KMm.js

@@ -0,0 +1,599 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { r as t } from "./link-provider---9JdxTg.js";
+import { i as n } from "./context-BELWW79w.js";
+import { t as r } from "./icon-CeNQtobn.js";
+import { a as i, l as a, o, r as s, s as c } from "./tooltip-CDu00nzg.js";
+import { r as l } from "./logo-VmXYhIJL.js";
+import { r as u } from "./skeleton-kfuqdl1a.js";
+import { t as d } from "./when-idle-Cy3pinqO.js";
+import { createContext as f, forwardRef as p, useCallback as m, useContext as h, useEffect as g, useId as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x, useSyncExternalStore as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { ArrowLeft01Icon as E, SidebarLeftIcon as D, UnfoldMoreIcon as O } from "@hugeicons/core-free-icons";
+import { Collapsible as k } from "@base-ui/react/collapsible";
+//#region src/hooks/use-stored-state.ts
+var A, j;
+function ee(e) {
+	try {
+		let t = localStorage.getItem(e);
+		if (t !== null) return t;
+	} catch {}
+	return j?.get(e) ?? null;
+}
+function te(e, t) {
+	A ??= /* @__PURE__ */ new Map();
+	let n = A.get(e);
+	n || A.set(e, n = /* @__PURE__ */ new Set()), n.add(t);
+	let r = (n) => {
+		n.key === e && t();
+	};
+	return window.addEventListener("storage", r), () => {
+		n.delete(t), window.removeEventListener("storage", r);
+	};
+}
+var ne = () => () => void 0, re = () => null;
+function M(e, t) {
+	let n = e ? `kaeso:${e}` : void 0, [r, i] = x(t), a = m((e) => n ? te(n, e) : () => void 0, [n]), o = m(() => n ? ee(n) : null, [n]), s = S(n ? a : ne, o, re), c = y(() => {
+		if (s !== null) try {
+			return { value: JSON.parse(s) };
+		} catch {
+			return;
+		}
+	}, [s]), l = m((e) => {
+		if (!n) {
+			i(e);
+			return;
+		}
+		let t = JSON.stringify(e);
+		try {
+			localStorage.setItem(n, t);
+		} catch {
+			(j ??= /* @__PURE__ */ new Map()).set(n, t);
+		}
+		A?.get(n)?.forEach((e) => e());
+	}, [n]);
+	return [n ? c ? c.value : t : r, l];
+}
+//#endregion
+//#region src/components/sidebar/sidebar.tsx
+var N = (e) => e.split("**").map((e, t) => t % 2 ? /* @__PURE__ */ w("span", {
+	className: "font-semibold text-fg",
+	children: e
+}, t) : e), P = {
+	mode: {
+		expanded: { classes: "w-(--k-sidebar-width)" },
+		rail: { classes: "w-60" }
+	},
+	item: {
+		default: { classes: "text-fg hover:bg-fill-2 active:bg-fill-3" },
+		active: { classes: "bg-fill-3 text-fg" }
+	},
+	caption: {
+		secondary: { classes: "text-fg-secondary" },
+		danger: { classes: "text-danger-text" }
+	}
+}, ie = {
+	mode: "expanded",
+	item: "default",
+	caption: "secondary"
+}, F = /* @__PURE__ */ f({
+	rail: !1,
+	setRail: () => void 0,
+	collapsed: !1,
+	setCollapsed: () => void 0,
+	peeking: !1,
+	setPeeking: () => void 0,
+	width: 248,
+	setWidth: () => void 0,
+	storageKey: void 0
+}), I = () => h(F), L = /* @__PURE__ */ f(!1), R = /* @__PURE__ */ f(null);
+function z({ children: e, storageKey: t, defaultRail: n = !1, shortcut: r = !0 }) {
+	let [i, a] = M(t ? `${t}:rail` : void 0, n), [o, s] = M(t ? `${t}:width` : void 0, 248), c = B(o), [l, u] = M(t ? `${t}:collapsed` : void 0, !1), [d, f] = x(!1), p = m((e) => {
+		let t = e && !!document.activeElement?.closest("[data-sidebar-root]");
+		u(e), f(!1), t && requestAnimationFrame(() => document.querySelector("[data-sidebar-expand]")?.focus());
+	}, [u]);
+	g(() => {
+		if (!r) return;
+		let e = (e) => {
+			let t = e.target;
+			e.key !== "[" || e.metaKey || e.ctrlKey || e.altKey || t instanceof Element && t.closest("input, textarea, select, [contenteditable=true]") || p(!l);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		l,
+		p,
+		r
+	]);
+	let h = y(() => ({
+		rail: i,
+		setRail: a,
+		collapsed: l,
+		setCollapsed: p,
+		peeking: d,
+		setPeeking: f,
+		width: c,
+		setWidth: s,
+		storageKey: t
+	}), [
+		i,
+		a,
+		l,
+		p,
+		d,
+		c,
+		s,
+		t
+	]);
+	return /* @__PURE__ */ w(F.Provider, {
+		value: h,
+		children: e
+	});
+}
+process.env.NODE_ENV !== "production" && (z.displayName = "Sidebar.Provider");
+var ae = 232, oe = 280, B = (e) => Math.round(Math.min(280, Math.max(232, Number.isFinite(e) ? e : 248))), V = /* @__PURE__ */ p(function({ resizable: t = !0, className: r, children: i, style: a, "aria-label": o, ...s }, c) {
+	let { rail: l, width: u, setWidth: d, collapsed: f, setCollapsed: p } = I(), _ = n(), [v, y] = x(null), [S, C] = x(!1), E = b(null);
+	g(() => () => E.current?.(), []);
+	let D = m((e) => {
+		if (e.button !== 0) return;
+		e.preventDefault(), E.current?.();
+		let t = e.currentTarget, n = e.clientX, r = u, i = !1, a = (e) => {
+			Math.abs(e.clientX - n) > 3 && (i = !0, C(!0)), i && d(B(r + e.clientX - n));
+		}, o = () => {
+			t.removeEventListener("pointermove", a), t.removeEventListener("pointerup", s), t.removeEventListener("pointercancel", o), document.body.style.cursor = "", document.body.style.userSelect = "", E.current = null, C(!1);
+		}, s = () => {
+			o(), i || p(!0);
+		};
+		t.setPointerCapture(e.pointerId), t.addEventListener("pointermove", a), t.addEventListener("pointerup", s), t.addEventListener("pointercancel", o), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", E.current = o;
+	}, [
+		u,
+		d,
+		p
+	]), O = h(L), k = f && !O, A = /* @__PURE__ */ w("nav", {
+		ref: c,
+		"aria-label": o ?? _("sidebar.main", "Main"),
+		"data-rail": l || void 0,
+		"data-sidebar-root": "",
+		className: e("group/sidebar relative flex h-full shrink-0 flex-col bg-chrome text-fg", l ? P.mode.rail.classes : P.mode.expanded.classes, r),
+		style: {
+			"--k-sidebar-width": `${u}px`,
+			...a
+		},
+		...s,
+		children: i
+	});
+	return O ? A : /* @__PURE__ */ T("div", {
+		className: "relative flex h-full shrink-0",
+		children: [/* @__PURE__ */ w("div", {
+			className: "sidebar-motion relative h-full shrink-0",
+			style: { width: k ? 8 : l ? 60 : u },
+			...k ? {
+				"data-collapsed": "",
+				inert: !0,
+				"aria-hidden": !0
+			} : {},
+			children: /* @__PURE__ */ w("div", {
+				className: "sidebar-content-motion h-full",
+				style: { width: l ? 60 : u },
+				children: A
+			})
+		}), t && !l && !k && /* @__PURE__ */ w("div", {
+			role: "separator",
+			"aria-orientation": "vertical",
+			"aria-label": _("sidebar.resizeOrCollapse", "Resize sidebar; click to collapse"),
+			"aria-valuemin": 232,
+			"aria-valuemax": 280,
+			"aria-valuenow": u,
+			tabIndex: 0,
+			onPointerDown: D,
+			onPointerMove: (e) => y(Math.round(e.clientY - e.currentTarget.getBoundingClientRect().top)),
+			onPointerLeave: () => y(null),
+			onKeyDown: (e) => {
+				e.key === "ArrowLeft" && d(B(u - 8)), e.key === "ArrowRight" && d(B(u + 8)), (e.key === "Enter" || e.key === " ") && p(!0);
+			},
+			className: "absolute top-0 right-0 z-10 h-full w-8 cursor-col-resize rounded-pill focus-ring-inset",
+			children: v !== null && !S && /* @__PURE__ */ T("span", {
+				"aria-hidden": !0,
+				className: "pointer-events-none absolute left-16 flex w-max flex-col gap-2 rounded-tooltip bg-tooltip px-12 py-8 text-small text-fg-secondary shadow-raised",
+				style: { top: Math.max(8, (v ?? 0) - 24) },
+				children: [/* @__PURE__ */ w("span", { children: N(_("sidebar.dragToResize", "**Drag** to resize")) }), /* @__PURE__ */ w("span", { children: N(_("sidebar.clickToCollapse", "**Click** to collapse")) })]
+			})
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (V.displayName = "Sidebar");
+var H = /* @__PURE__ */ p(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ w("div", {
+		ref: r,
+		className: e("mt-8 flex h-52 shrink-0 items-center gap-4 px-8", t),
+		...n
+	});
+});
+process.env.NODE_ENV !== "production" && (H.displayName = "Sidebar.Header");
+var U = /* @__PURE__ */ p(function({ href: t, label: n = "Kaeso", children: r, className: i }, a) {
+	let { rail: o } = I();
+	return o ? /* @__PURE__ */ w(H, {
+		ref: a,
+		className: e("justify-center px-0", i),
+		children: r
+	}) : /* @__PURE__ */ T(H, {
+		ref: a,
+		className: e("justify-between pr-8 pl-28", i),
+		children: [/* @__PURE__ */ w(W, {
+			href: t,
+			label: n
+		}), r && /* @__PURE__ */ w("span", {
+			className: "flex items-center",
+			children: r
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (U.displayName = "Sidebar.Brand");
+function W({ href: e, label: n = "Kaeso" }) {
+	let r = t();
+	return e ? /* @__PURE__ */ w(r, {
+		href: e,
+		"aria-label": n,
+		className: "-mx-4 flex h-32 items-center rounded-code px-4 text-fg focus-ring",
+		children: /* @__PURE__ */ w(l.Wordmark, {
+			size: "nav",
+			decorative: !0
+		})
+	}) : /* @__PURE__ */ w(l.Wordmark, {
+		size: "nav",
+		title: n,
+		className: "text-fg"
+	});
+}
+process.env.NODE_ENV !== "production" && (W.displayName = "Sidebar.BrandWordmark");
+var se = /* @__PURE__ */ c(() => import("./sidebar-menu-sd9vCpDy.js"));
+function G({ trigger: e, side: t, header: n, footer: r, children: s }) {
+	let [c, l] = x(!1), [u, f] = x(!1), p = a(se, u || c), [m] = x(o), h = b(null), _ = c && !p;
+	g(() => d(() => f(!0)), []), g(() => {
+		if (!_) return;
+		let e = h.current?.ownerDocument ?? document, t = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), l(!1));
+		}, n = (e) => {
+			h.current?.contains(e.target) || l(!1);
+		};
+		return e.addEventListener("keydown", t, !0), e.addEventListener("pointerdown", n, !0), () => {
+			e.removeEventListener("keydown", t, !0), e.removeEventListener("pointerdown", n, !0);
+		};
+	}, [_]);
+	let v = () => f(!0), y = p ? { ref: h } : {
+		ref: h,
+		"aria-haspopup": "menu",
+		"aria-expanded": c,
+		...c ? { "data-popup-open": "" } : {},
+		onPointerEnter: v,
+		onFocus: v,
+		onClick: () => l((e) => !e),
+		onKeyDown: (e) => {
+			(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), l(!0));
+		},
+		onBlur: (e) => {
+			c && e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && l(!1);
+		}
+	};
+	return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(i, {
+		store: m,
+		merge: p?.mergeTriggerProps,
+		extra: y,
+		children: e
+	}), p && /* @__PURE__ */ w(p.SidebarMenuRoot, {
+		open: c,
+		onOpenChange: l,
+		triggerProps: m,
+		side: t,
+		header: n,
+		footer: r,
+		children: s
+	})] });
+}
+process.env.NODE_ENV !== "production" && (G.displayName = "Sidebar.Menu");
+function K({ avatar: t, label: i, trailing: a, caption: o, captionTone: s = "secondary", children: c, header: l, footer: u, "aria-label": d, className: f, "data-force": p }) {
+	let { rail: m } = I(), h = n(), g = _(), v = o != null && o !== !1 && o !== "";
+	return /* @__PURE__ */ w(G, {
+		side: "top",
+		header: l,
+		footer: u,
+		trigger: /* @__PURE__ */ T("button", {
+			type: "button",
+			"aria-label": d ?? (typeof i == "string" ? h("sidebar.switchOrOpenSettings", "{label}: switch or open settings", { label: i }) : void 0),
+			...v ? { "aria-describedby": g } : {},
+			...p ? { "data-force": p } : {},
+			className: e("group/sw flex h-36 w-full min-w-0 cursor-pointer items-center gap-8 rounded-pill px-12 text-left text-body font-medium text-fg transition-control hover:bg-fill-2 open:bg-fill-3 focus-ring-inset", m && "justify-center px-0", f),
+			children: [
+				t,
+				!m && (v ? /* @__PURE__ */ T("span", {
+					className: "flex min-w-0 flex-1 flex-col",
+					children: [/* @__PURE__ */ w("span", {
+						className: "truncate",
+						children: i
+					}), /* @__PURE__ */ w("span", {
+						id: g,
+						className: e("truncate text-caption font-regular", P.caption[s].classes),
+						children: o
+					})]
+				}) : /* @__PURE__ */ w("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: i
+				})),
+				m && v && /* @__PURE__ */ w("span", {
+					id: g,
+					className: "sr-only",
+					children: o
+				}),
+				!m && a,
+				!m && /* @__PURE__ */ w(r, {
+					icon: O,
+					size: "sm",
+					className: "text-fg-tertiary transition-control group-hover/sw:text-fg-secondary"
+				})
+			]
+		}),
+		children: c
+	});
+}
+process.env.NODE_ENV !== "production" && (K.displayName = "Sidebar.Switcher");
+function q({ avatar: i, label: a, children: o, href: c, header: l, footer: u, "aria-label": d, className: f, "data-force": p }) {
+	let { rail: m } = I(), h = n(), g = t(), _ = e("group/place flex h-36 w-full min-w-0 items-center gap-8 rounded-pill px-12 text-left text-body font-semibold text-fg", (o || c) && "cursor-pointer transition-control hover:bg-fill-2 open:bg-fill-3 focus-ring-inset", m && "justify-center px-0", f), v = /* @__PURE__ */ T(C, { children: [
+		/* @__PURE__ */ w("span", {
+			className: "flex size-18 shrink-0 items-center justify-center",
+			children: i
+		}),
+		m ? /* @__PURE__ */ w("span", {
+			className: "sr-only",
+			children: a
+		}) : /* @__PURE__ */ w(ce, { label: a }),
+		!m && o && /* @__PURE__ */ w(r, {
+			icon: O,
+			size: "sm",
+			className: "text-fg-tertiary transition-control group-hover/place:text-fg-secondary"
+		})
+	] }), y = {
+		className: _,
+		...p ? { "data-force": p } : {}
+	};
+	if (o) return /* @__PURE__ */ w(G, {
+		side: "bottom",
+		header: l,
+		footer: u,
+		trigger: /* @__PURE__ */ w("button", {
+			type: "button",
+			"aria-label": d ?? h("sidebar.switchPlace", "{label}: switch", { label: a }),
+			...y,
+			children: v
+		}),
+		children: o
+	});
+	let b = c ? /* @__PURE__ */ w(g, {
+		href: c,
+		...d ? { "aria-label": d } : {},
+		...y,
+		children: v
+	}) : /* @__PURE__ */ w("div", {
+		...y,
+		children: v
+	});
+	return m ? /* @__PURE__ */ w(s, {
+		content: a,
+		side: "right",
+		children: b
+	}) : b;
+}
+process.env.NODE_ENV !== "production" && (q.displayName = "Sidebar.Place");
+function ce({ label: e }) {
+	let t = b(null), [n, r] = x(!1);
+	return v(() => {
+		let e = t.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let n = () => r(e.scrollWidth > e.clientWidth);
+		n();
+		let i = new ResizeObserver(n);
+		return i.observe(e), () => i.disconnect();
+	}, [e]), /* @__PURE__ */ w(s, {
+		content: e,
+		side: "right",
+		disabled: !n,
+		children: /* @__PURE__ */ w("span", {
+			ref: t,
+			className: "min-w-0 flex-1 truncate",
+			children: e
+		})
+	});
+}
+var J = /* @__PURE__ */ p(function({ className: t, ...n }, r) {
+	let { rail: i } = I();
+	return /* @__PURE__ */ w("div", {
+		ref: r,
+		className: e("flex min-h-0 flex-1 flex-col gap-16 overflow-y-auto overscroll-contain pt-8 pb-16 scrollbar-quiet", i ? "px-8" : "px-16", t),
+		...n
+	});
+});
+process.env.NODE_ENV !== "production" && (J.displayName = "Sidebar.Content");
+var Y = /* @__PURE__ */ p(function({ className: t, ...n }, r) {
+	let { rail: i } = I();
+	return /* @__PURE__ */ w("div", {
+		ref: r,
+		className: e("flex shrink-0 items-center gap-4 pt-8 pb-12", i ? "px-8" : "px-16", t),
+		...n
+	});
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "Sidebar.Footer");
+var X = /* @__PURE__ */ p(function({ label: t, id: n, defaultOpen: r = !0, collapsible: i = !0, children: a, className: o }, s) {
+	let { storageKey: c, rail: l } = I(), [u, d] = M(c && n ? `${c}:group:${n}` : void 0, r);
+	return !t || !i || l ? /* @__PURE__ */ T("div", {
+		ref: s,
+		role: "group",
+		className: e("flex flex-col", o),
+		children: [t && !l && /* @__PURE__ */ w("div", {
+			className: "flex h-28 items-center px-12 text-caption font-medium text-fg-secondary",
+			children: t
+		}), /* @__PURE__ */ w("ul", {
+			className: "flex flex-col gap-2",
+			children: a
+		})]
+	}) : /* @__PURE__ */ T(k.Root, {
+		ref: s,
+		open: u,
+		onOpenChange: (e) => d(e),
+		className: e("flex flex-col", o),
+		children: [/* @__PURE__ */ T(k.Trigger, {
+			className: "group/gl relative -mx-0 flex h-28 w-full cursor-pointer items-center gap-4 rounded-pill px-12 text-left text-caption font-medium text-fg-secondary transition-control hover:text-fg focus-ring tap-target",
+			children: [/* @__PURE__ */ w("span", { children: t }), /* @__PURE__ */ w("svg", {
+				viewBox: "0 0 8 8",
+				className: "size-8 text-fg-tertiary transition-transform duration-180 group-data-panel-open/gl:rotate-90",
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ w("path", {
+					d: "M2.5 1.5 5.5 4l-3 2.5z",
+					fill: "currentColor"
+				})
+			})]
+		}), /* @__PURE__ */ w(k.Panel, {
+			className: "collapse-motion",
+			children: /* @__PURE__ */ w("ul", {
+				className: "flex flex-col gap-2 pt-2",
+				children: a
+			})
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (X.displayName = "Sidebar.Group");
+var le = [
+	"",
+	"pl-32",
+	"pl-52"
+], Z = /* @__PURE__ */ p(function({ children: n, icon: i, leading: a, href: o, onClick: c, active: l, count: u, trailing: d, depth: f = 0, shortcut: p, className: m, "data-force": h }, g) {
+	let { rail: _ } = I(), v = t(), y = e("group/si flex h-32 w-full min-w-0 cursor-pointer items-center gap-8 rounded-pill px-12 text-left text-body font-medium transition-control focus-ring-inset", l ? P.item.active.classes : P.item.default.classes, !_ && le[f], _ && "justify-center px-0", m), b = /* @__PURE__ */ T(C, { children: [
+		a ? /* @__PURE__ */ w("span", {
+			className: "flex size-18 shrink-0 items-center justify-center",
+			children: a
+		}) : i && /* @__PURE__ */ w(r, {
+			icon: i,
+			size: "md",
+			className: e("text-fg-secondary transition-control group-hover/si:text-fg", l && "text-fg")
+		}),
+		!_ && /* @__PURE__ */ w("span", {
+			className: "min-w-0 flex-1 truncate",
+			children: n
+		}),
+		!_ && u !== void 0 && /* @__PURE__ */ w("span", {
+			className: e("text-caption font-medium tabular", l ? "text-fg" : "text-fg-tertiary"),
+			children: u
+		}),
+		!_ && d
+	] }), x = {
+		className: y,
+		...l ? { "aria-current": "page" } : {},
+		...h ? { "data-force": h } : {},
+		..._ && typeof n == "string" ? { "aria-label": n } : {}
+	}, S = o ? /* @__PURE__ */ w(v, {
+		ref: g,
+		href: o,
+		...x,
+		...c ? { onClick: c } : {},
+		children: b
+	}) : /* @__PURE__ */ w("button", {
+		ref: g,
+		type: "button",
+		...x,
+		...c ? { onClick: c } : {},
+		children: b
+	});
+	return /* @__PURE__ */ w("li", {
+		className: "flex",
+		children: _ ? /* @__PURE__ */ w(s, {
+			content: n,
+			side: "right",
+			...p ? { shortcut: p } : {},
+			children: S
+		}) : S
+	});
+});
+process.env.NODE_ENV !== "production" && (Z.displayName = "Sidebar.Item");
+var Q = /* @__PURE__ */ p(function({ href: i, children: a, className: o }, s) {
+	let c = t(), l = n();
+	return /* @__PURE__ */ T(c, {
+		ref: s,
+		href: i,
+		className: e("flex h-32 items-center gap-8 rounded-pill px-12 text-body font-medium text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring-inset", o),
+		children: [/* @__PURE__ */ w(r, {
+			icon: E,
+			size: "md"
+		}), a ?? l("sidebar.backToApp", "Back to app")]
+	});
+});
+process.env.NODE_ENV !== "production" && (Q.displayName = "Sidebar.BackLink");
+function $({ rows: e = 5 }) {
+	return /* @__PURE__ */ w("div", {
+		className: "flex flex-col gap-2",
+		"aria-busy": !0,
+		children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ T("div", {
+			className: "flex h-32 items-center gap-8 px-12",
+			children: [/* @__PURE__ */ w(u, { className: "size-18 rounded-pill" }), /* @__PURE__ */ w(u, {
+				className: "h-12 rounded-pill",
+				style: { width: `${48 + t * 37 % 40}%` }
+			})]
+		}, t))
+	});
+}
+process.env.NODE_ENV !== "production" && ($.displayName = "Sidebar.Loading");
+function ue({ className: t }) {
+	let { collapsed: i, setCollapsed: a } = I(), o = h(R), c = n(), l = o ? o.peek ? c("sidebar.keepOpen", "Keep sidebar open") : c("sidebar.closeNavigation", "Close navigation") : i ? c("sidebar.expand", "Expand sidebar") : c("sidebar.collapse", "Collapse sidebar"), u = () => {
+		o?.peek ? a(!1) : o ? o.close() : a(!i);
+	};
+	return /* @__PURE__ */ w(s, {
+		content: l,
+		...o && !o.peek ? {} : { shortcut: ["["] },
+		children: /* @__PURE__ */ w("button", {
+			type: "button",
+			"aria-label": l,
+			...o ? {} : { "aria-expanded": !i },
+			onClick: u,
+			className: e("inline-flex size-32 cursor-pointer items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring", t),
+			children: /* @__PURE__ */ w(r, {
+				icon: D,
+				size: "sm"
+			})
+		})
+	});
+}
+process.env.NODE_ENV !== "production" && (ue.displayName = "Sidebar.CollapseToggle");
+function de({ className: t }) {
+	let { rail: i, setRail: a } = I(), o = n(), c = i ? o("sidebar.expand", "Expand sidebar") : o("sidebar.collapse", "Collapse sidebar");
+	return /* @__PURE__ */ w(s, {
+		content: c,
+		side: "right",
+		children: /* @__PURE__ */ w("button", {
+			type: "button",
+			"aria-label": c,
+			"aria-pressed": i,
+			onClick: () => a(!i),
+			className: e("inline-flex size-32 items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring", t),
+			children: /* @__PURE__ */ w(r, {
+				icon: D,
+				size: "sm"
+			})
+		})
+	});
+}
+process.env.NODE_ENV !== "production" && (de.displayName = "Sidebar.RailToggle");
+var fe = /* @__PURE__ */ Object.assign(V, {
+	Provider: z,
+	Header: H,
+	Brand: U,
+	Switcher: K,
+	Place: q,
+	Content: J,
+	Footer: Y,
+	Group: X,
+	Item: Z,
+	BackLink: Q,
+	Loading: $,
+	RailToggle: de,
+	CollapseToggle: ue
+});
+//#endregion
+export { ae as a, R as c, oe as i, I as l, ie as n, fe as o, P as r, L as s, W as t };
+
+//# sourceMappingURL=sidebar-C4fL_KMm.js.map