@nubisco/ui 5.18.1 → 5.19.0

package/dist/Shell-COpscGYO.js

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

package/dist/Submenu-QgPVi2bN.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`);let t=require(`vue`),n=require(`@nubisco/ui/icons/caret-right`);var r=[`aria-expanded`,`aria-disabled`,`onKeydown`],i={class:`nb-menu-item__label`},a=(0,t.defineComponent)({__name:`Submenu`,props:{icon:{default:void 0},label:{},disabled:{type:Boolean,default:!1}},setup(a){let o=a,s=(0,t.ref)(null),c=(0,t.ref)(null),l=(0,t.ref)(!1),u=(0,t.inject)(`nb-menu`,null),d=null,f=null,p=(0,t.computed)(()=>`nb-menu--${u?.size??`md`}`),m=(0,t.ref)({position:`fixed`,top:`0px`,left:`0px`,zIndex:`var(--nb-zindex-menu)`});function h(){if(!s.value)return;let e=s.value.getBoundingClientRect(),t=e.right,n=e.top;t+200>window.innerWidth&&(t=e.left-200),n+200>window.innerHeight&&(n=Math.max(8,window.innerHeight-200)),m.value={position:`fixed`,top:`${n}px`,left:`${t}px`,zIndex:`var(--nb-zindex-menu)`}}function g(){o.disabled||(S(),l.value=!0,h(),(0,t.nextTick)(()=>{if(c.value&&s.value){let e=s.value.getBoundingClientRect(),t=c.value.getBoundingClientRect(),n=e.right;n+t.width>window.innerWidth&&(n=e.left-t.width);let r=e.top;r+t.height>window.innerHeight&&(r=Math.max(8,window.innerHeight-t.height)),m.value={position:`fixed`,top:`${r}px`,left:`${n}px`,zIndex:`var(--nb-zindex-menu)`}}}))}function _(){if(S(),!l.value)return;let e=!!c.value?.contains(document.activeElement);l.value=!1,e&&s.value?.focus()}function v(){return c.value?Array.from(c.value.querySelectorAll(`[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]`)):[]}function y(e,t){let n=v();for(let r=e;r>=0&&r<n.length;r+=t)if(n[r].getAttribute(`aria-disabled`)!==`true`){n[r].focus();return}}function b(){o.disabled||(g(),(0,t.nextTick)(()=>y(0,1)))}function x(e){let t=v().indexOf(document.activeElement);e.key===`ArrowDown`?(e.preventDefault(),e.stopPropagation(),y(t+1,1)):e.key===`ArrowUp`?(e.preventDefault(),e.stopPropagation(),t>0&&y(t-1,-1)):e.key===`ArrowLeft`||e.key===`Escape`?(e.preventDefault(),e.stopPropagation(),_()):e.key===`Tab`&&(_(),u?.close())}(0,t.watch)(c,(e,t)=>{t&&u?.unregisterSurface(t),e&&u?.registerSurface(e)});function S(){d&&=(clearTimeout(d),null),f&&=(clearTimeout(f),null)}function C(){S(),d=setTimeout(g,150)}function w(){S(),f=setTimeout(_,150)}function T(){S()}function E(){S(),f=setTimeout(_,150)}function D(){o.disabled||(l.value?_():g())}return(0,t.onBeforeUnmount)(()=>{S(),c.value&&u?.unregisterSurface(c.value)}),(o,u)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`li`,{ref_key:`triggerRef`,ref:s,class:(0,t.normalizeClass)([`nb-menu-item nb-submenu-trigger`,{"nb-menu-item--disabled":a.disabled,"nb-menu-item--highlighted":l.value}]),role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":l.value,"aria-disabled":a.disabled||void 0,tabindex:-1,onMouseenter:C,onMouseleave:w,onKeydown:[(0,t.withKeys)((0,t.withModifiers)(b,[`prevent`]),[`right`]),(0,t.withKeys)((0,t.withModifiers)(b,[`prevent`]),[`enter`]),(0,t.withKeys)((0,t.withModifiers)(b,[`prevent`]),[`space`]),(0,t.withKeys)((0,t.withModifiers)(_,[`prevent`]),[`left`]),(0,t.withKeys)((0,t.withModifiers)(_,[`prevent`]),[`escape`])],onClick:D},[a.icon?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:0,name:a.icon,size:16,class:`nb-menu-item__icon`},null,8,[`name`])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,i,(0,t.toDisplayString)(a.label),1),(0,t.createVNode)(e.t,{name:(0,t.unref)(n.regular),size:14,class:`nb-submenu-trigger__caret`},null,8,[`name`])],42,r),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{name:`nb-submenu`},{default:(0,t.withCtx)(()=>[l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{key:0,ref_key:`submenuRef`,ref:c,role:`menu`,class:(0,t.normalizeClass)([`nb-menu nb-submenu`,[p.value]]),style:(0,t.normalizeStyle)(m.value),onMouseenter:T,onMouseleave:E,onKeydown:x},[(0,t.renderSlot)(o.$slots,`default`)],38)):(0,t.createCommentVNode)(``,!0)]),_:3})]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/Submenu-SQTJc81U.js

@@ -1,148 +0,0 @@
-import { t as e } from "./Icon-rREAqsu0.js";
-import { Fragment as t, Teleport as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, inject as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, watch as x, withCtx as S, withKeys as C, withModifiers as w } from "vue";
-import { regular as T } from "@nubisco/ui/icons/caret-right";
-//#region src/components/Submenu.vue?vue&type=script&setup=true&lang.ts
-var E = [
-	"aria-expanded",
-	"aria-disabled",
-	"onKeydown"
-], D = { class: "nb-menu-item__label" }, O = /* @__PURE__ */ u({
-	__name: "Submenu",
-	props: {
-		icon: { default: void 0 },
-		label: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(u) {
-		let O = u, k = _(null), A = _(null), j = _(!1), M = d("nb-menu", null), N = null, P = null, F = i(() => `nb-menu--${M?.size ?? "md"}`), I = _({
-			position: "fixed",
-			top: "0px",
-			left: "0px",
-			zIndex: "var(--nb-zindex-menu)"
-		});
-		function L() {
-			if (!k.value) return;
-			let e = k.value.getBoundingClientRect(), t = e.right, n = e.top;
-			t + 200 > window.innerWidth && (t = e.left - 200), n + 200 > window.innerHeight && (n = Math.max(8, window.innerHeight - 200)), I.value = {
-				position: "fixed",
-				top: `${n}px`,
-				left: `${t}px`,
-				zIndex: "var(--nb-zindex-menu)"
-			};
-		}
-		function R() {
-			O.disabled || (W(), j.value = !0, L(), f(() => {
-				if (A.value && k.value) {
-					let e = k.value.getBoundingClientRect(), t = A.value.getBoundingClientRect(), n = e.right;
-					n + t.width > window.innerWidth && (n = e.left - t.width);
-					let r = e.top;
-					r + t.height > window.innerHeight && (r = Math.max(8, window.innerHeight - t.height)), I.value = {
-						position: "fixed",
-						top: `${r}px`,
-						left: `${n}px`,
-						zIndex: "var(--nb-zindex-menu)"
-					};
-				}
-			}));
-		}
-		function z() {
-			if (W(), !j.value) return;
-			let e = !!A.value?.contains(document.activeElement);
-			j.value = !1, e && k.value?.focus();
-		}
-		function B() {
-			return A.value ? Array.from(A.value.querySelectorAll("[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]")) : [];
-		}
-		function V(e, t) {
-			let n = B();
-			for (let r = e; r >= 0 && r < n.length; r += t) if (n[r].getAttribute("aria-disabled") !== "true") {
-				n[r].focus();
-				return;
-			}
-		}
-		function H() {
-			O.disabled || (R(), f(() => V(0, 1)));
-		}
-		function U(e) {
-			let t = B().indexOf(document.activeElement);
-			e.key === "ArrowDown" ? (e.preventDefault(), e.stopPropagation(), V(t + 1, 1)) : e.key === "ArrowUp" ? (e.preventDefault(), e.stopPropagation(), t > 0 && V(t - 1, -1)) : e.key === "ArrowLeft" || e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), z()) : e.key === "Tab" && (z(), M?.close());
-		}
-		x(A, (e, t) => {
-			t && M?.unregisterSurface(t), e && M?.registerSurface(e);
-		});
-		function W() {
-			N &&= (clearTimeout(N), null), P &&= (clearTimeout(P), null);
-		}
-		function G() {
-			W(), N = setTimeout(R, 150);
-		}
-		function K() {
-			W(), P = setTimeout(z, 150);
-		}
-		function q() {
-			W();
-		}
-		function J() {
-			W(), P = setTimeout(z, 150);
-		}
-		function Y() {
-			O.disabled || (j.value ? z() : R());
-		}
-		return h(() => {
-			W(), A.value && M?.unregisterSurface(A.value);
-		}), (i, d) => (g(), s(t, null, [c("li", {
-			ref_key: "triggerRef",
-			ref: k,
-			class: p(["nb-menu-item nb-submenu-trigger", {
-				"nb-menu-item--disabled": u.disabled,
-				"nb-menu-item--highlighted": j.value
-			}]),
-			role: "menuitem",
-			"aria-haspopup": "menu",
-			"aria-expanded": j.value,
-			"aria-disabled": u.disabled || void 0,
-			tabindex: -1,
-			onMouseenter: G,
-			onMouseleave: K,
-			onKeydown: [
-				C(w(H, ["prevent"]), ["right"]),
-				C(w(H, ["prevent"]), ["enter"]),
-				C(w(H, ["prevent"]), ["space"]),
-				C(w(z, ["prevent"]), ["left"]),
-				C(w(z, ["prevent"]), ["escape"])
-			],
-			onClick: Y
-		}, [
-			u.icon ? (g(), a(e, {
-				key: 0,
-				name: u.icon,
-				size: 16,
-				class: "nb-menu-item__icon"
-			}, null, 8, ["name"])) : o("", !0),
-			c("span", D, y(u.label), 1),
-			l(e, {
-				name: b(T),
-				size: 14,
-				class: "nb-submenu-trigger__caret"
-			}, null, 8, ["name"])
-		], 42, E), (g(), a(n, { to: "body" }, [l(r, { name: "nb-submenu" }, {
-			default: S(() => [j.value ? (g(), s("ul", {
-				key: 0,
-				ref_key: "submenuRef",
-				ref: A,
-				role: "menu",
-				class: p(["nb-menu nb-submenu", [F.value]]),
-				style: m(I.value),
-				onMouseenter: q,
-				onMouseleave: J,
-				onKeydown: U
-			}, [v(i.$slots, "default")], 38)) : o("", !0)]),
-			_: 3
-		})]))], 64));
-	}
-});
-//#endregion
-export { O as t };

package/dist/Tabs-B5crovQe.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./Badge-ouVFB318.cjs`),i=require(`./utils/slotContent.helper.cjs`);let a=require(`vue`);var o=function(e){return e.Line=`line`,e.Contained=`contained`,e}(o||{}),s=function(e){return e.Small=`sm`,e.Medium=`md`,e.Large=`lg`,e}(s||{}),c=[`aria-label`],l=[`id`,`data-tab-id`,`aria-selected`,`aria-controls`,`tabindex`,`disabled`,`onClick`],u={class:`nb-tabs__label`},d=[`id`,`aria-labelledby`],f=(0,a.defineComponent)({__name:`Tabs`,props:{items:{},ariaLabel:{default:void 0},modelValue:{default:void 0},variant:{default:o.Line},size:{default:s.Medium},disabled:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},id:{default:void 0}},emits:[`update:modelValue`,`change`],setup(e,{emit:o}){let f=e,p=o,m=(0,a.useSlots)(),h=n.useStableId(f),g=(0,a.ref)(null),_=(0,a.computed)(()=>f.items.filter(e=>!S(e))),v=(0,a.ref)(f.modelValue??_.value[0]?.id);(0,a.watch)(()=>f.modelValue,e=>{e!=null&&(v.value=e)});let y=(0,a.computed)(()=>{let e=f.modelValue??v.value,t=f.items.find(t=>t.id===e);return t&&!S(t)?t.id:_.value[0]?.id}),b=(0,a.computed)(()=>f.size===s.Large?18:16),x=(0,a.computed)(()=>[`nb-tabs`,`nb-tabs--${f.variant}`,`nb-tabs--${f.size}`,{"nb-tabs--full-width":f.fullWidth,"nb-tabs--disabled":f.disabled}]);function S(e){return f.disabled||!!e.disabled}function C(e){return`${h}-tab-${e}`}function w(e){return`${h}-panel-${e}`}function T(e){return i.hasSlotContent(m,e)}function E(e){S(e)||e.id===y.value||(v.value=e.id,p(`update:modelValue`,e.id),p(`change`,e.id,e))}function D(e){(g.value?.querySelectorAll(`[data-tab-id]`))?.forEach(t=>{t.dataset.tabId===e&&t.focus()})}function O(e){let t=_.value;if(!t.length)return;let n=t[(t.findIndex(e=>e.id===y.value)+e+t.length)%t.length];E(n),D(n.id)}function k(e){e&&(E(e),D(e.id))}function A(e){switch(e.key){case`ArrowRight`:O(1);break;case`ArrowLeft`:O(-1);break;case`Home`:k(_.value[0]);break;case`End`:k(_.value[_.value.length-1]);break;default:return}e.preventDefault()}return(n,i)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)(x.value)},[(0,a.createElementVNode)(`div`,{ref_key:`listRef`,ref:g,class:`nb-tabs__list`,role:`tablist`,"aria-label":e.ariaLabel||void 0,onKeydown:A},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(e.items,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{id:C(e.id),key:e.id,"data-tab-id":e.id,type:`button`,role:`tab`,class:(0,a.normalizeClass)([`nb-tabs__tab`,{"nb-tabs__tab--active":e.id===y.value}]),"aria-selected":e.id===y.value,"aria-controls":T(e.id)?w(e.id):void 0,tabindex:e.id===y.value?0:-1,disabled:S(e),onClick:t=>E(e)},[e.icon?((0,a.openBlock)(),(0,a.createBlock)(t.t,{key:0,name:e.icon,size:b.value,class:`nb-tabs__icon`},null,8,[`name`,`size`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,u,(0,a.toDisplayString)(e.label),1),e.badge==null?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:1,size:`sm`,class:`nb-tabs__badge`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.badge),1)]),_:2},1024))],10,l))),128))],40,c),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(e.items,e=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:`panel-${e.id}`},[e.id===y.value&&T(e.id)?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,id:w(e.id),class:`nb-tabs__panel`,role:`tabpanel`,"aria-labelledby":C(e.id),tabindex:`0`},[(0,a.renderSlot)(n.$slots,e.id,{item:e},void 0,!0)],8,d)):(0,a.createCommentVNode)(``,!0)],64))),128))],2))}}),p=e.t(f,[[`__scopeId`,`data-v-84dd1ef0`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});