@nubisco/ui 5.26.0 → 5.27.0

package/dist/Shell-BWIHH0q8.js

@@ -0,0 +1,497 @@
+import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
+import { NB_LAYER_INJECTION_KEY as t, clampLayer as n, useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
+import { hasSlotContent as i } from "./utils/slotContent.helper.mjs";
+import { NB_SHELL_SLOT_KEY as ee, createShellSlotRegistry as te } from "./composables/useShellSlot.composable.mjs";
+import { NB_SHELL_LAYOUT_KEY as ne } from "./composables/useShellLayout.composable.mjs";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as re, defineComponent as ie, getCurrentInstance as ae, mergeProps as oe, nextTick as l, normalizeClass as u, normalizeStyle as se, onBeforeUnmount as ce, onMounted as le, openBlock as d, provide as f, ref as p, renderSlot as m, toDisplayString as h, toRef as ue, unref as de, useId as fe, useSlots as pe, vShow as me, watch as g, withCtx as he, withDirectives as ge, withKeys as _e } from "vue";
+//#endregion
+//#region src/components/SurfaceLayerScope.vue
+var ve = /* @__PURE__ */ ie({
+	__name: "SurfaceLayerScope",
+	props: { level: {} },
+	setup(e) {
+		let r = e;
+		return f(t, a(() => n(r.level))), (e, t) => m(e.$slots, "default");
+	}
+}), ye = ["href"], be = { class: "nb-shell__middle" }, xe = [
+	"id",
+	"aria-label",
+	"tabindex",
+	"inert",
+	"aria-hidden"
+], Se = { class: "nb-shell__sidebar-logo" }, Ce = { class: "nb-shell__sidebar-header-action" }, we = {
+	key: 1,
+	class: "nb-shell__sidebar-logo"
+}, Te = { class: "nb-shell__sidebar-nav" }, Ee = { class: "nb-shell__sidebar-bottom" }, De = { class: "nb-shell__right" }, Oe = {
+	key: 2,
+	class: "nb-shell__menubar"
+}, ke = {
+	key: 3,
+	class: "nb-shell__topbar"
+}, Ae = [
+	"aria-label",
+	"aria-expanded",
+	"aria-controls"
+], je = { class: "nb-shell__content-row" }, Me = ["inert", "aria-hidden"], Ne = ["aria-expanded"], Pe = {
+	class: "nb-shell__contextbar-toggle-glyph",
+	"aria-hidden": "true"
+}, Fe = { class: "nb-shell__main-row" }, Ie = ["aria-label"], Le = ["id"], Re = [
+	"aria-label",
+	"inert",
+	"aria-hidden"
+], ze = ["aria-label"], Be = [
+	"aria-label",
+	"aria-valuenow",
+	"aria-valuemax"
+], Ve = "(pointer: coarse) and (hover: none) and (max-height: 500px)", He = "a[href], [role=\"menuitem\"]", _ = 288, Ue = 16, We = 64, v = /* @__PURE__ */ e(/* @__PURE__ */ ie({
+	__name: "Shell",
+	props: {
+		inspectorVisible: {
+			type: Boolean,
+			default: !1
+		},
+		inspectorExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		inspectorSize: { default: "md" },
+		resizable: {
+			type: Boolean,
+			default: !1
+		},
+		inspectorWidth: {},
+		mainPadding: {
+			type: Boolean,
+			default: !0
+		},
+		sidebarVariant: { default: "compact" },
+		sidebarHeaderActionPosition: { default: "end" },
+		sidebarHeaderActionCompact: { default: "stack" },
+		topbar: { default: "auto" },
+		skipToContent: {
+			type: Boolean,
+			default: !0
+		},
+		skipToContentLabel: { default: "Skip to content" },
+		mainId: {},
+		sidebarLabel: { default: "Primary" },
+		inspectorLabel: { default: "Inspector" },
+		contextbarLabel: { default: "Browse" },
+		collapseAt: { default: "md" },
+		sidebarOpen: { type: Boolean },
+		navToggleLabel: { default: "Navigation" },
+		inspectorCloseLabel: { default: "Close inspector" }
+	},
+	emits: [
+		"update:inspectorWidth",
+		"update:sidebarOpen",
+		"update:inspectorVisible"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let ie = pe();
+		function v(e) {
+			return i(ie, e);
+		}
+		let { registry: Ge, count: y, sharedCount: Ke, setElement: b } = te();
+		f(ee, Ge);
+		let qe = /* @__PURE__ */ new Map();
+		function x(e) {
+			let t = qe.get(e);
+			return t || (t = (t) => b(e, t ?? null), qe.set(e, t)), t;
+		}
+		function S(e) {
+			return v(e) || y(e) > 0;
+		}
+		function C(e) {
+			return Ke(e) > 0 ? "nb-shell__region--ordered" : null;
+		}
+		let w = a(() => {
+			for (let e of [
+				"sidebar-logo",
+				"sidebar-nav",
+				"sidebar-bottom"
+			]) if (v(e)) return !0;
+			return !1;
+		}), T = e, E = p(!1), D = n, Je = {
+			md: 672,
+			lg: 1056
+		}, O = p(typeof window < "u" ? window.innerWidth : Infinity);
+		function k(e) {
+			let t = Je[T.collapseAt];
+			return t != null && e < t;
+		}
+		let A = 0;
+		function Ye() {
+			let e = window.innerWidth;
+			k(e) !== k(O.value) && (O.value = e);
+		}
+		function Xe() {
+			A ||= window.requestAnimationFrame(() => {
+				A = 0, O.value = window.innerWidth;
+			});
+		}
+		function Ze() {
+			typeof window > "u" || (window.removeEventListener("resize", Xe), A &&= (window.cancelAnimationFrame(A), 0));
+		}
+		function Qe() {
+			typeof window > "u" || (O.value = window.innerWidth, window.addEventListener("resize", Xe, { passive: !0 }));
+		}
+		let j = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(Ve) : null, M = p(j?.matches === !0);
+		function N(e) {
+			M.value = e.matches;
+		}
+		let P = a(() => k(O.value) || T.collapseAt !== "none" && M.value), F = ae()?.vnode.props ?? {};
+		function I(e, t) {
+			return e in F || t in F;
+		}
+		function $e(e, t) {
+			if (e in F) return F[e];
+			if (t in F) return F[t];
+		}
+		function L(e, t) {
+			return I(e, t) && $e(e, t) !== void 0;
+		}
+		let R = L("sidebarOpen", "sidebar-open"), z = p(!1);
+		I("sidebarOpen", "sidebar-open") && !R && g(() => T.sidebarOpen, (e) => {
+			z.value = e === !0;
+		});
+		let B = a(() => R ? T.sidebarOpen === !0 : z.value), et = fe(), tt = a(() => `nb-shell-sidebar-${et}`), nt = p(null), V = p(null), rt = a(() => w.value && P.value), it = a(() => w.value && P.value && !B.value);
+		function H(e) {
+			R || (z.value = e), D("update:sidebarOpen", e);
+		}
+		function at(e) {
+			if (!e.defaultPrevented) {
+				if (w.value && P.value && B.value) {
+					H(!1);
+					return;
+				}
+				K.value && q(!1);
+			}
+		}
+		function ot(e, t) {
+			let n = e.target, r = n?.closest?.(He);
+			if (!r || !t?.contains(r)) return !1;
+			let i = r.getAttribute("aria-haspopup");
+			return !(i != null && i !== "false" || r.hasAttribute("aria-expanded") || r.getAttribute("aria-disabled") === "true" || n?.closest?.("[data-nb-keep-open]"));
+		}
+		function st(e) {
+			!P.value || !B.value || ot(e, V.value) && H(!1);
+		}
+		function ct(e) {
+			!P.value || !E.value || ot(e, e.currentTarget) && (E.value = !1);
+		}
+		function lt(e) {
+			E.value = e;
+		}
+		g(B, async (e) => {
+			P.value && (await l(), e ? (V.value?.querySelector("a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])") ?? V.value)?.focus?.() : nt.value?.focus?.());
+		}), g(P, (e) => {
+			!e && B.value && H(!1);
+		});
+		let U = L("inspectorVisible", "inspector-visible"), ut = p(T.inspectorVisible === !0);
+		I("inspectorVisible", "inspector-visible") && !U && g(() => T.inspectorVisible, (e) => {
+			ut.value = e === !0;
+		});
+		let W = p(!1), G = a(() => (U ? T.inspectorVisible === !0 : ut.value) ? !(P.value && W.value) : !1), K = a(() => P.value && G.value);
+		function q(e) {
+			U ? W.value = !e : (ut.value = e, W.value = !1), D("update:inspectorVisible", e);
+		}
+		g(() => T.inspectorVisible, (e) => {
+			e && (W.value = !1);
+		}), g(P, (e) => {
+			e || (W.value = !1);
+		});
+		let dt = p(null), ft = p(null);
+		g(K, async (e) => {
+			if (e) ft.value = document.activeElement ?? null, await l(), dt.value?.focus?.();
+			else {
+				let e = ft.value;
+				ft.value = null, e?.isConnected && (await l(), e.focus?.());
+			}
+		}), g(K, (e) => {
+			e && w.value && B.value && H(!1);
+		});
+		function pt() {
+			q(!1);
+		}
+		f(ne, {
+			collapsed: P,
+			inspectorOverlay: K
+		});
+		let mt = a(() => K.value), J = p(null), ht = fe(), gt = a(() => T.mainId || `nb-shell-main-${ht}`);
+		function _t() {
+			J.value?.focus();
+		}
+		let vt = a(() => rt.value || T.topbar === "always" ? !0 : T.topbar === "never" ? !1 : v("topbar-left") || v("topbar-right") || y("topbar-left") > 0 || y("topbar-right") > 0), { layerProps: yt } = r(), { layerProps: bt } = r({
+			level: 0,
+			probe: !1,
+			provideContext: !1
+		});
+		f("nb-shell-sidebar-variant", ue(T, "sidebarVariant"));
+		let xt = a(() => v("sidebar-header-action") && !P.value);
+		f("nb-shell-sidebar-header-action-position", ue(T, "sidebarHeaderActionPosition"));
+		let Y = p(null), St = p(!1);
+		le(() => b("inspector", Y.value)), g(Y, (e) => b("inspector", e));
+		let Ct = {
+			lg: .5,
+			xl: .75
+		}, wt = {
+			xs: 288,
+			sm: 360,
+			md: 560
+		}, Tt = a(() => Number.isFinite(O.value) ? O.value : 1280), X = a(() => Math.max(_, Tt.value * .5));
+		function Z(e) {
+			return Math.round(Math.max(_, Math.min(e, X.value)));
+		}
+		let Et = L("inspectorWidth", "inspector-width"), Dt = p(null), Ot = a(() => Et ? T.inspectorWidth ?? null : Dt.value);
+		function kt(e) {
+			Et || (Dt.value = e), D("update:inspectorWidth", e);
+		}
+		let At = a(() => {
+			let e = Ot.value;
+			if (!(!T.resizable || !G.value || e == null)) return { "--nb-shell-inspector-width": `${Z(e)}px` };
+		}), Q = a(() => {
+			let e = Ot.value;
+			if (e != null) return Z(e);
+			if (T.inspectorExpanded) return Math.round(Tt.value * .5);
+			let t = Ct[T.inspectorSize], n = t == null ? wt[T.inspectorSize] ?? _ : Tt.value * t;
+			return Math.round(T.inspectorSize === "xl" ? n : Math.min(n, X.value));
+		}), jt = a(() => Math.round(Math.max(X.value, Q.value))), Mt = a(() => Q.value);
+		function Nt() {
+			return Q.value;
+		}
+		function Pt(e) {
+			let t = Y.value;
+			if (!t) return;
+			let n = t.getBoundingClientRect().right;
+			kt(Z(n - e.clientX));
+		}
+		function $() {
+			St.value = !1, window.removeEventListener("pointermove", Pt), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", $);
+		}
+		function Ft(e) {
+			T.resizable && (e.preventDefault(), St.value = !0, window.addEventListener("pointermove", Pt), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", $));
+		}
+		function It() {
+			kt(null);
+		}
+		function Lt(e) {
+			if (!T.resizable) return;
+			let t = e.shiftKey ? We : Ue, n;
+			switch (e.key) {
+				case "ArrowLeft":
+					n = Nt() + t;
+					break;
+				case "ArrowRight":
+					n = Nt() - t;
+					break;
+				case "Home":
+					n = _;
+					break;
+				case "End":
+					n = X.value;
+					break;
+				case "Enter":
+				case " ":
+					n = null;
+					break;
+				default: return;
+			}
+			e.preventDefault(), kt(n == null ? null : Z(n));
+		}
+		return le(() => {
+			typeof window > "u" || (O.value = window.innerWidth, window.addEventListener("resize", Ye, { passive: !0 }), T.resizable && Qe(), j && (M.value = j.matches, typeof j.addEventListener == "function" ? j.addEventListener("change", N) : j.addListener?.(N)));
+		}), g(() => T.collapseAt, () => {
+			typeof window < "u" && (O.value = window.innerWidth);
+		}), g(() => T.resizable, (e) => e ? Qe() : Ze()), ce(() => {
+			$(), Ze(), typeof window < "u" && window.removeEventListener("resize", Ye), j && (typeof j.removeEventListener == "function" ? j.removeEventListener("change", N) : j.removeListener?.(N));
+		}), t({
+			mainEl: J,
+			sidebarEl: V,
+			inspectorEl: Y,
+			focusMain: () => J.value?.focus(),
+			setSidebarOpen: H,
+			setInspectorVisible: q,
+			collapsed: P,
+			inspectorOverlay: K,
+			setContextbarOpen: lt
+		}), (t, n) => (d(), s("div", oe({ class: "nb-shell" }, de(yt), {
+			class: [
+				{ "nb-shell--no-sidebar": !w.value },
+				w.value ? `nb-shell--sidebar-${e.sidebarVariant}` : null,
+				{
+					"nb-shell--collapsed": P.value,
+					"nb-shell--drawer-open": P.value && B.value
+				}
+			],
+			onKeydown: _e(at, ["esc"])
+		}), [
+			e.skipToContent ? (d(), s("a", {
+				key: 0,
+				class: "nb-shell__skip-link",
+				href: `#${gt.value}`,
+				onClick: _t
+			}, h(e.skipToContentLabel), 9, ye)) : o("", !0),
+			S("outer-menu") ? (d(), s("div", {
+				key: 1,
+				ref: x("outer-menu"),
+				class: u(["nb-shell__outer-menu", C("outer-menu")])
+			}, [m(t.$slots, "outer-menu", {}, void 0, !0)], 2)) : o("", !0),
+			c("div", be, [
+				w.value ? (d(), s("nav", {
+					key: 0,
+					id: tt.value,
+					ref_key: "sidebarRef",
+					ref: V,
+					class: "nb-shell__sidebar",
+					"aria-label": e.sidebarLabel,
+					tabindex: P.value ? -1 : void 0,
+					inert: it.value || void 0,
+					"aria-hidden": it.value || void 0,
+					onClickCapture: st
+				}, [
+					xt.value ? (d(), s("div", {
+						key: 0,
+						class: u(["nb-shell__sidebar-header", [`nb-shell__sidebar-header--${e.sidebarHeaderActionPosition}`, `nb-shell__sidebar-header--compact-${e.sidebarHeaderActionCompact}`]])
+					}, [c("div", Se, [m(t.$slots, "sidebar-logo", {}, void 0, !0)]), c("div", Ce, [m(t.$slots, "sidebar-header-action", {}, void 0, !0)])], 2)) : (d(), s("div", we, [m(t.$slots, "sidebar-logo", {}, void 0, !0)])),
+					c("div", Te, [m(t.$slots, "sidebar-nav", {}, void 0, !0)]),
+					n[4] ||= c("div", { class: "nb-shell__sidebar-spacer" }, null, -1),
+					c("div", Ee, [m(t.$slots, "sidebar-bottom", {}, void 0, !0)])
+				], 40, xe)) : o("", !0),
+				w.value && P.value && B.value ? (d(), s("div", {
+					key: 1,
+					class: "nb-shell__scrim",
+					onClick: n[0] ||= (e) => H(!1)
+				})) : o("", !0),
+				c("div", De, [
+					S("inner-menu") ? (d(), s("div", {
+						key: 0,
+						ref: x("inner-menu"),
+						class: u(["nb-shell__inner-menu", C("inner-menu")])
+					}, [m(t.$slots, "inner-menu", {}, void 0, !0)], 2)) : o("", !0),
+					S("notification") ? (d(), s("div", {
+						key: 1,
+						ref: x("notification"),
+						class: u(["nb-shell__notification", C("notification")])
+					}, [m(t.$slots, "notification", {}, void 0, !0)], 2)) : o("", !0),
+					v("menubar") ? (d(), s("div", Oe, [m(t.$slots, "menubar", {}, void 0, !0)])) : o("", !0),
+					vt.value ? (d(), s("div", ke, [
+						rt.value ? (d(), s("button", {
+							key: 0,
+							ref_key: "navToggleRef",
+							ref: nt,
+							type: "button",
+							class: "nb-shell__nav-toggle",
+							"aria-label": e.navToggleLabel,
+							"aria-expanded": B.value,
+							"aria-controls": tt.value,
+							onClick: n[1] ||= (e) => H(!B.value)
+						}, [...n[5] ||= [c("span", {
+							class: "nb-shell__nav-toggle-glyph",
+							"aria-hidden": "true"
+						}, [
+							c("span"),
+							c("span"),
+							c("span")
+						], -1)]], 8, Ae)) : o("", !0),
+						c("div", {
+							ref: x("topbar-left"),
+							class: "nb-shell__topbar-left"
+						}, [m(t.$slots, "topbar-left", {}, void 0, !0)], 512),
+						c("div", {
+							ref: x("topbar-right"),
+							class: "nb-shell__topbar-right"
+						}, [m(t.$slots, "topbar-right", {}, void 0, !0)], 512)
+					])) : o("", !0),
+					c("div", je, [c("div", {
+						class: "nb-shell__body",
+						inert: mt.value || void 0,
+						"aria-hidden": mt.value || void 0
+					}, [
+						S("fixedbar") ? (d(), s("div", {
+							key: 0,
+							ref: x("fixedbar"),
+							class: "nb-shell__fixedbar"
+						}, [m(t.$slots, "fixedbar", {}, void 0, !0)], 512)) : o("", !0),
+						P.value && S("contextbar") ? (d(), s("button", {
+							key: 1,
+							type: "button",
+							class: "nb-shell__contextbar-toggle",
+							"aria-expanded": E.value,
+							onClick: n[2] ||= (e) => E.value = !E.value
+						}, [c("span", null, h(e.contextbarLabel), 1), c("span", Pe, h(E.value ? "▾" : "▸"), 1)], 8, Ne)) : o("", !0),
+						c("div", Fe, [S("contextbar") ? ge((d(), s("aside", {
+							key: 0,
+							ref: x("contextbar"),
+							class: u(["nb-shell__contextbar", C("contextbar")]),
+							"aria-label": e.contextbarLabel,
+							onClickCapture: ct
+						}, [m(t.$slots, "contextbar", {}, void 0, !0)], 42, Ie)), [[me, !P.value || E.value]]) : o("", !0), c("main", oe({
+							id: gt.value,
+							ref_key: "mainRef",
+							ref: J,
+							tabindex: "-1",
+							class: ["nb-shell__main", { "nb-shell__main--no-padding": !e.mainPadding }]
+						}, de(bt)), [re(ve, { level: 1 }, {
+							default: he(() => [m(t.$slots, "default", {}, void 0, !0)]),
+							_: 3
+						})], 16, Le)]),
+						S("bottom") ? (d(), s("div", {
+							key: 2,
+							ref: x("bottom"),
+							class: "nb-shell__bottom"
+						}, [m(t.$slots, "bottom", {}, void 0, !0)], 512)) : o("", !0)
+					], 8, Me), c("aside", {
+						ref_key: "inspectorRef",
+						ref: Y,
+						class: u(["nb-shell__inspector", {
+							"nb-shell__inspector--visible": G.value,
+							"nb-shell__inspector--expanded": G.value && e.inspectorExpanded,
+							[`nb-shell__inspector--${e.inspectorSize}`]: G.value,
+							"nb-shell__inspector--resizing": St.value,
+							"nb-shell__inspector--overlay": K.value
+						}]),
+						"aria-label": e.inspectorLabel,
+						inert: !G.value || void 0,
+						"aria-hidden": !G.value || void 0,
+						style: se(At.value)
+					}, [
+						K.value ? (d(), s("button", {
+							key: 0,
+							ref_key: "inspectorDismissRef",
+							ref: dt,
+							type: "button",
+							class: "nb-shell__inspector-dismiss",
+							"aria-label": e.inspectorCloseLabel,
+							onClick: n[3] ||= (e) => q(!1)
+						}, [...n[6] ||= [c("span", {
+							class: "nb-shell__inspector-dismiss-glyph",
+							"aria-hidden": "true"
+						}, "×", -1)]], 8, ze)) : o("", !0),
+						e.resizable && G.value && !P.value ? (d(), s("div", {
+							key: 1,
+							class: "nb-shell__inspector-resize",
+							role: "separator",
+							tabindex: "0",
+							"aria-orientation": "vertical",
+							"aria-label": `Resize ${e.inspectorLabel}`,
+							"aria-valuenow": Mt.value,
+							"aria-valuemin": _,
+							"aria-valuemax": jt.value,
+							title: "Drag or use the arrow keys to resize, Enter or double-click to reset",
+							onPointerdown: Ft,
+							onDblclick: It,
+							onKeydown: Lt
+						}, null, 40, Be)) : o("", !0),
+						m(t.$slots, "inspector", {
+							overlay: K.value,
+							close: pt
+						}, void 0, !0)
+					], 14, Re)])
+				])
+			])
+		], 16));
+	}
+}), [["__scopeId", "data-v-08e52f50"]]);
+//#endregion
+export { v as t };

package/dist/Shell-CgOJlNco.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./utils/slotContent.helper.cjs`),r=require(`./composables/useShellSlot.composable.cjs`),i=require(`./composables/useShellLayout.composable.cjs`);let a=require(`vue`);var ee=(0,a.defineComponent)({__name:`SurfaceLayerScope`,props:{level:{}},setup(e){let n=e;return(0,a.provide)(t.NB_LAYER_INJECTION_KEY,(0,a.computed)(()=>t.clampLayer(n.level))),(e,t)=>(0,a.renderSlot)(e.$slots,`default`)}}),te=[`href`],ne={class:`nb-shell__middle`},re=[`id`,`aria-label`,`tabindex`,`inert`,`aria-hidden`],ie={class:`nb-shell__sidebar-logo`},ae={class:`nb-shell__sidebar-header-action`},oe={key:1,class:`nb-shell__sidebar-logo`},se={class:`nb-shell__sidebar-nav`},ce={class:`nb-shell__sidebar-bottom`},le={class:`nb-shell__right`},ue={key:2,class:`nb-shell__menubar`},de={key:3,class:`nb-shell__topbar`},fe=[`aria-label`,`aria-expanded`,`aria-controls`],pe={class:`nb-shell__content-row`},me=[`inert`,`aria-hidden`],he=[`aria-expanded`],ge={class:`nb-shell__contextbar-toggle-glyph`,"aria-hidden":`true`},_e={class:`nb-shell__main-row`},ve=[`aria-label`],ye=[`id`],be=[`aria-label`,`inert`,`aria-hidden`],xe=[`aria-label`],Se=[`aria-label`,`aria-valuenow`,`aria-valuemax`],Ce=`(pointer: coarse) and (hover: none) and (max-height: 500px)`,we=`a[href], [role="menuitem"]`,o=288,Te=16,Ee=64,s=(0,a.defineComponent)({__name:`Shell`,props:{inspectorVisible:{type:Boolean,default:!1},inspectorExpanded:{type:Boolean,default:!1},inspectorSize:{default:`md`},resizable:{type:Boolean,default:!1},inspectorWidth:{},mainPadding:{type:Boolean,default:!0},sidebarVariant:{default:`compact`},sidebarHeaderActionPosition:{default:`end`},sidebarHeaderActionCompact:{default:`stack`},topbar:{default:`auto`},skipToContent:{type:Boolean,default:!0},skipToContentLabel:{default:`Skip to content`},mainId:{},sidebarLabel:{default:`Primary`},inspectorLabel:{default:`Inspector`},contextbarLabel:{default:`Browse`},collapseAt:{default:`md`},sidebarOpen:{type:Boolean},navToggleLabel:{default:`Navigation`},inspectorCloseLabel:{default:`Close inspector`}},emits:[`update:inspectorWidth`,`update:sidebarOpen`,`update:inspectorVisible`],setup(e,{expose:s,emit:De}){let Oe=(0,a.useSlots)();function c(e){return n.hasSlotContent(Oe,e)}let{registry:ke,count:l,sharedCount:Ae,setElement:u}=r.createShellSlotRegistry();(0,a.provide)(r.NB_SHELL_SLOT_KEY,ke);let je=new Map;function d(e){let t=je.get(e);return t||(t=t=>u(e,t??null),je.set(e,t)),t}function f(e){return c(e)||l(e)>0}function p(e){return Ae(e)>0?`nb-shell__region--ordered`:null}let m=(0,a.computed)(()=>{for(let e of[`sidebar-logo`,`sidebar-nav`,`sidebar-bottom`])if(c(e))return!0;return!1}),h=e,g=(0,a.ref)(!1),_=De,Me={md:672,lg:1056},v=(0,a.ref)(typeof window<`u`?window.innerWidth:1/0);function y(e){let t=Me[h.collapseAt];return t!=null&&e<t}let b=0;function Ne(){let e=window.innerWidth;y(e)!==y(v.value)&&(v.value=e)}function Pe(){b||=window.requestAnimationFrame(()=>{b=0,v.value=window.innerWidth})}function x(){typeof window>`u`||(window.removeEventListener(`resize`,Pe),b&&=(window.cancelAnimationFrame(b),0))}function Fe(){typeof window>`u`||(v.value=window.innerWidth,window.addEventListener(`resize`,Pe,{passive:!0}))}let S=typeof window<`u`&&typeof window.matchMedia==`function`?window.matchMedia(Ce):null,C=(0,a.ref)(S?.matches===!0);function w(e){C.value=e.matches}let T=(0,a.computed)(()=>y(v.value)||h.collapseAt!==`none`&&C.value),E=(0,a.getCurrentInstance)()?.vnode.props??{};function D(e,t){return e in E||t in E}function Ie(e,t){if(e in E)return E[e];if(t in E)return E[t]}function O(e,t){return D(e,t)&&Ie(e,t)!==void 0}let k=O(`sidebarOpen`,`sidebar-open`),A=(0,a.ref)(!1);D(`sidebarOpen`,`sidebar-open`)&&!k&&(0,a.watch)(()=>h.sidebarOpen,e=>{A.value=e===!0});let j=(0,a.computed)(()=>k?h.sidebarOpen===!0:A.value),Le=(0,a.useId)(),Re=(0,a.computed)(()=>`nb-shell-sidebar-${Le}`),M=(0,a.ref)(null),N=(0,a.ref)(null),P=(0,a.computed)(()=>m.value&&T.value),F=(0,a.computed)(()=>m.value&&T.value&&!j.value);function I(e){k||(A.value=e),_(`update:sidebarOpen`,e)}function ze(e){if(!e.defaultPrevented){if(m.value&&T.value&&j.value){I(!1);return}H.value&&U(!1)}}function L(e,t){let n=e.target,r=n?.closest?.(we);if(!r||!t?.contains(r))return!1;let i=r.getAttribute(`aria-haspopup`);return!(i!=null&&i!==`false`||r.hasAttribute(`aria-expanded`)||r.getAttribute(`aria-disabled`)===`true`||n?.closest?.(`[data-nb-keep-open]`))}function Be(e){!T.value||!j.value||L(e,N.value)&&I(!1)}function Ve(e){!T.value||!g.value||L(e,e.currentTarget)&&(g.value=!1)}function He(e){g.value=e}(0,a.watch)(j,async e=>{T.value&&(await(0,a.nextTick)(),e?(N.value?.querySelector(`a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])`)??N.value)?.focus?.():M.value?.focus?.())}),(0,a.watch)(T,e=>{!e&&j.value&&I(!1)});let R=O(`inspectorVisible`,`inspector-visible`),z=(0,a.ref)(h.inspectorVisible===!0);D(`inspectorVisible`,`inspector-visible`)&&!R&&(0,a.watch)(()=>h.inspectorVisible,e=>{z.value=e===!0});let B=(0,a.ref)(!1),V=(0,a.computed)(()=>(R?h.inspectorVisible===!0:z.value)?!(T.value&&B.value):!1),H=(0,a.computed)(()=>T.value&&V.value);function U(e){R?B.value=!e:(z.value=e,B.value=!1),_(`update:inspectorVisible`,e)}(0,a.watch)(()=>h.inspectorVisible,e=>{e&&(B.value=!1)}),(0,a.watch)(T,e=>{e||(B.value=!1)});let Ue=(0,a.ref)(null),W=(0,a.ref)(null);(0,a.watch)(H,async e=>{if(e)W.value=document.activeElement??null,await(0,a.nextTick)(),Ue.value?.focus?.();else{let e=W.value;W.value=null,e?.isConnected&&(await(0,a.nextTick)(),e.focus?.())}}),(0,a.watch)(H,e=>{e&&m.value&&j.value&&I(!1)});function We(){U(!1)}(0,a.provide)(i.NB_SHELL_LAYOUT_KEY,{collapsed:T,inspectorOverlay:H});let Ge=(0,a.computed)(()=>H.value),G=(0,a.ref)(null),Ke=(0,a.useId)(),qe=(0,a.computed)(()=>h.mainId||`nb-shell-main-${Ke}`);function Je(){G.value?.focus()}let Ye=(0,a.computed)(()=>P.value||h.topbar===`always`?!0:h.topbar===`never`?!1:c(`topbar-left`)||c(`topbar-right`)||l(`topbar-left`)>0||l(`topbar-right`)>0),{layerProps:Xe}=t.useSurfaceLayer(),{layerProps:Ze}=t.useSurfaceLayer({level:0,probe:!1,provideContext:!1});(0,a.provide)(`nb-shell-sidebar-variant`,(0,a.toRef)(h,`sidebarVariant`));let Qe=(0,a.computed)(()=>c(`sidebar-header-action`)&&!T.value);(0,a.provide)(`nb-shell-sidebar-header-action-position`,(0,a.toRef)(h,`sidebarHeaderActionPosition`));let K=(0,a.ref)(null),q=(0,a.ref)(!1);(0,a.onMounted)(()=>u(`inspector`,K.value)),(0,a.watch)(K,e=>u(`inspector`,e));let $e={lg:.5,xl:.75},et={xs:288,sm:360,md:560},J=(0,a.computed)(()=>Number.isFinite(v.value)?v.value:1280),Y=(0,a.computed)(()=>Math.max(o,J.value*.5));function X(e){return Math.round(Math.max(o,Math.min(e,Y.value)))}let tt=O(`inspectorWidth`,`inspector-width`),nt=(0,a.ref)(null),rt=(0,a.computed)(()=>tt?h.inspectorWidth??null:nt.value);function Z(e){tt||(nt.value=e),_(`update:inspectorWidth`,e)}let it=(0,a.computed)(()=>{let e=rt.value;if(!(!h.resizable||!V.value||e==null))return{"--nb-shell-inspector-width":`${X(e)}px`}}),Q=(0,a.computed)(()=>{let e=rt.value;if(e!=null)return X(e);if(h.inspectorExpanded)return Math.round(J.value*.5);let t=$e[h.inspectorSize],n=t==null?et[h.inspectorSize]??o:J.value*t;return Math.round(h.inspectorSize===`xl`?n:Math.min(n,Y.value))}),at=(0,a.computed)(()=>Math.round(Math.max(Y.value,Q.value))),ot=(0,a.computed)(()=>Q.value);function st(){return Q.value}function ct(e){let t=K.value;if(!t)return;let n=t.getBoundingClientRect().right;Z(X(n-e.clientX))}function $(){q.value=!1,window.removeEventListener(`pointermove`,ct),window.removeEventListener(`pointerup`,$),window.removeEventListener(`pointercancel`,$)}function lt(e){h.resizable&&(e.preventDefault(),q.value=!0,window.addEventListener(`pointermove`,ct),window.addEventListener(`pointerup`,$),window.addEventListener(`pointercancel`,$))}function ut(){Z(null)}function dt(e){if(!h.resizable)return;let t=e.shiftKey?Ee:Te,n;switch(e.key){case`ArrowLeft`:n=st()+t;break;case`ArrowRight`:n=st()-t;break;case`Home`:n=o;break;case`End`:n=Y.value;break;case`Enter`:case` `:n=null;break;default:return}e.preventDefault(),Z(n==null?null:X(n))}return(0,a.onMounted)(()=>{typeof window>`u`||(v.value=window.innerWidth,window.addEventListener(`resize`,Ne,{passive:!0}),h.resizable&&Fe(),S&&(C.value=S.matches,typeof S.addEventListener==`function`?S.addEventListener(`change`,w):S.addListener?.(w)))}),(0,a.watch)(()=>h.collapseAt,()=>{typeof window<`u`&&(v.value=window.innerWidth)}),(0,a.watch)(()=>h.resizable,e=>e?Fe():x()),(0,a.onBeforeUnmount)(()=>{$(),x(),typeof window<`u`&&window.removeEventListener(`resize`,Ne),S&&(typeof S.removeEventListener==`function`?S.removeEventListener(`change`,w):S.removeListener?.(w))}),s({mainEl:G,sidebarEl:N,inspectorEl:K,focusMain:()=>G.value?.focus(),setSidebarOpen:I,setInspectorVisible:U,collapsed:T,inspectorOverlay:H,setContextbarOpen:He}),(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({class:`nb-shell`},(0,a.unref)(Xe),{class:[{"nb-shell--no-sidebar":!m.value},m.value?`nb-shell--sidebar-${e.sidebarVariant}`:null,{"nb-shell--collapsed":T.value,"nb-shell--drawer-open":T.value&&j.value}],onKeydown:(0,a.withKeys)(ze,[`esc`])}),[e.skipToContent?((0,a.openBlock)(),(0,a.createElementBlock)(`a`,{key:0,class:`nb-shell__skip-link`,href:`#${qe.value}`,onClick:Je},(0,a.toDisplayString)(e.skipToContentLabel),9,te)):(0,a.createCommentVNode)(``,!0),f(`outer-menu`)?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,ref:d(`outer-menu`),class:(0,a.normalizeClass)([`nb-shell__outer-menu`,p(`outer-menu`)])},[(0,a.renderSlot)(t.$slots,`outer-menu`,{},void 0,!0)],2)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,ne,[m.value?((0,a.openBlock)(),(0,a.createElementBlock)(`nav`,{key:0,id:Re.value,ref_key:`sidebarRef`,ref:N,class:`nb-shell__sidebar`,"aria-label":e.sidebarLabel,tabindex:T.value?-1:void 0,inert:F.value||void 0,"aria-hidden":F.value||void 0,onClickCapture:Be},[Qe.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:(0,a.normalizeClass)([`nb-shell__sidebar-header`,[`nb-shell__sidebar-header--${e.sidebarHeaderActionPosition}`,`nb-shell__sidebar-header--compact-${e.sidebarHeaderActionCompact}`]])},[(0,a.createElementVNode)(`div`,ie,[(0,a.renderSlot)(t.$slots,`sidebar-logo`,{},void 0,!0)]),(0,a.createElementVNode)(`div`,ae,[(0,a.renderSlot)(t.$slots,`sidebar-header-action`,{},void 0,!0)])],2)):((0,a.openBlock)(),(0,a.createElementBlock)(`div`,oe,[(0,a.renderSlot)(t.$slots,`sidebar-logo`,{},void 0,!0)])),(0,a.createElementVNode)(`div`,se,[(0,a.renderSlot)(t.$slots,`sidebar-nav`,{},void 0,!0)]),n[4]||=(0,a.createElementVNode)(`div`,{class:`nb-shell__sidebar-spacer`},null,-1),(0,a.createElementVNode)(`div`,ce,[(0,a.renderSlot)(t.$slots,`sidebar-bottom`,{},void 0,!0)])],40,re)):(0,a.createCommentVNode)(``,!0),m.value&&T.value&&j.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,class:`nb-shell__scrim`,onClick:n[0]||=e=>I(!1)})):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,le,[f(`inner-menu`)?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,ref:d(`inner-menu`),class:(0,a.normalizeClass)([`nb-shell__inner-menu`,p(`inner-menu`)])},[(0,a.renderSlot)(t.$slots,`inner-menu`,{},void 0,!0)],2)):(0,a.createCommentVNode)(``,!0),f(`notification`)?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,ref:d(`notification`),class:(0,a.normalizeClass)([`nb-shell__notification`,p(`notification`)])},[(0,a.renderSlot)(t.$slots,`notification`,{},void 0,!0)],2)):(0,a.createCommentVNode)(``,!0),c(`menubar`)?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,ue,[(0,a.renderSlot)(t.$slots,`menubar`,{},void 0,!0)])):(0,a.createCommentVNode)(``,!0),Ye.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,de,[P.value?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,ref_key:`navToggleRef`,ref:M,type:`button`,class:`nb-shell__nav-toggle`,"aria-label":e.navToggleLabel,"aria-expanded":j.value,"aria-controls":Re.value,onClick:n[1]||=e=>I(!j.value)},[...n[5]||=[(0,a.createElementVNode)(`span`,{class:`nb-shell__nav-toggle-glyph`,"aria-hidden":`true`},[(0,a.createElementVNode)(`span`),(0,a.createElementVNode)(`span`),(0,a.createElementVNode)(`span`)],-1)]],8,fe)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{ref:d(`topbar-left`),class:`nb-shell__topbar-left`},[(0,a.renderSlot)(t.$slots,`topbar-left`,{},void 0,!0)],512),(0,a.createElementVNode)(`div`,{ref:d(`topbar-right`),class:`nb-shell__topbar-right`},[(0,a.renderSlot)(t.$slots,`topbar-right`,{},void 0,!0)],512)])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,pe,[(0,a.createElementVNode)(`div`,{class:`nb-shell__body`,inert:Ge.value||void 0,"aria-hidden":Ge.value||void 0},[f(`fixedbar`)?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,ref:d(`fixedbar`),class:`nb-shell__fixedbar`},[(0,a.renderSlot)(t.$slots,`fixedbar`,{},void 0,!0)],512)):(0,a.createCommentVNode)(``,!0),T.value&&f(`contextbar`)?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:1,type:`button`,class:`nb-shell__contextbar-toggle`,"aria-expanded":g.value,onClick:n[2]||=e=>g.value=!g.value},[(0,a.createElementVNode)(`span`,null,(0,a.toDisplayString)(e.contextbarLabel),1),(0,a.createElementVNode)(`span`,ge,(0,a.toDisplayString)(g.value?`▾`:`▸`),1)],8,he)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,_e,[f(`contextbar`)?(0,a.withDirectives)(((0,a.openBlock)(),(0,a.createElementBlock)(`aside`,{key:0,ref:d(`contextbar`),class:(0,a.normalizeClass)([`nb-shell__contextbar`,p(`contextbar`)]),"aria-label":e.contextbarLabel,onClickCapture:Ve},[(0,a.renderSlot)(t.$slots,`contextbar`,{},void 0,!0)],42,ve)),[[a.vShow,!T.value||g.value]]):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`main`,(0,a.mergeProps)({id:qe.value,ref_key:`mainRef`,ref:G,tabindex:`-1`,class:[`nb-shell__main`,{"nb-shell__main--no-padding":!e.mainPadding}]},(0,a.unref)(Ze)),[(0,a.createVNode)(ee,{level:1},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(t.$slots,`default`,{},void 0,!0)]),_:3})],16,ye)]),f(`bottom`)?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:2,ref:d(`bottom`),class:`nb-shell__bottom`},[(0,a.renderSlot)(t.$slots,`bottom`,{},void 0,!0)],512)):(0,a.createCommentVNode)(``,!0)],8,me),(0,a.createElementVNode)(`aside`,{ref_key:`inspectorRef`,ref:K,class:(0,a.normalizeClass)([`nb-shell__inspector`,{"nb-shell__inspector--visible":V.value,"nb-shell__inspector--expanded":V.value&&e.inspectorExpanded,[`nb-shell__inspector--${e.inspectorSize}`]:V.value,"nb-shell__inspector--resizing":q.value,"nb-shell__inspector--overlay":H.value}]),"aria-label":e.inspectorLabel,inert:!V.value||void 0,"aria-hidden":!V.value||void 0,style:(0,a.normalizeStyle)(it.value)},[H.value?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,ref_key:`inspectorDismissRef`,ref:Ue,type:`button`,class:`nb-shell__inspector-dismiss`,"aria-label":e.inspectorCloseLabel,onClick:n[3]||=e=>U(!1)},[...n[6]||=[(0,a.createElementVNode)(`span`,{class:`nb-shell__inspector-dismiss-glyph`,"aria-hidden":`true`},`×`,-1)]],8,xe)):(0,a.createCommentVNode)(``,!0),e.resizable&&V.value&&!T.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,class:`nb-shell__inspector-resize`,role:`separator`,tabindex:`0`,"aria-orientation":`vertical`,"aria-label":`Resize ${e.inspectorLabel}`,"aria-valuenow":ot.value,"aria-valuemin":o,"aria-valuemax":at.value,title:`Drag or use the arrow keys to resize, Enter or double-click to reset`,onPointerdown:lt,onDblclick:ut,onKeydown:dt},null,40,Se)):(0,a.createCommentVNode)(``,!0),(0,a.renderSlot)(t.$slots,`inspector`,{overlay:H.value,close:We},void 0,!0)],14,be)])])])],16))}}),De=e.t(s,[[`__scopeId`,`data-v-08e52f50`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return De}});

