@dolanske/vui 1.14.8 → 1.14.10

package/dist/vui.js

@@ -10870,21 +10870,22 @@ var wd = /* @__PURE__ */ v({
 		gap: { default: "s" },
 		hideScrollbar: { type: Boolean },
 		hideShadows: { type: Boolean },
-		snap: { type: Boolean }
+		snap: { type: Boolean },
+		disableDrag: { type: Boolean }
 	},
 	setup(e) {
 		let t = J("carouselWrap"), n = c(() => t.value?.$el), { x: r } = gn(n), i = B(!1), a = B(!1), o = B(0), s = B(0);
-		return Z(n, "pointerdown", (e) => {
-			if (e.button !== 0 && e.pointerType === "mouse") return;
-			let t = n.value;
-			t && (a.value = !1, i.value = !0, o.value = e.clientX, s.value = t.scrollLeft);
-		}), Z(n, "pointermove", (e) => {
-			if (!i.value) return;
-			let t = o.value - e.clientX;
-			if (!a.value && Math.abs(t) < Nd) return;
-			a.value || n.value?.setPointerCapture(e.pointerId), a.value = !0;
+		return Z(n, "pointerdown", (t) => {
+			if (e.disableDrag || t.button !== 0 && t.pointerType === "mouse") return;
 			let r = n.value;
-			r && (r.scrollLeft = s.value + t);
+			r && (a.value = !1, i.value = !0, o.value = t.clientX, s.value = r.scrollLeft);
+		}), Z(n, "pointermove", (t) => {
+			if (e.disableDrag || !i.value) return;
+			let r = o.value - t.clientX;
+			if (!a.value && Math.abs(r) < Nd) return;
+			a.value || n.value?.setPointerCapture(t.pointerId), a.value = !0;
+			let c = n.value;
+			c && (c.scrollLeft = s.value + r);
 		}), Z(n, "pointerup", () => {
 			i.value = !1;
 		}), Z(n, "pointercancel", () => {
@@ -10898,6 +10899,7 @@ var wd = /* @__PURE__ */ v({
 		}), (t, a) => (R(), d("div", { class: M(["overflow is-horizontal carousel", {
 			"hide-scrollbar": e.hideScrollbar,
 			"hide-shadows": e.hideShadows,
+			"no-drag": e.disableDrag,
 			"is-snap": e.snap
 		}]) }, [f("div", Md, [
 			f("div", { class: M(["overflow-shadow overflow-shadow-left", { visible: q(r) > 0 }]) }, null, 2),
@@ -14782,7 +14784,8 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 	__name: "Resizable",
 	props: {
 		vertical: { type: Boolean },
-		storageKey: {}
+		storageKey: {},
+		hideHandles: { type: Boolean }
 	},
 	setup(e) {
 		let t = e, r = me(), i = J("resizableRef"), a = kn(r.default), o = B(-1), s = t.storageKey ? ln(t.storageKey, []) : B([]), { left: c, right: p, width: m, top: h, bottom: g } = mn(i);
@@ -14820,7 +14823,10 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 		}
 		return (e, r) => (R(), d("div", {
 			ref: "resizableRef",
-			class: M(["vui-resizable", { vertical: t.vertical }])
+			class: M(["vui-resizable", {
+				vertical: t.vertical,
+				"hide-handles": t.hideHandles
+			}])
 		}, [(R(!0), d(n, null, V(q(a), (e, t) => (R(), d(n, { key: e.key }, [f("div", {
 			class: "vui-resizable-panel",
 			style: P({
@@ -14836,23 +14842,312 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			onBlur: r[0] ||= (e) => o.value = -1
 		}, null, 40, ug)) : u("", !0)], 64))), 128))], 2));
 	}
-}), fg = { class: "vui-input vui-select-trigger-content" }, pg = ["for"], mg = {
+}), fg = ["name"], pg = /* @__PURE__ */ v({
+	__name: "Tab",
+	props: {
+		disabled: { type: Boolean },
+		value: {}
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (R(), d("button", {
+			class: M(["vui-tab", { disabled: t.disabled }]),
+			role: "tab",
+			name: e.value
+		}, [H(n.$slots, "default", {}, () => [h(G(t.value), 1)])], 10, fg));
+	}
+}), mg = {
+	key: 0,
+	class: "flex-1"
+}, hg = {
+	key: 0,
+	ref: "underline",
+	class: "vui-tab-underline"
+}, gg = /* @__PURE__ */ v({
+	__name: "Tabs",
+	props: /* @__PURE__ */ k({
+		variant: { default: "default" },
+		expand: { type: Boolean },
+		disabled: { type: Boolean },
+		transitionName: { default: "fade" }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = me(), r = pe(e, "modelValue"), a = J("underline"), o = J("tabs");
+		function s() {
+			if (window && o.value && a.value) {
+				let e = o.value.querySelector(".vui-tab.active")?.getBoundingClientRect(), t = o.value.getBoundingClientRect();
+				!e || !t ? a.value.style.width = "0px" : (a.value.style.width = `${e.width}px`, a.value.style.left = `${e.left - t.left}px`);
+			}
+		}
+		let c = On(t.default);
+		return L(() => {
+			pn(o, s), Y([
+				r,
+				() => e.expand,
+				() => c.value.map((e) => e.props?.value).join(",")
+			], () => {
+				s(), c.value.some((e) => e.props?.value === r.value) || (r.value = c.value[0]?.props?.value);
+			}, {
+				immediate: !0,
+				flush: "post"
+			});
+		}), An(c, "Tab"), (t, a) => (R(), d("div", {
+			ref: "tabs",
+			class: M(["vui-tabs", [{
+				expand: e.expand,
+				disabled: e.disabled
+			}, e.variant === "default" ? "" : `vui-tabs-variant-${e.variant}`]]),
+			role: "tablist"
+		}, [
+			H(t.$slots, "start"),
+			(R(!0), d(n, null, V(q(c), (e) => (R(), l(U(e), {
+				key: e.props.value,
+				class: M({ active: e.props.value === r.value }),
+				onClick: (t) => r.value = e.props.value
+			}, null, 8, ["class", "onClick"]))), 128)),
+			t.$slots.end ? (R(), d(n, { key: 0 }, [e.expand ? u("", !0) : (R(), d("div", mg)), H(t.$slots, "end")], 64)) : u("", !0),
+			g(i, {
+				name: e.transitionName === "none" ? void 0 : e.transitionName,
+				css: e.transitionName !== "none",
+				appear: ""
+			}, {
+				default: X(() => [r.value ? (R(), d("div", hg, null, 512)) : u("", !0)]),
+				_: 1
+			}, 8, ["name", "css"])
+		], 2));
+	}
+}), _g = { class: "view-wrap" }, vg = .33, yg = /* @__PURE__ */ v({
+	__name: "ViewPanel",
+	props: { panel: {} },
+	setup(e) {
+		let t = e, r = B(t.panel.tabs[0]?.path ?? ""), i = B(!1), a = B(t.panel.tabs.length);
+		function o(e) {
+			i.value = !0, e.target === e.currentTarget && (a.value = t.panel.tabs.length);
+		}
+		function s(e) {
+			e.currentTarget.contains(e.relatedTarget) || (i.value = !1, a.value = t.panel.tabs.length);
+		}
+		function p(e, t) {
+			let n = e.currentTarget.getBoundingClientRect();
+			a.value = e.clientX > n.left + n.width / 2 ? t + 1 : t;
+		}
+		let m = B(0), _ = c(() => m.value > 0), { elementX: v, elementY: y, elementWidth: b, elementHeight: x } = xn(J("contentRef"), { handleOutside: !1 }), S = c(() => {
+			if (!(!v.value || !y.value || !b.value || !x.value)) return v.value < b.value * vg ? "left" : v.value > b.value * (1 - vg) ? "right" : y.value < x.value * vg ? "top" : y.value > x.value * (1 - vg) ? "bottom" : "center";
+		}), { startDrag: C, handleDrag: w, handleSplit: E, peekDragTab: D, isDragFromPanel: O } = T("$vrp");
+		function k(e, n) {
+			C(t.panel, n);
+		}
+		function A() {
+			let e = a.value, n = D(), o = O(t.panel);
+			i.value = !1, a.value = t.panel.tabs.length, w(t.panel, e), n && !o && (r.value = n.path);
+		}
+		function j() {
+			m.value = 0;
+			let e = D(), n = S.value;
+			!n || n === "center" ? w(t.panel, t.panel.tabs.length) : E(t.panel, n), e && (r.value = e.path);
+		}
+		let N = c(() => t.panel.tabs.find((e) => e.path === r.value));
+		return (c, v) => (R(), d("div", _g, [g(jd, {
+			padding: !1,
+			"header-separator": ""
+		}, {
+			header: X(() => [g(gg, {
+				modelValue: r.value,
+				"onUpdate:modelValue": v[0] ||= (e) => r.value = e,
+				variant: "filled",
+				onDragenter: v[1] ||= (e) => o(e),
+				onDragleave: v[2] ||= (e) => s(e),
+				onDragover: v[3] ||= we(() => {}, ["prevent"]),
+				onDrop: v[4] ||= we((e) => A(), ["prevent"])
+			}, {
+				default: X(() => [(R(!0), d(n, null, V(e.panel.tabs, (t, n) => (R(), l(pg, {
+					key: t.path,
+					value: t.path,
+					draggable: !0,
+					class: M({
+						"drop-before": i.value && a.value === n,
+						"drop-after": i.value && a.value === e.panel.tabs.length && n === e.panel.tabs.length - 1
+					}),
+					onDragstart: (e) => k(e, n),
+					onDragenter: (e) => p(e, n)
+				}, {
+					default: X(() => [h(G(t.label ?? t.path), 1)]),
+					_: 2
+				}, 1032, [
+					"value",
+					"class",
+					"onDragstart",
+					"onDragenter"
+				]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			default: X(() => [f("div", {
+				ref: "contentRef",
+				class: "view-content",
+				onDragenter: v[5] ||= (e) => m.value++,
+				onDragleave: v[6] ||= (e) => m.value--,
+				onDragover: v[7] ||= we(() => {}, ["prevent"]),
+				onDrop: v[8] ||= we((e) => j(), ["prevent"])
+			}, [Se(f("div", { class: M(["view-drag-overlay", `drag-${S.value}`]) }, null, 2), [[ye, _.value]]), N.value ? H(c.$slots, "tab", {
+				key: 0,
+				tab: N.value,
+				panel: t.panel
+			}) : u("", !0)], 544)]),
+			_: 3
+		})]));
+	}
+}), bg = /* @__PURE__ */ v({
+	__name: "ResizableView",
+	props: {
+		modelValue: { default: [] },
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = me(), r = pe(e, "modelValue"), i = 0;
+		function a() {
+			return `${++i}`;
+		}
+		let o = /* @__PURE__ */ new WeakMap();
+		function s(e) {
+			return Array.isArray(e) ? (o.has(e) || o.set(e, `g${a()}`), o.get(e)) : e.id;
+		}
+		function c(e) {
+			o.has(e) || o.set(e, `g${a()}`);
+			for (let t of e) Array.isArray(t) ? c(t) : t.id ||= `p${a()}`;
+		}
+		Y(r, (e) => c(e), { immediate: !0 });
+		function u(e, t = r.value) {
+			for (let n = 0; n < t.length; n++) if (Array.isArray(t[n])) {
+				if (u(e, t[n])) return t[n].length === 0 && t.splice(n, 1), !0;
+			} else if (t[n] === e) return t.splice(n, 1), !0;
+			return !1;
+		}
+		function f(e = r.value) {
+			for (let t = 0; t < e.length; t++) Array.isArray(e[t]) && (f(e[t]), e[t].length === 1 && (e.splice(t, 1, e[t][0]), t--));
+		}
+		function p(e, t = r.value, n = 1) {
+			if (t === e) return n;
+			for (let r of t) if (Array.isArray(r)) {
+				let t = p(e, r, n + 1);
+				if (t !== -1) return t;
+			}
+			return -1;
+		}
+		let h = B(null);
+		function g(e, t) {
+			h.value = {
+				panel: e,
+				tabIndex: t
+			};
+		}
+		function _(e, t) {
+			if (!h.value) return;
+			let { panel: n, tabIndex: i } = h.value;
+			h.value = null;
+			let [a] = n.tabs.splice(i, 1);
+			a && (n === e && i < t && t--, e.tabs.splice(t, 0, a), n.tabs.length === 0 && u(n), f(), c(r.value));
+		}
+		function v(e, t) {
+			if (!h.value) return;
+			let { panel: n, tabIndex: i } = h.value;
+			h.value = null;
+			let [a] = n.tabs.splice(i, 1);
+			if (!a) return;
+			let o = { tabs: [a] };
+			function s(n) {
+				for (let r = 0; r < n.length; r++) if (Array.isArray(n[r])) {
+					if (s(n[r])) return !0;
+				} else if (n[r] === e) {
+					let i = t === "left" || t === "right", a = t === "left" || t === "top";
+					if (i === (p(n) % 2 == 1)) n.splice(a ? r : r + 1, 0, o);
+					else {
+						let t = a ? [o, e] : [e, o];
+						n.splice(r, 1, t);
+					}
+					return !0;
+				}
+				return !1;
+			}
+			s(r.value), n.tabs.length === 0 && u(n), f(), c(r.value);
+		}
+		function y() {
+			return h.value ? h.value.panel.tabs[h.value.tabIndex] ?? null : null;
+		}
+		function b(e) {
+			return h.value?.panel === e;
+		}
+		return re("$vrp", {
+			startDrag: g,
+			handleDrag: _,
+			handleSplit: v,
+			peekDragTab: y,
+			isDragFromPanel: b
+		}), (e, i) => (R(), l(dg, {
+			"hide-handles": "",
+			class: "vui-resizable-view"
+		}, {
+			default: X(() => [(R(!0), d(n, null, V(r.value, (r) => (R(), d(n, { key: s(r) }, [Array.isArray(r) ? (R(), l(dg, {
+				key: 0,
+				"hide-handles": "",
+				class: "nested-view",
+				vertical: ""
+			}, {
+				default: X(() => [(R(!0), d(n, null, V(r, (r) => (R(), d(n, { key: s(r) }, [Array.isArray(r) ? (R(), l(dg, {
+					key: 0,
+					"hide-handles": "",
+					class: "nested-view"
+				}, {
+					default: X(() => [(R(!0), d(n, null, V(r, (n) => (R(), l(yg, {
+						key: s(n),
+						panel: n
+					}, m({ _: 2 }, [t.tab ? {
+						name: "tab",
+						fn: X((t) => [H(e.$slots, "tab", A({ ref_for: !0 }, t))]),
+						key: "0"
+					} : void 0]), 1032, ["panel"]))), 128))]),
+					_: 2
+				}, 1024)) : (R(), l(yg, {
+					key: 1,
+					panel: r
+				}, m({ _: 2 }, [t.tab ? {
+					name: "tab",
+					fn: X((t) => [H(e.$slots, "tab", A({ ref_for: !0 }, t))]),
+					key: "0"
+				} : void 0]), 1032, ["panel"]))], 64))), 128))]),
+				_: 2
+			}, 1024)) : (R(), l(yg, {
+				key: 1,
+				panel: r
+			}, m({ _: 2 }, [t.tab ? {
+				name: "tab",
+				fn: X((t) => [H(e.$slots, "tab", A({ ref_for: !0 }, t))]),
+				key: "0"
+			} : void 0]), 1032, ["panel"]))], 64))), 128))]),
+			_: 3
+		}));
+	}
+}), xg = { class: "vui-input vui-select-trigger-content" }, Sg = ["for"], Cg = {
 	key: 1,
 	class: "vui-input-hint"
-}, hg = [
+}, wg = [
 	"id",
 	"disabled",
 	"onClick"
-], gg = {
+], Tg = {
 	key: 1,
 	class: "vue-select-no-results"
-}, _g = {
+}, Eg = {
 	key: 0,
 	class: "vui-input-limit"
-}, vg = {
+}, Dg = {
 	key: 1,
 	class: "vui-input-errors"
-}, yg = /* @__PURE__ */ v({
+}, Og = /* @__PURE__ */ v({
 	__name: "Select",
 	props: /* @__PURE__ */ k({
 		single: {
@@ -14928,12 +15223,12 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				"no-mobile-drawer": e.noMobileDrawer,
 				onClose: m[1] ||= (e) => i.value?.focus({ preventScroll: !0 })
 			}, {
-				trigger: X(({ toggle: t, isOpen: i }) => [f("div", fg, [
+				trigger: X(({ toggle: t, isOpen: i }) => [f("div", xg, [
 					e.label ? (R(), d("label", {
 						key: 0,
 						for: q(v)
-					}, G(e.label), 9, pg)) : u("", !0),
-					e.hint ? (R(), d("p", mg, G(e.hint), 1)) : u("", !0),
+					}, G(e.label), 9, Sg)) : u("", !0),
+					e.hint ? (R(), d("p", Cg, G(e.hint), 1)) : u("", !0),
 					f("button", {
 						id: q(v),
 						ref: "trigger",
@@ -14952,7 +15247,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 							_: 1
 						})], 64)) : u("", !0),
 						i ? (R(), l(q(He), { key: 1 })) : (R(), l(q(ze), { key: 2 }))
-					], 10, hg)
+					], 10, wg)
 				])]),
 				default: X(({ close: t, isOpen: i }) => [
 					e.search ? (R(), l(ah, {
@@ -14971,7 +15266,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 						}, 8, ["modelValue", "focus"])]),
 						_: 2
 					}, 1024)) : u("", !0),
-					s.value.length === 0 ? (R(), d("p", gg, " No results... ")) : u("", !0),
+					s.value.length === 0 ? (R(), d("p", Tg, " No results... ")) : u("", !0),
 					(R(!0), d(n, null, V(s.value, (n) => (R(), l(rh, {
 						key: n.value,
 						class: M({ selected: r.value?.find((e) => e.value === n.value) }),
@@ -14989,14 +15284,14 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				"transition-name",
 				"no-mobile-drawer"
 			]),
-			e.maxActiveOptions && !e.single ? (R(), d("p", _g, G(`${r.value ? r.value.length : 0}/${e.maxActiveOptions}`), 1)) : u("", !0),
-			e.errors.length > 0 ? (R(), d("ul", vg, [(R(!0), d(n, null, V(e.errors, (e) => (R(), d("li", { key: e }, G(e), 1))), 128))])) : u("", !0)
+			e.maxActiveOptions && !e.single ? (R(), d("p", Eg, G(`${r.value ? r.value.length : 0}/${e.maxActiveOptions}`), 1)) : u("", !0),
+			e.errors.length > 0 ? (R(), d("ul", Dg, [(R(!0), d(n, null, V(e.errors, (e) => (R(), d("li", { key: e }, G(e), 1))), 128))])) : u("", !0)
 		], 6));
 	}
-}), bg = {
+}), kg = {
 	key: 0,
 	class: "vui-sheet-shell"
-}, xg = 16, Sg = /* @__PURE__ */ tf(/* @__PURE__ */ v({
+}, Ag = 16, jg = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "Sheet",
 	props: {
@@ -15034,10 +15329,10 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			if (e.position === "left" || e.position === "right") return { maxWidth: Xn(e.size) };
 		}), h = c(() => {
 			switch (e.position) {
-				case "left": return `translate(-${xg}px, 0)`;
-				case "top": return `translate(0, -${xg}px)`;
-				case "bottom": return `translate(0, ${xg}px)`;
-				default: return `translate(${xg}px, 0)`;
+				case "left": return `translate(-${Ag}px, 0)`;
+				case "top": return `translate(0, -${Ag}px)`;
+				case "bottom": return `translate(0, ${Ag}px)`;
+				default: return `translate(${Ag}px, 0)`;
 			}
 		});
 		return (t, c) => (R(), l(r, { to: "body" }, [o.value ? (R(), l($d, {
@@ -15050,7 +15345,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				css: e.transitionName !== "none",
 				onAfterLeave: f
 			}, {
-				default: X(() => [e.open ? (R(), d("div", bg, [g(jd, A({
+				default: X(() => [e.open ? (R(), d("div", kg, [g(jd, A({
 					class: ["vui-sheet", [`vui-sheet-position-${e.position}`]],
 					style: p.value
 				}, {
@@ -15089,13 +15384,13 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			_: 3
 		})) : u("", !0)]));
 	}
-}), [["__scopeId", "data-v-d0fc93ff"]]), Cg = {
+}), [["__scopeId", "data-v-d0fc93ff"]]), Mg = {
 	key: 0,
 	class: "vui-sidebar-header"
-}, wg = { class: "vui-sidebar-content" }, Tg = { class: "vui-sidebar-content-wrap" }, Eg = {
+}, Ng = { class: "vui-sidebar-content" }, Pg = { class: "vui-sidebar-content-wrap" }, Fg = {
 	key: 1,
 	class: "vui-sidebar-footer"
-}, Dg = 32, Og = /* @__PURE__ */ v({
+}, Ig = 32, Lg = /* @__PURE__ */ v({
 	__name: "Sidebar",
 	props: /* @__PURE__ */ k({
 		width: { default: 224 },
@@ -15127,7 +15422,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 		return F(() => {
 			t.appear && r.value && (r.value = !1);
 		}), Rt(h, (e) => {
-			!t.appear || e <= Dg && e >= 0 && m.value || (e <= Dg && e >= 0 && !r.value && !m.value ? l() : m.value && p(), (e > Dg + (t.mini ? 65 : t.floaty ? t.width : t.width - (Un(a.value) ? 0 : Number(a.value?.replace("px", "")))) || e < 0) && r.value && (r.value = !1));
+			!t.appear || e <= Ig && e >= 0 && m.value || (e <= Ig && e >= 0 && !r.value && !m.value ? l() : m.value && p(), (e > Ig + (t.mini ? 65 : t.floaty ? t.width : t.width - (Un(a.value) ? 0 : Number(a.value?.replace("px", "")))) || e < 0) && r.value && (r.value = !1));
 		}, {
 			throttle: 100,
 			immediate: !0
@@ -15144,21 +15439,21 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			}]),
 			style: P({ width: `${t.mini ? 65 : t.width}px` })
 		}, [
-			q(i).header ? (R(), d("div", Cg, [H(e.$slots, "header", N(S(s.value)))])) : u("", !0),
-			f("div", wg, [f("div", Tg, [H(e.$slots, "default", N(S(s.value)))])]),
-			q(i).footer ? (R(), d("div", Eg, [H(e.$slots, "footer", N(S(s.value)))])) : u("", !0)
+			q(i).header ? (R(), d("div", Mg, [H(e.$slots, "header", N(S(s.value)))])) : u("", !0),
+			f("div", Ng, [f("div", Pg, [H(e.$slots, "default", N(S(s.value)))])]),
+			q(i).footer ? (R(), d("div", Fg, [H(e.$slots, "footer", N(S(s.value)))])) : u("", !0)
 		], 6)], 6));
 	}
-}), kg = "var(--border-radius-s)", Ag = /* @__PURE__ */ v({
+}), Rg = "var(--border-radius-s)", zg = /* @__PURE__ */ v({
 	__name: "Skeleton",
 	props: {
-		radius: { default: () => kg },
+		radius: { default: () => Rg },
 		width: { default: "100%" },
 		height: { default: "32px" },
 		circle: { type: Boolean }
 	},
 	setup(e) {
-		let t = c(() => Xn(e.circle && e.radius === kg ? 9999 : e.radius)), n = c(() => Xn(e.circle ? e.width || e.height : e.width)), r = c(() => Xn(e.circle && e.width || e.height));
+		let t = c(() => Xn(e.circle && e.radius === Rg ? 9999 : e.radius)), n = c(() => Xn(e.circle ? e.width || e.height : e.width)), r = c(() => Xn(e.circle && e.width || e.height));
 		return (e, i) => (R(), d("div", {
 			class: "vui-skeleton",
 			style: P({
@@ -15168,25 +15463,25 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			})
 		}, null, 4));
 	}
-}), jg = ["inert"], Mg = [
+}), Bg = ["inert"], Vg = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Ng = [
+], Hg = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Pg = [
+], Ug = [
 	"aria-label",
 	"aria-disabled",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Fg = /* @__PURE__ */ v({
+], Wg = /* @__PURE__ */ v({
 	__name: "Slider",
 	props: /* @__PURE__ */ k({
 		min: { default: 0 },
@@ -15325,7 +15620,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				onMousedown: s[0] ||= (e) => y(e, 0),
 				onTouchstart: s[1] ||= (e) => b(e, 0),
 				onKeydown: s[2] ||= (e) => C(e, 0)
-			}, null, 44, Mg), f("span", {
+			}, null, 44, Vg), f("span", {
 				class: "vui-slider-handle",
 				tabindex: "0",
 				role: "slider",
@@ -15339,7 +15634,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				onMousedown: s[3] ||= (e) => y(e, 1),
 				onTouchstart: s[4] ||= (e) => b(e, 1),
 				onKeydown: s[5] ||= (e) => C(e, 1)
-			}, null, 44, Ng)], 64)) : (R(), d("span", {
+			}, null, 44, Hg)], 64)) : (R(), d("span", {
 				key: 1,
 				class: "vui-slider-handle",
 				tabindex: "0",
@@ -15354,24 +15649,24 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				onMousedown: s[6] ||= (e) => y(e, 0),
 				onTouchstart: s[7] ||= (e) => b(e, 0),
 				onKeydown: s[8] ||= (e) => C(e)
-			}, null, 44, Pg)),
+			}, null, 44, Ug)),
 			e.steps ? (R(!0), d(n, { key: 2 }, V(e.steps + 1, (t) => (R(), d("div", {
 				key: t,
 				class: "vui-slider-step-indicator",
 				style: P({ left: `${(t - 1) / e.steps * 100}%` })
 			}, null, 4))), 128)) : u("", !0)
-		], 10, jg));
+		], 10, Bg));
 	}
-}), Ig = ["id", "disabled"], Lg = ["for"], Rg = { class: "w-100" }, zg = {
+}), Gg = ["id", "disabled"], Kg = ["for"], qg = { class: "w-100" }, Jg = {
 	key: 0,
 	class: "vui-switch-content"
-}, Bg = {
+}, Yg = {
 	key: 1,
 	class: "vui-switch-content"
-}, Vg = {
+}, Xg = {
 	key: 2,
 	class: "vui-hint mt-xxs block"
-}, Hg = /* @__PURE__ */ v({
+}, Zg = /* @__PURE__ */ v({
 	__name: "Switch",
 	props: /* @__PURE__ */ k({
 		label: {},
@@ -15396,22 +15691,22 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			"onUpdate:modelValue": a[0] ||= (e) => n.value = e,
 			type: "checkbox",
 			disabled: e.disabled
-		}, null, 8, Ig), [[he, n.value]]), f("label", { for: q(r) }, [a[1] ||= f("div", { class: "vui-switch-icon" }, [f("span", { class: "vui-switch-indicator" })], -1), f("div", Rg, [!t.default && e.label ? (R(), d("p", zg, G(e.label), 1)) : (R(), d("div", Bg, [H(i.$slots, "default")])), e.hint ? (R(), d("p", Vg, G(e.hint), 1)) : u("", !0)])], 8, Lg)], 2));
+		}, null, 8, Gg), [[he, n.value]]), f("label", { for: q(r) }, [a[1] ||= f("div", { class: "vui-switch-icon" }, [f("span", { class: "vui-switch-indicator" })], -1), f("div", qg, [!t.default && e.label ? (R(), d("p", Jg, G(e.label), 1)) : (R(), d("div", Yg, [H(i.$slots, "default")])), e.hint ? (R(), d("p", Xg, G(e.hint), 1)) : u("", !0)])], 8, Kg)], 2));
 	}
