@phtngyn/cms 0.2.0-beta.7 → 0.3.0

package/studio/chunks/studioSearch-ByaL-QpM.js

@@ -0,0 +1,1095 @@
+import { $ as e, A as t, B as n, Dt as r, E as i, F as a, H as o, Lt as s, O as c, Tt as l, b as u, h as d, m as f, nn as p, s as m, tn as h, vt as g, wt as _, y as v } from "./Button-BT3ztSPx.js";
+import { $t as y, A as b, B as x, Ci as S, Cr as C, E as w, K as T, M as E, N as D, Nn as O, Or as k, Pn as A, Tr as ee, V as j, Yr as M, _i as N, aa as te, fa as P, gi as ne, gn as F, ii as I, k as L, mr as re, o as R, oa as ie, on as ae, pt as oe, ra as z, ui as se, un as ce, ur as le } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { i as ue, r as B } from "./base-DkTekJe8.js";
+import { N as V, k as H } from "./overlay-DnqFLZTc.js";
+import { i as de } from "./DropdownMenu-CA9fB0uZ.js";
+import { t as fe } from "./RovingFocusItem-QZNg-wWF.js";
+import { t as pe } from "./Badge-BBFs88TI.js";
+import { a as me, o as he } from "./icons-D2MsAaXq.js";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/reka-ui/dist/component/BaseSeparator.js
+var ge = /* @__PURE__ */ T({
+	__name: "BaseSeparator",
+	props: {
+		orientation: {
+			type: String,
+			required: !1,
+			default: "horizontal"
+		},
+		decorative: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = ["horizontal", "vertical"];
+		function r(e) {
+			return n.includes(e);
+		}
+		let a = w(() => r(t.orientation) ? t.orientation : "horizontal"), o = w(() => a.value === "vertical" ? t.orientation : void 0), s = w(() => t.decorative ? { role: "none" } : {
+			"aria-orientation": o.value,
+			role: "separator"
+		});
+		return (e, t) => (F(), b(S(i), y({
+			as: e.as,
+			"as-child": e.asChild,
+			"data-orientation": a.value
+		}, s.value), {
+			default: k(() => [A(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as",
+			"as-child",
+			"data-orientation"
+		]));
+	}
+}), _e = /* @__PURE__ */ T({
+	__name: "Separator",
+	props: {
+		orientation: {
+			type: String,
+			required: !1,
+			default: "horizontal"
+		},
+		decorative: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (F(), b(ge, te(oe(t)), {
+			default: k(() => [A(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), [U, ve] = /*#__PURE__*/ a("TabsRoot"), W = /* @__PURE__ */ T({
+	__name: "TabsRoot",
+	props: {
+		defaultValue: {
+			type: null,
+			required: !1
+		},
+		orientation: {
+			type: String,
+			required: !1,
+			default: "horizontal"
+		},
+		dir: {
+			type: String,
+			required: !1
+		},
+		activationMode: {
+			type: String,
+			required: !1,
+			default: "automatic"
+		},
+		modelValue: {
+			type: null,
+			required: !1
+		},
+		unmountOnHide: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let a = e, o = n, { orientation: s, unmountOnHide: l, dir: u } = N(a), d = V(u);
+		t();
+		let f = r(a, "modelValue", o, {
+			defaultValue: a.defaultValue,
+			passive: a.modelValue === void 0
+		}), p = I(), m = se(/* @__PURE__ */ new Set());
+		return ve({
+			modelValue: f,
+			changeModelValue: (e) => {
+				f.value = e;
+			},
+			orientation: s,
+			dir: d,
+			unmountOnHide: l,
+			activationMode: a.activationMode,
+			baseId: c(void 0, "reka-tabs"),
+			tabsList: p,
+			contentIds: m,
+			registerContent: (e) => {
+				m.value = /* @__PURE__ */ new Set([...m.value, e]);
+			},
+			unregisterContent: (e) => {
+				let t = new Set(m.value);
+				t.delete(e), m.value = t;
+			}
+		}), (e, t) => (F(), b(S(i), {
+			dir: S(d),
+			"data-orientation": S(s),
+			"as-child": e.asChild,
+			as: e.as
+		}, {
+			default: k(() => [A(e.$slots, "default", { modelValue: S(f) })]),
+			_: 3
+		}, 8, [
+			"dir",
+			"data-orientation",
+			"as-child",
+			"as"
+		]));
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/reka-ui/dist/Tabs/utils.js
+function G(e, t) {
+	return `${e}-trigger-${t}`;
+}
+function K(e, t) {
+	return `${e}-content-${t}`;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/reka-ui/dist/Tabs/TabsContent.js
+var q = /* @__PURE__ */ T({
+	__name: "TabsContent",
+	props: {
+		value: {
+			type: [String, Number],
+			required: !0
+		},
+		forceMount: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let n = e, { forwardRef: r } = t(), a = U(), o = w(() => G(a.baseId, n.value)), s = w(() => K(a.baseId, n.value)), c = w(() => n.value === a.modelValue.value), l = I(c.value);
+		return ce(() => {
+			a.registerContent(n.value), requestAnimationFrame(() => {
+				l.value = !1;
+			});
+		}), ae(() => {
+			a.unregisterContent(n.value);
+		}), (e, t) => (F(), b(S(H), {
+			present: e.forceMount || c.value,
+			"force-mount": ""
+		}, {
+			default: k(({ present: t }) => [j(S(i), {
+				id: s.value,
+				ref: S(r),
+				"as-child": e.asChild,
+				as: e.as,
+				role: "tabpanel",
+				"data-state": c.value ? "active" : "inactive",
+				"data-orientation": S(a).orientation.value,
+				"aria-labelledby": o.value,
+				hidden: !t,
+				tabindex: "0",
+				style: ie({ animationDuration: l.value ? "0s" : void 0 })
+			}, {
+				default: k(() => [!S(a).unmountOnHide.value || t ? A(e.$slots, "default", { key: 0 }) : E("v-if", !0)]),
+				_: 2
+			}, 1032, [
+				"id",
+				"as-child",
+				"as",
+				"data-state",
+				"data-orientation",
+				"aria-labelledby",
+				"hidden",
+				"style"
+			])]),
+			_: 3
+		}, 8, ["present"]));
+	}
+}), J = /* @__PURE__ */ T({
+	__name: "TabsIndicator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e, { expose: n }) {
+		let r = e, a = U();
+		n({ updateIndicatorStyle: l }), t();
+		let o = g(), s = I({
+			size: null,
+			thickness: null,
+			position: null
+		}), c = I([]);
+		C(() => [a.modelValue.value, a?.dir.value], () => {
+			l();
+		}, {
+			immediate: !0,
+			flush: "post"
+		}), ee(() => {
+			c.value = Array.from(a.tabsList.value?.querySelectorAll("[role=\"tab\"]") || []);
+		}), _(w(() => [a.tabsList.value, ...c.value]), l);
+		function l() {
+			let e = a.tabsList.value?.querySelector("[role=\"tab\"][data-state=\"active\"]");
+			e && (a.orientation.value === "horizontal" ? s.value = {
+				size: e.offsetWidth,
+				thickness: e.offsetHeight,
+				position: e.offsetLeft
+			} : s.value = {
+				size: e.offsetHeight,
+				thickness: e.offsetWidth,
+				position: e.offsetTop
+			});
+		}
+		return (e, t) => S(o) && typeof s.value.size == "number" ? (F(), b(S(i), y({ key: 0 }, r, { style: {
+			"--reka-tabs-indicator-size": `${s.value.size}px`,
+			"--reka-tabs-indicator-thickness": `${s.value.thickness}px`,
+			"--reka-tabs-indicator-position": `${s.value.position}px`
+		} }), {
+			default: k(() => [A(e.$slots, "default")]),
+			_: 3
+		}, 16, ["style"])) : E("v-if", !0);
+	}
+}), Y = /* @__PURE__ */ T({
+	__name: "TabsList",
+	props: {
+		loop: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let { loop: n } = N(e), { forwardRef: r, currentElement: a } = t(), o = U();
+		return o.tabsList = a, (e, t) => (F(), b(S(de), {
+			"as-child": "",
+			orientation: S(o).orientation.value,
+			dir: S(o).dir.value,
+			loop: S(n)
+		}, {
+			default: k(() => [j(S(i), {
+				ref: S(r),
+				role: "tablist",
+				"as-child": e.asChild,
+				as: e.as,
+				"aria-orientation": S(o).orientation.value
+			}, {
+				default: k(() => [A(e.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as-child",
+				"as",
+				"aria-orientation"
+			])]),
+			_: 3
+		}, 8, [
+			"orientation",
+			"dir",
+			"loop"
+		]));
+	}
+}), X = /* @__PURE__ */ T({
+	__name: "TabsTrigger",
+	props: {
+		value: {
+			type: [String, Number],
+			required: !0
+		},
+		disabled: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e, { forwardRef: r } = t(), a = U(), o = w(() => G(a.baseId, n.value)), s = w(() => a.contentIds.value.has(n.value) ? K(a.baseId, n.value) : void 0), c = w(() => n.value === a.modelValue.value);
+		return (e, t) => (F(), b(S(fe), {
+			"as-child": "",
+			focusable: !e.disabled,
+			active: c.value
+		}, {
+			default: k(() => [j(S(i), {
+				id: o.value,
+				ref: S(r),
+				role: "tab",
+				type: e.as === "button" ? "button" : void 0,
+				as: e.as,
+				"as-child": e.asChild,
+				"aria-selected": c.value ? "true" : "false",
+				"aria-controls": s.value,
+				"data-state": c.value ? "active" : "inactive",
+				disabled: e.disabled,
+				"data-disabled": e.disabled ? "" : void 0,
+				"data-orientation": S(a).orientation.value,
+				onMousedown: t[0] ||= p((t) => {
+					!e.disabled && t.ctrlKey === !1 ? S(a).changeModelValue(e.value) : t.preventDefault();
+				}, ["left"]),
+				onKeydown: t[1] ||= h((t) => S(a).changeModelValue(e.value), ["enter", "space"]),
+				onFocus: t[2] ||= () => {
+					let t = S(a).activationMode !== "manual";
+					!c.value && !e.disabled && t && S(a).changeModelValue(e.value);
+				}
+			}, {
+				default: k(() => [A(e.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"id",
+				"type",
+				"as",
+				"as-child",
+				"aria-selected",
+				"aria-controls",
+				"data-state",
+				"disabled",
+				"data-disabled",
+				"data-orientation"
+			])]),
+			_: 3
+		}, 8, ["focusable", "active"]));
+	}
+}), ye = {
+	slots: {
+		root: "flex items-center gap-2",
+		list: "relative flex p-1 group",
+		indicator: "absolute transition-[translate,width] duration-200 ease-out motion-reduce:transition-none",
+		trigger: ["group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75", "transition-colors"],
+		leadingIcon: "shrink-0",
+		leadingAvatar: "shrink-0",
+		leadingAvatarSize: "",
+		label: "truncate",
+		trailingBadge: "shrink-0",
+		trailingBadgeSize: "sm",
+		content: "w-full rounded-md focus-visible:outline-3"
+	},
+	variants: {
+		color: {
+			primary: { content: "outline-primary/25" },
+			secondary: { content: "outline-secondary/25" },
+			success: { content: "outline-success/25" },
+			info: { content: "outline-info/25" },
+			warning: { content: "outline-warning/25" },
+			error: { content: "outline-error/25" },
+			neutral: { content: "outline-inverted/25" }
+		},
+		variant: {
+			pill: {
+				list: "bg-elevated rounded-lg",
+				trigger: ["grow", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:inset-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:rounded-md in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:shadow-xs in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:-z-10 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:isolate"],
+				indicator: "rounded-md shadow-xs"
+			},
+			link: {
+				list: "border-default",
+				indicator: "rounded-full",
+				trigger: "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:rounded-full"
+			}
+		},
+		orientation: {
+			horizontal: {
+				root: "flex-col",
+				list: "w-full",
+				indicator: "left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)",
+				trigger: "justify-center"
+			},
+			vertical: {
+				list: "flex-col",
+				indicator: "top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)"
+			}
+		},
+		size: {
+			xs: {
+				trigger: "px-2 py-1 text-xs gap-1",
+				leadingIcon: "size-4",
+				leadingAvatarSize: "3xs"
+			},
+			sm: {
+				trigger: "px-2.5 py-1.5 text-xs gap-1.5",
+				leadingIcon: "size-4",
+				leadingAvatarSize: "3xs"
+			},
+			md: {
+				trigger: "px-3 py-1.5 text-sm gap-1.5",
+				leadingIcon: "size-5",
+				leadingAvatarSize: "2xs"
+			},
+			lg: {
+				trigger: "px-3 py-2 text-sm gap-2",
+				leadingIcon: "size-5",
+				leadingAvatarSize: "2xs"
+			},
+			xl: {
+				trigger: "px-3 py-2 text-base gap-2",
+				leadingIcon: "size-6",
+				leadingAvatarSize: "xs"
+			}
+		}
+	},
+	compoundVariants: [
+		{
+			orientation: "horizontal",
+			variant: "pill",
+			class: { indicator: "inset-y-1" }
+		},
+		{
+			orientation: "horizontal",
+			variant: "link",
+			class: {
+				list: "border-b -mb-px",
+				indicator: "-bottom-px h-px",
+				trigger: "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-x-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-bottom-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:h-px"
+			}
+		},
+		{
+			orientation: "vertical",
+			variant: "pill",
+			class: {
+				indicator: "inset-x-1",
+				list: "items-center",
+				trigger: "w-full justify-center"
+			}
+		},
+		{
+			orientation: "vertical",
+			variant: "link",
+			class: {
+				list: "border-s -ms-px",
+				indicator: "-start-px w-px",
+				trigger: "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-y-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-start-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:w-px"
+			}
+		},
+		{
+			color: "primary",
+			variant: "pill",
+			class: {
+				indicator: "bg-primary",
+				trigger: ["data-[state=active]:text-inverted outline-primary/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-primary"]
+			}
+		},
+		{
+			color: "secondary",
+			variant: "pill",
+			class: {
+				indicator: "bg-secondary",
+				trigger: ["data-[state=active]:text-inverted outline-secondary/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-secondary"]
+			}
+		},
+		{
+			color: "success",
+			variant: "pill",
+			class: {
+				indicator: "bg-success",
+				trigger: ["data-[state=active]:text-inverted outline-success/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-success"]
+			}
+		},
+		{
+			color: "info",
+			variant: "pill",
+			class: {
+				indicator: "bg-info",
+				trigger: ["data-[state=active]:text-inverted outline-info/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-info"]
+			}
+		},
+		{
+			color: "warning",
+			variant: "pill",
+			class: {
+				indicator: "bg-warning",
+				trigger: ["data-[state=active]:text-inverted outline-warning/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-warning"]
+			}
+		},
+		{
+			color: "error",
+			variant: "pill",
+			class: {
+				indicator: "bg-error",
+				trigger: ["data-[state=active]:text-inverted outline-error/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-error"]
+			}
+		},
+		{
+			color: "neutral",
+			variant: "pill",
+			class: {
+				indicator: "bg-inverted",
+				trigger: ["data-[state=active]:text-inverted outline-inverted/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-inverted"]
+			}
+		},
+		{
+			color: "primary",
+			variant: "link",
+			class: {
+				indicator: "bg-primary",
+				trigger: ["data-[state=active]:text-primary outline-primary/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-primary"]
+			}
+		},
+		{
+			color: "secondary",
+			variant: "link",
+			class: {
+				indicator: "bg-secondary",
+				trigger: ["data-[state=active]:text-secondary outline-secondary/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-secondary"]
+			}
+		},
+		{
+			color: "success",
+			variant: "link",
+			class: {
+				indicator: "bg-success",
+				trigger: ["data-[state=active]:text-success outline-success/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-success"]
+			}
+		},
+		{
+			color: "info",
+			variant: "link",
+			class: {
+				indicator: "bg-info",
+				trigger: ["data-[state=active]:text-info outline-info/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-info"]
+			}
+		},
+		{
+			color: "warning",
+			variant: "link",
+			class: {
+				indicator: "bg-warning",
+				trigger: ["data-[state=active]:text-warning outline-warning/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-warning"]
+			}
+		},
+		{
+			color: "error",
+			variant: "link",
+			class: {
+				indicator: "bg-error",
+				trigger: ["data-[state=active]:text-error outline-error/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-error"]
+			}
+		},
+		{
+			color: "neutral",
+			variant: "link",
+			class: {
+				indicator: "bg-inverted",
+				trigger: ["data-[state=active]:text-highlighted outline-inverted/25 focus-visible:outline-3", "in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-inverted"]
+			}
+		}
+	],
+	defaultVariants: {
+		color: "primary",
+		variant: "pill",
+		size: "md"
+	}
+}, be = {
+	__name: "Tabs",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		items: {
+			type: Array,
+			required: !1
+		},
+		color: {
+			type: null,
+			required: !1
+		},
+		variant: {
+			type: null,
+			required: !1
+		},
+		size: {
+			type: null,
+			required: !1
+		},
+		orientation: {
+			type: null,
+			required: !1,
+			default: "horizontal"
+		},
+		content: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		valueKey: {
+			type: null,
+			required: !1,
+			default: "value"
+		},
+		labelKey: {
+			type: null,
+			required: !1,
+			default: "label"
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		defaultValue: {
+			type: [String, Number],
+			required: !1,
+			default: "0"
+		},
+		modelValue: {
+			type: [String, Number],
+			required: !1
+		},
+		activationMode: {
+			type: String,
+			required: !1
+		},
+		unmountOnHide: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { expose: n, emit: r }) {
+		let i = t, a = r, c = re(), l = u("tabs", i), p = e(), h = d(s(l, "as", "unmountOnHide"), a), g = w(() => v({
+			extend: ye,
+			...p.ui?.tabs || {}
+		})({
+			color: l.color,
+			variant: l.variant,
+			size: l.size,
+			orientation: l.orientation
+		})), _ = I([]);
+		function C(e, t) {
+			_.value[e] = t;
+		}
+		return n({ triggersRef: _ }), (e, t) => (F(), b(S(W), y(S(h), {
+			"model-value": S(l).modelValue,
+			"default-value": S(l).defaultValue,
+			orientation: S(l).orientation,
+			"activation-mode": S(l).activationMode,
+			"data-slot": "root",
+			class: g.value.root({ class: [S(l).ui?.root, S(l).class] })
+		}), {
+			default: k(() => [j(S(Y), {
+				"data-slot": "list",
+				class: z(g.value.list({ class: S(l).ui?.list }))
+			}, {
+				default: k(() => [
+					j(S(J), {
+						"data-slot": "indicator",
+						class: z(g.value.indicator({ class: S(l).ui?.indicator }))
+					}, null, 8, ["class"]),
+					A(e.$slots, "list-leading"),
+					(F(!0), D(R, null, O(S(l).items, (t, n) => (F(), b(S(X), {
+						key: S(o)(t, S(l).valueKey) ?? n,
+						ref_for: !0,
+						ref: (e) => C(n, e),
+						value: S(o)(t, S(l).valueKey) ?? String(n),
+						disabled: t.disabled,
+						"data-slot": "trigger",
+						class: z(g.value.trigger({ class: [S(l).ui?.trigger, t.ui?.trigger] }))
+					}, {
+						default: k(() => [
+							A(e.$slots, "leading", {
+								item: t,
+								index: n,
+								ui: g.value
+							}, () => [t.icon ? (F(), b(f, {
+								key: 0,
+								name: t.icon,
+								"data-slot": "leadingIcon",
+								class: z(g.value.leadingIcon({ class: [S(l).ui?.leadingIcon, t.ui?.leadingIcon] }))
+							}, null, 8, ["name", "class"])) : t.avatar ? (F(), b(m, y({
+								key: 1,
+								size: t.ui?.leadingAvatarSize || S(l).ui?.leadingAvatarSize || g.value.leadingAvatarSize()
+							}, { ref_for: !0 }, t.avatar, {
+								"data-slot": "leadingAvatar",
+								class: g.value.leadingAvatar({ class: [S(l).ui?.leadingAvatar, t.ui?.leadingAvatar] })
+							}), null, 16, ["size", "class"])) : E("", !0)]),
+							S(o)(t, S(l).labelKey) || c.default ? (F(), D("span", {
+								key: 0,
+								"data-slot": "label",
+								class: z(g.value.label({ class: [S(l).ui?.label, t.ui?.label] }))
+							}, [A(e.$slots, "default", {
+								item: t,
+								index: n
+							}, () => [x(P(S(o)(t, S(l).labelKey)), 1)])], 2)) : E("", !0),
+							A(e.$slots, "trailing", {
+								item: t,
+								index: n,
+								ui: g.value
+							}, () => [t.badge || t.badge === 0 ? (F(), b(pe, y({
+								key: 0,
+								color: "neutral",
+								variant: "outline",
+								size: t.ui?.trailingBadgeSize || S(l).ui?.trailingBadgeSize || g.value.trailingBadgeSize()
+							}, { ref_for: !0 }, typeof t.badge == "string" || typeof t.badge == "number" ? { label: t.badge } : t.badge, {
+								"data-slot": "trailingBadge",
+								class: g.value.trailingBadge({ class: [S(l).ui?.trailingBadge, t.ui?.trailingBadge] })
+							}), null, 16, ["size", "class"])) : E("", !0)])
+						]),
+						_: 2
+					}, 1032, [
+						"value",
+						"disabled",
+						"class"
+					]))), 128)),
+					A(e.$slots, "list-trailing")
+				]),
+				_: 3
+			}, 8, ["class"]), S(l).content ? (F(!0), D(R, { key: 0 }, O(S(l).items, (t, n) => (F(), b(S(q), {
+				key: S(o)(t, S(l).valueKey) ?? n,
+				value: S(o)(t, S(l).valueKey) ?? String(n),
+				"data-slot": "content",
+				class: z(g.value.content({ class: [
+					S(l).ui?.content,
+					t.ui?.content,
+					t.class
+				] }))
+			}, {
+				default: k(() => [A(e.$slots, t.slot || "content", {
+					item: t,
+					index: n,
+					ui: g.value
+				}, () => [x(P(t.content), 1)])]),
+				_: 2
+			}, 1032, ["value", "class"]))), 128)) : E("", !0)]),
+			_: 3
+		}, 16, [
+			"model-value",
+			"default-value",
+			"orientation",
+			"activation-mode",
+			"class"
+		]));
+	}
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@nuxt+ui@4.11.3_cb98d253b9bf6e94cc4ec1fe3cbbcc2e/node_modules/@nuxt/ui/dist/runtime/composables/useResizable.js
+function Z(e, t = {}, { collapsed: r = I(!1) } = {}) {
+	let i = I(null), a = w(() => ({
+		side: "left",
+		minSize: 0,
+		maxSize: 100,
+		defaultSize: 0,
+		storage: "cookie",
+		persistent: !0,
+		collapsible: !1,
+		collapsedSize: 0,
+		resizable: !0,
+		unit: "%",
+		...S(t)
+	})), { dir: o } = n(), s = {
+		size: a.value.defaultSize,
+		collapsed: S(r) ?? !1
+	}, c = a.value.persistent && (a.value.resizable || a.value.collapsible) ? a.value.storage === "cookie" ? B(e, {
+		...a.value.storageOptions,
+		default: () => s
+	}) : l(e, s, void 0, a.value.storageOptions) : I(s), u = (e) => {
+		c.value ? Object.assign(c.value, e) : c.value = {
+			...s,
+			...e
+		};
+	}, d = w({
+		get: () => c.value?.collapsed ?? s.collapsed,
+		set: (e) => {
+			a.value.collapsible && (M(r) && (r.value = e), u({ collapsed: e }));
+		}
+	}), f = I(a.value.defaultSize), p = w({
+		get: () => c.value?.size ?? a.value.defaultSize,
+		set: (e) => {
+			u({ size: e });
+		}
+	}), m = w(() => d.value ? a.value.collapsedSize : p.value), h = I(!1), g = () => a.value.unit === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1, _ = (e, t, n, r) => {
+		if (!i.value || !a.value.resizable) return;
+		let s = i.value.parentElement?.offsetWidth || 1, c = o.value === "rtl", l;
+		l = c ? a.value.side === "left" ? t - e : e - t : a.value.side === "left" ? e - t : t - e;
+		let u = n + l, f;
+		if (f = a.value.unit === "rem" ? u / r : a.value.unit === "px" ? u : u / s * 100, a.value.collapsible && f < a.value.collapsedSize + 4) {
+			x(!0);
+			return;
+		}
+		d.value && x(!1), p.value = Math.min(a.value.maxSize, Math.max(a.value.minSize, f));
+	}, v = (e) => {
+		if (!i.value || !a.value.resizable) return;
+		e.preventDefault(), e.stopPropagation();
+		let t = i.value.getBoundingClientRect().width;
+		if (!t) return;
+		let n = e.clientX, r = t, o = g();
+		h.value = !0;
+		let s = (e) => {
+			_(e.clientX, n, r, o);
+		}, c = () => {
+			h.value = !1, document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", c);
+		};
+		document.addEventListener("mousemove", s), document.addEventListener("mouseup", c);
+	}, y = (e) => {
+		if (!i.value || !a.value.resizable || !e.touches[0]) return;
+		e.preventDefault(), e.stopPropagation();
+		let t = i.value.getBoundingClientRect().width;
+		if (!t) return;
+		let n = e.touches[0].clientX, r = t, o = g();
+		h.value = !0;
+		let s = (e) => {
+			e.touches[0] && _(e.touches[0].clientX, n, r, o);
+		}, c = () => {
+			h.value = !1, document.removeEventListener("touchmove", s), document.removeEventListener("touchend", c), document.removeEventListener("touchcancel", c);
+		};
+		document.addEventListener("touchmove", s, { passive: !1 }), document.addEventListener("touchend", c), document.addEventListener("touchcancel", c);
+	}, b = (e) => {
+		i.value && a.value.resizable && (e.preventDefault(), e.stopPropagation(), d.value && x(!1), p.value = a.value.defaultSize);
+	}, x = (e) => {
+		if (!a.value.collapsible) return;
+		let t = e ?? !d.value;
+		t && !d.value ? f.value = p.value : !t && d.value && (p.value = f.value), d.value = t;
+	};
+	return M(r) && c.value?.collapsed && (r.value = c.value.collapsed), M(r) && C(r, (e) => {
+		a.value.collapsible && c.value?.collapsed !== e && (d.value = e);
+	}), {
+		el: i,
+		size: m,
+		isDragging: h,
+		isCollapsed: d,
+		onMouseDown: v,
+		onTouchStart: y,
+		onDoubleClick: b,
+		collapse: x
+	};
+}
+//#endregion
+//#region virtual:nuxt-ui-templates/ui/dashboard-group.ts
+var xe = { base: "fixed inset-0 flex overflow-hidden" }, Q = {
+	__name: "DashboardGroup",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		storage: {
+			type: String,
+			required: !1,
+			default: "cookie"
+		},
+		storageKey: {
+			type: String,
+			required: !1,
+			default: "dashboard"
+		},
+		storageOptions: {
+			type: Object,
+			required: !1
+		},
+		persistent: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		unit: {
+			type: String,
+			required: !1,
+			default: "%"
+		}
+	},
+	setup(t) {
+		let n = u("dashboardGroup", t), r = ue(), a = e(), o = w(() => v({
+			extend: xe,
+			...a.ui?.dashboardGroup || {}
+		})), s = I(!1), c = I(!1);
+		return me({
+			storage: n.storage,
+			storageKey: n.storageKey,
+			storageOptions: n.storageOptions,
+			persistent: n.persistent,
+			unit: n.unit,
+			sidebarOpen: s,
+			toggleSidebar: () => {
+				r.hooks.callHook("dashboard:sidebar:toggle");
+			},
+			sidebarCollapsed: c,
+			collapseSidebar: (e) => {
+				r.hooks.callHook("dashboard:sidebar:collapse", e);
+			},
+			toggleSearch: () => {
+				r.hooks.callHook("dashboard:search:toggle");
+			}
+		}), (e, t) => (F(), b(S(i), {
+			as: S(n).as,
+			class: z(o.value({ class: [S(n).ui?.base, S(n).class] }))
+		}, {
+			default: k(() => [A(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+}, Se = { base: "hidden lg:block touch-none select-none cursor-ew-resize relative before:absolute before:inset-y-0 before:-left-1.5 before:-right-1.5 before:z-1" }, $ = {
+	__name: "DashboardResizeHandle",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		}
+	},
+	setup(t) {
+		let n = u("dashboardResizeHandle", t), r = e(), a = w(() => v({
+			extend: Se,
+			...r.ui?.dashboardResizeHandle || {}
+		}));
+		return (e, t) => (F(), b(S(i), {
+			as: S(n).as,
+			role: "separator",
+			class: z(a.value({ class: [S(n).ui?.base, S(n).class] }))
+		}, {
+			default: k(() => [A(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+}, Ce = {
+	slots: {
+		root: "relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default shrink-0",
+		body: "flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6",
+		handle: ""
+	},
+	variants: { size: {
+		true: { root: "w-full lg:w-(--width)" },
+		false: { root: "flex-1" }
+	} }
+}, we = ["data-dragging"], Te = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "DashboardPanel",
+	props: {
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		id: {
+			type: String,
+			required: !1
+		},
+		minSize: {
+			type: Number,
+			required: !1,
+			default: 15
+		},
+		maxSize: {
+			type: Number,
+			required: !1
+		},
+		defaultSize: {
+			type: Number,
+			required: !1
+		},
+		resizable: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		}
+	},
+	setup(t, { attrs: n }) {
+		let r = u("dashboardPanel", t), i = e(), a = he({
+			storageKey: "dashboard",
+			unit: "%"
+		}), o = `${a.storageKey}-panel-${r.id || le()}`, { el: s, size: c, isDragging: l, onMouseDown: d, onTouchStart: f, onDoubleClick: p } = Z(o, ne(() => ({
+			...a,
+			...r
+		}))), m = w(() => v({
+			extend: Ce,
+			...i.ui?.dashboardPanel || {}
+		})({ size: !!c.value }));
+		return (e, t) => (F(), D(R, null, [L("div", y({
+			id: o,
+			ref_key: "el",
+			ref: s,
+			"data-slot": "root"
+		}, n, {
+			"data-dragging": S(l),
+			class: m.value.root({ class: [S(r).ui?.root, S(r).class] }),
+			style: [S(c) ? { "--width": `${S(c)}${S(a).unit}` } : void 0]
+		}), [A(e.$slots, "default", {}, () => [
+			A(e.$slots, "header"),
+			L("div", {
+				"data-slot": "body",
+				class: z(m.value.body({ class: S(r).ui?.body }))
+			}, [A(e.$slots, "body")], 2),
+			A(e.$slots, "footer")
+		])], 16, we), A(e.$slots, "resize-handle", {
+			onMouseDown: S(d),
+			onTouchStart: S(f),
+			onDoubleClick: S(p)
+		}, () => [S(r).resizable ? (F(), b($, {
+			key: 0,
+			"aria-controls": o,
+			"data-slot": "handle",
+			class: z(m.value.handle({ class: S(r).ui?.handle })),
+			onMousedown: S(d),
+			onTouchstart: S(f),
+			onDblclick: S(p)
+		}, null, 8, [
+			"class",
+			"onMousedown",
+			"onTouchstart",
+			"onDblclick"
+		])) : E("", !0)])], 64));
+	}
+}), Ee = Symbol("Studio search");
+//#endregion
+export { Z as a, Y as c, W as d, _e as f, Q as i, J as l, Te as n, be as o, $ as r, X as s, Ee as t, q as u };