package/dist/SidebarHeaderToggle-BZ_YU8EU.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./vue-i18n-B_5xehV9.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-right`);a=e.n(a);let o=require(`@nubisco/ui/icons/caret-left`);o=e.n(o);let s=require(`@nubisco/ui/icons/sidebar-simple`);s=e.n(s);var c=[`aria-label`,`aria-expanded`],l=(0,i.defineComponent)({__name:`SidebarHeaderToggle`,props:{collapseLabel:{default:void 0},expandLabel:{default:void 0},icon:{default:void 0}},emits:[`toggle`],setup(e,{emit:t}){let l=e,u=t,d=(0,i.inject)(`nb-shell-sidebar-variant`,(0,i.ref)(`verbose`)),f=(0,i.inject)(`nb-shell-sidebar-header-action-position`,(0,i.ref)(`end`)),p=(0,i.computed)(()=>d.value===`compact`),m=(0,i.computed)(()=>f.value===`edge`),h=(0,i.computed)(()=>l.icon?l.icon:m.value?p.value?a:o:s),g={en:{COLLAPSE:`Collapse sidebar`,EXPAND:`Expand sidebar`},pt:{COLLAPSE:`Recolher barra lateral`,EXPAND:`Expandir barra lateral`}};function _(){try{return r.t({useScope:`global`})}catch{return null}}let v=_();function y(e){let t=`sidebarCollapseToggle.${e}`;return v?.te(t)?v.t(t):g[String(v?.locale.value??`en`).toLowerCase().split(`-`)[0]]?.[e]??g.en[e]}let b=(0,i.computed)(()=>p.value?l.expandLabel??y(`EXPAND`):l.collapseLabel??y(`COLLAPSE`));return(e,t)=>{let r=(0,i.resolveDirective)(`nb-tooltip`);return(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-sidebar-header-toggle`,{"nb-sidebar-header-toggle--edge":m.value}]),"aria-label":b.value,"aria-expanded":!p.value,onClick:t[0]||=e=>u(`toggle`)},[(0,i.createVNode)(n.t,{name:h.value,size:m.value?14:18},null,8,[`name`,`size`])],10,c)),[[r,{body:b.value,aria:`none`,position:`right`}]])}}}),u=t.t(l,[[`__scopeId`,`data-v-6ef71e7b`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/SidebarHeaderToggle-DBiI4idz.js

@@ -0,0 +1,61 @@
+import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
+import { t } from "./Icon-rREAqsu0.js";
+import { t as n } from "./vue-i18n-Dzm-MDw4.js";
+import { computed as r, createElementBlock as i, createVNode as a, defineComponent as o, inject as s, normalizeClass as c, openBlock as l, ref as u, resolveDirective as d, withDirectives as f } from "vue";
+import * as p from "@nubisco/ui/icons/caret-right";
+import * as m from "@nubisco/ui/icons/caret-left";
+import * as h from "@nubisco/ui/icons/sidebar-simple";
+//#region src/components/SidebarHeaderToggle.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-label", "aria-expanded"], _ = /* @__PURE__ */ e(/* @__PURE__ */ o({
+	__name: "SidebarHeaderToggle",
+	props: {
+		collapseLabel: { default: void 0 },
+		expandLabel: { default: void 0 },
+		icon: { default: void 0 }
+	},
+	emits: ["toggle"],
+	setup(e, { emit: o }) {
+		let _ = e, v = o, y = s("nb-shell-sidebar-variant", u("verbose")), b = s("nb-shell-sidebar-header-action-position", u("end")), x = r(() => y.value === "compact"), S = r(() => b.value === "edge"), C = r(() => _.icon ? _.icon : S.value ? x.value ? p : m : h), w = {
+			en: {
+				COLLAPSE: "Collapse sidebar",
+				EXPAND: "Expand sidebar"
+			},
+			pt: {
+				COLLAPSE: "Recolher barra lateral",
+				EXPAND: "Expandir barra lateral"
+			}
+		};
+		function T() {
+			try {
+				return n({ useScope: "global" });
+			} catch {
+				return null;
+			}
+		}
+		let E = T();
+		function D(e) {
+			let t = `sidebarCollapseToggle.${e}`;
+			return E?.te(t) ? E.t(t) : w[String(E?.locale.value ?? "en").toLowerCase().split("-")[0]]?.[e] ?? w.en[e];
+		}
+		let O = r(() => x.value ? _.expandLabel ?? D("EXPAND") : _.collapseLabel ?? D("COLLAPSE"));
+		return (e, n) => {
+			let r = d("nb-tooltip");
+			return f((l(), i("button", {
+				type: "button",
+				class: c(["nb-sidebar-header-toggle", { "nb-sidebar-header-toggle--edge": S.value }]),
+				"aria-label": O.value,
+				"aria-expanded": !x.value,
+				onClick: n[0] ||= (e) => v("toggle")
+			}, [a(t, {
+				name: C.value,
+				size: S.value ? 14 : 18
+			}, null, 8, ["name", "size"])], 10, g)), [[r, {
+				body: O.value,
+				aria: "none",
+				position: "right"
+			}]]);
+		};
+	}
+}), [["__scopeId", "data-v-6ef71e7b"]]);
+//#endregion
+export { _ as t };