-}), Ug = {
+}), Qg = {
 	key: 0,
 	ref: "context",
 	class: "vui-cell-context"
-}, Wg = /* @__PURE__ */ v({
+}, $g = /* @__PURE__ */ v({
 	__name: "Cell",
 	setup(e) {
 		let t = me(), n = J("context"), r = c(() => !t.context || !window ? {} : { paddingRight: `${n.value?.getBoundingClientRect().width ?? 0}px` });
-		return (e, t) => (R(), d("td", { style: P(r.value) }, [H(e.$slots, "default"), e.$slots.context ? (R(), d("div", Ug, [H(e.$slots, "context")], 512)) : u("", !0)], 4));
+		return (e, t) => (R(), d("td", { style: P(r.value) }, [H(e.$slots, "default"), e.$slots.context ? (R(), d("div", Qg, [H(e.$slots, "context")], 512)) : u("", !0)], 4));
 	}
-}), Gg = {
+}), e_ = {
 	key: 0,
 	class: "vui-table-th-content"
-}, Kg = /* @__PURE__ */ v({
+}, t_ = /* @__PURE__ */ v({
 	__name: "Head",
 	props: {
 		header: {},
@@ -15434,7 +15729,7 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 				};
 			}
 		});
-		return (e, r) => (R(), d("th", null, [t.header || e.$slots.default ? (R(), d("div", Gg, [H(e.$slots, "default", {}, () => [h(G(t.header?.label), 1)]), t.sort && t.header ? (R(), l(Qh, {
+		return (e, r) => (R(), d("th", null, [t.header || e.$slots.default ? (R(), d("div", e_, [H(e.$slots, "default", {}, () => [h(G(t.header?.label), 1)]), t.sort && t.header ? (R(), l(Qh, {
 			key: 0,
 			placement: "top"
 		}, {
@@ -15453,8 +15748,8 @@ var Zh = ["aria-describedby"], Qh = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 			_: 1
 		})) : u("", !0)])) : u("", !0)]));
 	}
-}), qg = Symbol("select-row-provide");
-function Jg(e, t) {
+}), n_ = Symbol("select-row-provide");
+function r_(e, t) {
 	let n = c(() => K(e)), r = B({
 		pagination: {
 			enabled: !1,
@@ -15508,7 +15803,7 @@ function Jg(e, t) {
 	function S() {
 		_.value = /* @__PURE__ */ new Set();
 	}
-	return re(qg, {
+	return re(n_, {
 		selectedRows: _,
 		selectRow: y,
 		selectAllRows: x,
@@ -15535,10 +15830,10 @@ function Jg(e, t) {
 }
 //#endregion
 //#region src/components/Table/Root.vue?vue&type=script&setup=true&lang.ts
-var Yg = { key: 0 }, Xg = {
+var i_ = { key: 0 }, a_ = {
 	key: 0,
 	class: "vui-table-pagination-wrap"
-}, Zg = /* @__PURE__ */ v({
+}, o_ = /* @__PURE__ */ v({
 	__name: "Root",
 	props: {
 		fixed: { type: Boolean },
@@ -15557,7 +15852,7 @@ var Yg = { key: 0 }, Xg = {
 		}
 	},
 	setup(e) {
-		let t = T(qg);
+		let t = T(n_);
 		return (n, r) => (R(), d("div", { class: M(["vui-table-container", {
 			fixed: e.fixed,
 			nowrap: e.nowrap,
@@ -15565,12 +15860,12 @@ var Yg = { key: 0 }, Xg = {
 			"separated-rows": e.separateRows,
 			"separated-cells": e.separateCells,
 			"outer-border": e.outerBorder
-		}]) }, [f("table", null, [n.$slots.header ? (R(), d("thead", Yg, [f("tr", null, [H(n.$slots, "header")])])) : u("", !0), f("tbody", null, [H(n.$slots, "body")])]), n.$slots.pagination ? (R(), d("div", Xg, [H(n.$slots, "pagination")])) : u("", !0)], 2));
+		}]) }, [f("table", null, [n.$slots.header ? (R(), d("thead", i_, [f("tr", null, [H(n.$slots, "header")])])) : u("", !0), f("tbody", null, [H(n.$slots, "body")])]), n.$slots.pagination ? (R(), d("div", a_, [H(n.$slots, "pagination")])) : u("", !0)], 2));
 	}
-}), Qg = /* @__PURE__ */ v({
+}), s_ = /* @__PURE__ */ v({
 	__name: "SelectAll",
 	setup(e) {
-		let { isSelectedAll: t, enabled: n, selectAllRows: r } = T(qg);
+		let { isSelectedAll: t, enabled: n, selectAllRows: r } = T(n_);
 		return (e, i) => q(n) ? (R(), d("th", {
 			key: 0,
 			class: M(["vui-table-interactive-cell", { selected: q(t) }])
@@ -15583,11 +15878,11 @@ var Yg = { key: 0 }, Xg = {
 			_: 1
 		})], 2)) : u("", !0);
 	}
-}), $g = /* @__PURE__ */ v({
+}), c_ = /* @__PURE__ */ v({
 	__name: "SelectRow",
 	props: { row: {} },
 	setup(e) {
-		let t = e, { enabled: n, selectRow: r, selectedRows: i } = T(qg), a = c(() => Qn(i.value, t.row));
+		let t = e, { enabled: n, selectRow: r, selectedRows: i } = T(n_), a = c(() => Qn(i.value, t.row));
 		return (e, i) => q(n) ? (R(), d("td", {
 			key: 0,
 			class: M(["vui-table-interactive-cell", { selected: a.value }])
@@ -15600,96 +15895,20 @@ var Yg = { key: 0 }, Xg = {
 			_: 1
 		})], 2)) : u("", !0);
 	}
-}), e_ = /* @__PURE__ */ ke({
-	Cell: () => Wg,
-	Head: () => Kg,
-	Root: () => Zg,
-	SelectAll: () => Qg,
-	SelectRow: () => $g
-}), t_ = ["name"], n_ = /* @__PURE__ */ v({
-	__name: "Tab",
-	props: {
-		disabled: { type: Boolean },
-		value: {}
-	},
-	setup(e) {
-		let t = e;
-		return (n, r) => (R(), d("button", {
-			class: M(["vui-tab", { disabled: t.disabled }]),
-			role: "tab",
-			name: e.value
-		}, [H(n.$slots, "default", {}, () => [h(G(t.value), 1)])], 10, t_));
-	}
-}), r_ = {
-	key: 0,
-	class: "flex-1"
-}, i_ = {
-	key: 0,
-	ref: "underline",
-	class: "vui-tab-underline"
-}, a_ = /* @__PURE__ */ v({
-	__name: "Tabs",
-	props: /* @__PURE__ */ k({
-		variant: { default: "default" },
-		expand: { type: Boolean },
-		disabled: { type: Boolean },
-		transitionName: { default: "fade" }
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e) {
-		let t = me(), r = pe(e, "modelValue"), a = J("underline"), o = J("tabs");
-		function s() {
-			if (window && o.value && a.value) {
-				let e = o.value.querySelector(".vui-tab.active")?.getBoundingClientRect(), t = o.value.getBoundingClientRect();
-				!e || !t ? a.value.style.width = "0px" : (a.value.style.width = `${e.width}px`, a.value.style.left = `${e.left - t.left}px`);
-			}
-		}
-		let c = On(t.default);
-		return L(() => {
-			pn(o, s), Y([
-				r,
-				() => e.expand,
-				() => c.value.length
-			], s, {
-				immediate: !0,
-				flush: "post"
-			});
-		}), An(c, "Tab"), (t, a) => (R(), d("div", {
-			ref: "tabs",
-			class: M(["vui-tabs", [{
-				expand: e.expand,
-				disabled: e.disabled
-			}, e.variant === "default" ? "" : `vui-tabs-variant-${e.variant}`]]),
-			role: "tablist"
-		}, [
-			H(t.$slots, "start"),
-			(R(!0), d(n, null, V(q(c), (e) => (R(), l(U(e), {
-				key: e.props.value,
-				class: M({ active: e.props.value === r.value }),
-				onClick: (t) => r.value = e.props.value
-			}, null, 8, ["class", "onClick"]))), 128)),
-			t.$slots.end ? (R(), d(n, { key: 0 }, [e.expand ? u("", !0) : (R(), d("div", r_)), H(t.$slots, "end")], 64)) : u("", !0),
-			g(i, {
-				name: e.transitionName === "none" ? void 0 : e.transitionName,
-				css: e.transitionName !== "none",
-				appear: ""
-			}, {
-				default: X(() => [r.value ? (R(), d("div", i_, null, 512)) : u("", !0)]),
-				_: 1
-			}, 8, ["name", "css"])
-		], 2));
-	}
-}), o_ = B(/* @__PURE__ */ new Map()), s_ = 0;
-function c_(e, t) {
+}), l_ = /* @__PURE__ */ ke({
+	Cell: () => $g,
+	Head: () => t_,
+	Root: () => o_,
+	SelectAll: () => s_,
+	SelectRow: () => c_
+}), u_ = B(/* @__PURE__ */ new Map()), d_ = 0;
+function f_(e, t) {
 	let n = {
 		persist: !1,
 		timeout: 7e3,
 		...t
 	}, r = {
-		id: s_,
+		id: d_,
 		title: e,
 		persist: n.persist,
 		description: n.description,
@@ -15699,19 +15918,19 @@ function c_(e, t) {
 		body: n.body,
 		bodyProps: n.bodyProps ?? {}
 	};
-	return o_.value.set(s_, r), n.persist || setTimeout((e) => {
-		o_.value.delete(e);
-	}, n.timeout, s_), s_++, r;
+	return u_.value.set(d_, r), n.persist || setTimeout((e) => {
+		u_.value.delete(e);
+	}, n.timeout, d_), d_++, r;
 }
-function l_(e) {
-	o_.value.delete(e);
+function p_(e) {
+	u_.value.delete(e);
 }
 //#endregion
 //#region src/components/Toast/Toasts.vue?vue&type=script&setup=true&lang.ts
-var u_ = {
+var m_ = {
 	key: 1,
 	class: "vui-toast-item"
-}, d_ = { class: "vui-toast-item-content" }, f_ = { key: 0 }, p_ = /* @__PURE__ */ tf(/* @__PURE__ */ v({
+}, h_ = { class: "vui-toast-item-content" }, g_ = { key: 0 }, __ = /* @__PURE__ */ tf(/* @__PURE__ */ v({
 	__name: "Toasts",
 	props: { placement: { default: "bottom-end" } },
 	setup(e) {
@@ -15720,13 +15939,13 @@ var u_ = {
 			tag: "ul",
 			class: "vui-toast-list"
 		}, {
-			default: X(() => [(R(!0), d(n, null, V(q(o_), ([e, t]) => (R(), d(n, { key: e }, [t.body ? (R(), l(U(t.body), A({
+			default: X(() => [(R(!0), d(n, null, V(q(u_), ([e, t]) => (R(), d(n, { key: e }, [t.body ? (R(), l(U(t.body), A({
 				key: 0,
 				ref_for: !0
 			}, {
 				data: t.bodyProps,
 				toastId: e
-			}), null, 16)) : (R(), d("li", u_, [f("div", d_, [f("strong", null, G(t.title), 1), t.description ? (R(), d("p", f_, G(t.description), 1)) : u("", !0)]), t.action ? (R(), l(gr, {
+			}), null, 16)) : (R(), d("li", m_, [f("div", h_, [f("strong", null, G(t.title), 1), t.description ? (R(), d("p", g_, G(t.description), 1)) : u("", !0)]), t.action ? (R(), l(gr, {
 				key: 0,
 				size: "s",
 				onClick: (e) => t.action.handler(t.id)
@@ -15740,7 +15959,7 @@ var u_ = {
 }), [["__scopeId", "data-v-a0ee459a"]]);
 //#endregion
 //#region src/shared/viewTransition.ts
-function m_() {
+function v_() {
 	let e = B(!1);
 	async function t(t) {
 		if (!document.startViewTransition) {
@@ -15763,4 +15982,4 @@ function m_() {
 	};
 }
 //#endregion
-export { En as Accordion, jn as AccordionGroup, In as Alert, Rn as AspectRatio, ar as Avatar, sr as AvatarGroup, $d as Backdrop, lr as Badge, ur as BadgeGroup, dr as BreadcrumbItem, mr as Breadcrumbs, gr as Button, _r as ButtonGroup, wd as Calendar, jd as Card, Pd as Carousel, zd as Checkbox, vh as Color, vf as Commands, Vh as Confirm, xf as ContextMenu, Cf as CopyClipboard, yh as Counter, Ed as Divider, Ym as Drawer, Zm as Dropdown, rh as DropdownItem, ah as DropdownTitle, Sh as Dropzone, Ch as File, or as Flex, oh as Grid, sh as Indicator, mh as Input, Wd as Kbd, Mh as KbdGroup, Ih as Marquee, zh as MenuItem, Rh as Menubar, nf as Modal, Gh as OTP, Kh as OTPItem, Yh as Overflow, $h as Pagination, wh as Password, yf as Popout, tg as PopoutHover, ng as Progress, cg as Radio, lg as RadioGroup, dg as Resizable, yg as Select, Sg as Sheet, Og as Sidebar, Ag as Skeleton, Fg as Slider, hr as Spinner, Hg as Switch, n_ as Tab, e_ as Table, a_ as Tabs, jh as Textarea, p_ as Toasts, Qh as Tooltip, Jg as defineTable, Xh as paginate, c_ as pushToast, l_ as removeToast, Vn as searchString, Cd as setColorTheme, Sd as theme, Ud as useBreakpoint, m_ as useViewTransition, Vd as vuiBreakpoints };
+export { En as Accordion, jn as AccordionGroup, In as Alert, Rn as AspectRatio, ar as Avatar, sr as AvatarGroup, $d as Backdrop, lr as Badge, ur as BadgeGroup, dr as BreadcrumbItem, mr as Breadcrumbs, gr as Button, _r as ButtonGroup, wd as Calendar, jd as Card, Pd as Carousel, zd as Checkbox, vh as Color, vf as Commands, Vh as Confirm, xf as ContextMenu, Cf as CopyClipboard, yh as Counter, Ed as Divider, Ym as Drawer, Zm as Dropdown, rh as DropdownItem, ah as DropdownTitle, Sh as Dropzone, Ch as File, or as Flex, oh as Grid, sh as Indicator, mh as Input, Wd as Kbd, Mh as KbdGroup, Ih as Marquee, zh as MenuItem, Rh as Menubar, nf as Modal, Gh as OTP, Kh as OTPItem, Yh as Overflow, $h as Pagination, wh as Password, yf as Popout, tg as PopoutHover, ng as Progress, cg as Radio, lg as RadioGroup, dg as Resizable, bg as ResizableView, Og as Select, jg as Sheet, Lg as Sidebar, zg as Skeleton, Wg as Slider, hr as Spinner, Zg as Switch, pg as Tab, l_ as Table, gg as Tabs, jh as Textarea, __ as Toasts, Qh as Tooltip, r_ as defineTable, Xh as paginate, f_ as pushToast, p_ as removeToast, Vn as searchString, Cd as setColorTheme, Sd as theme, Ud as useBreakpoint, v_ as useViewTransition, Vd as vuiBreakpoints };