package/dist/{Skeleton-Ba4m2jYi.js → Skeleton-1DNgvYeb.js}

@@ -1,7 +1,7 @@
 import { useReducedMotion as e } from "./composables/useReducedMotion.composable.mjs";
 import { t } from "./_plugin-vue_export-helper-O4QQSku4.js";
 import { useStableId as n } from "./composables/useStableId.composable.mjs";
-import { t as r } from "./useLoadingAnnouncer.composable-DY8jGEwJ.js";
+import { t as r } from "./useLoadingAnnouncer.composable-kJ9fDUqa.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";
 //#region src/components/Skeleton.d.ts
 var y = /* @__PURE__ */ function(e) {

package/dist/{Skeleton-Bgo6pIY2.cjs → Skeleton-DmkE06TO.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./useLoadingAnnouncer.composable-BMMz4C1C.cjs`);let i=require(`vue`);var a=function(e){return e.Text=`text`,e.Heading=`heading`,e.Block=`block`,e.Circle=`circle`,e}(a||{}),o=[`id`,`role`,`aria-live`,`aria-hidden`],s={key:0,class:`nb-skeleton__label`},c={class:`nb-skeleton__lines`,"aria-busy":`true`},l=(0,i.defineComponent)({__name:`Skeleton`,props:{variant:{default:a.Text},type:{default:void 0},lines:{default:1},lastLineWidth:{default:`60%`},width:{default:void 0},height:{default:void 0},radius:{default:`sm`},animated:{type:Boolean,default:!0},label:{default:void 0},completeLabel:{default:void 0},id:{default:void 0}},setup(t){let l=t,u=n.useStableId(l),d=e.useReducedMotion(),f=(0,i.ref)(``),p;(0,i.watch)(()=>l.label,e=>{if(p&&=(clearTimeout(p),void 0),!e){f.value=``;return}if(f.value!==``){f.value=e;return}p=setTimeout(()=>{p=void 0,f.value=e},0)},{immediate:!0}),(0,i.onBeforeUnmount)(()=>{p&&clearTimeout(p),r.t(l.completeLabel)});let m=[`label-sm`,`label-md`,`label-lg`,`body-sm`,`body-md`,`body-lg`,`code-sm`,`code-md`,`code-lg`,`heading-01`,`heading-02`,`heading-03`,`heading-04`,`heading-05`,`heading-06`],h=(0,i.computed)(()=>l.type&&m.includes(l.type)?l.type:l.variant===a.Heading?`heading-02`:`body-md`),g=(0,i.computed)(()=>l.variant===a.Text||l.variant===a.Heading),_=(0,i.computed)(()=>l.variant===a.Text?Math.max(1,Math.floor(l.lines)):1);function v(e){if(e!=null)return typeof e==`number`?`${e}px`:e}let y=(0,i.computed)(()=>Array.from({length:_.value},(e,t)=>{let n=t===_.value-1;if(l.variant===a.Text&&_.value>1&&n)return{width:l.lastLineWidth}})),b=(0,i.computed)(()=>[`nb-skeleton`,`nb-skeleton--${l.variant}`,`nb-skeleton--radius-${l.radius}`,{"nb-skeleton--static":!l.animated,"nb-skeleton--reduced-motion":d.value}]),x=(0,i.computed)(()=>{let e={};if(g.value&&(e[`--nb-skeleton-font-size`]=`var(--nb-type-${h.value}-size)`,e[`--nb-skeleton-line-height`]=`var(--nb-type-${h.value}-line-height)`),l.variant===a.Circle){let t=v(l.height??l.width);return t&&(e.width=t,e[`--nb-skeleton-height`]=t),e}let t=v(l.width);t&&(e.width=t);let n=v(l.height);return n&&!g.value&&(e[`--nb-skeleton-height`]=n),e});return(e,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{id:(0,i.unref)(u),class:(0,i.normalizeClass)(b.value),style:(0,i.normalizeStyle)(x.value),role:t.label?`status`:void 0,"aria-live":t.label?`polite`:void 0,"aria-hidden":t.label?void 0:`true`},[t.label?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s,(0,i.toDisplayString)(f.value),1)):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,c,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(y.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:t,class:`nb-skeleton__line`},[(0,i.createElementVNode)(`span`,{class:`nb-skeleton__fill`,style:(0,i.normalizeStyle)(e)},null,4)]))),128))])],14,o))}}),u=t.t(l,[[`__scopeId`,`data-v-a57a3982`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./useLoadingAnnouncer.composable-BCTl7kry.cjs`);let i=require(`vue`);var a=function(e){return e.Text=`text`,e.Heading=`heading`,e.Block=`block`,e.Circle=`circle`,e}(a||{}),o=[`id`,`role`,`aria-live`,`aria-hidden`],s={key:0,class:`nb-skeleton__label`},c={class:`nb-skeleton__lines`,"aria-busy":`true`},l=(0,i.defineComponent)({__name:`Skeleton`,props:{variant:{default:a.Text},type:{default:void 0},lines:{default:1},lastLineWidth:{default:`60%`},width:{default:void 0},height:{default:void 0},radius:{default:`sm`},animated:{type:Boolean,default:!0},label:{default:void 0},completeLabel:{default:void 0},id:{default:void 0}},setup(t){let l=t,u=n.useStableId(l),d=e.useReducedMotion(),f=(0,i.ref)(``),p;(0,i.watch)(()=>l.label,e=>{if(p&&=(clearTimeout(p),void 0),!e){f.value=``;return}if(f.value!==``){f.value=e;return}p=setTimeout(()=>{p=void 0,f.value=e},0)},{immediate:!0}),(0,i.onBeforeUnmount)(()=>{p&&clearTimeout(p),r.t(l.completeLabel)});let m=[`label-sm`,`label-md`,`label-lg`,`body-sm`,`body-md`,`body-lg`,`code-sm`,`code-md`,`code-lg`,`heading-01`,`heading-02`,`heading-03`,`heading-04`,`heading-05`,`heading-06`],h=(0,i.computed)(()=>l.type&&m.includes(l.type)?l.type:l.variant===a.Heading?`heading-02`:`body-md`),g=(0,i.computed)(()=>l.variant===a.Text||l.variant===a.Heading),_=(0,i.computed)(()=>l.variant===a.Text?Math.max(1,Math.floor(l.lines)):1);function v(e){if(e!=null)return typeof e==`number`?`${e}px`:e}let y=(0,i.computed)(()=>Array.from({length:_.value},(e,t)=>{let n=t===_.value-1;if(l.variant===a.Text&&_.value>1&&n)return{width:l.lastLineWidth}})),b=(0,i.computed)(()=>[`nb-skeleton`,`nb-skeleton--${l.variant}`,`nb-skeleton--radius-${l.radius}`,{"nb-skeleton--static":!l.animated,"nb-skeleton--reduced-motion":d.value}]),x=(0,i.computed)(()=>{let e={};if(g.value&&(e[`--nb-skeleton-font-size`]=`var(--nb-type-${h.value}-size)`,e[`--nb-skeleton-line-height`]=`var(--nb-type-${h.value}-line-height)`),l.variant===a.Circle){let t=v(l.height??l.width);return t&&(e.width=t,e[`--nb-skeleton-height`]=t),e}let t=v(l.width);t&&(e.width=t);let n=v(l.height);return n&&!g.value&&(e[`--nb-skeleton-height`]=n),e});return(e,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{id:(0,i.unref)(u),class:(0,i.normalizeClass)(b.value),style:(0,i.normalizeStyle)(x.value),role:t.label?`status`:void 0,"aria-live":t.label?`polite`:void 0,"aria-hidden":t.label?void 0:`true`},[t.label?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s,(0,i.toDisplayString)(f.value),1)):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,c,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(y.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:t,class:`nb-skeleton__line`},[(0,i.createElementVNode)(`span`,{class:`nb-skeleton__fill`,style:(0,i.normalizeStyle)(e)},null,4)]))),128))])],14,o))}}),u=t.t(l,[[`__scopeId`,`data-v-a57a3982`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/{Slider-BAhq6cJT.js → Slider-B7dj-HgC.js}

@@ -3,7 +3,7 @@ import { r as t } from "./Size.d-Bah6vMl3.js";
 import { t as n } from "./Grid-XtnH-vr_.js";
 import { t as r } from "./Label-ciCAG21-.js";
 import { t as i } from "./Message-Cecz48PA.js";
-import { t as a } from "./NumberInput-Dk8ofnNJ.js";
+import { t as a } from "./NumberInput-CYKutu9p.js";
 import { Fragment as ee, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, ref as v, toDisplayString as y, withCtx as b, withModifiers as x } from "vue";
 //#region src/components/Slider.vue?vue&type=script&setup=true&lang.ts
 var S = { class: "nb-slider__field-box" }, C = {