@phtngyn/cms 0.2.0-beta.7 → 0.3.0

package/studio/chunks/Skeleton-COz8dcrw.js

@@ -0,0 +1,39 @@
+import { $ as e, E as t, b as n, y as r } from "./Button-BT3ztSPx.js";
+import { A as i, Ci as a, E as o, Or as s, Pn as c, gn as l, ra as u } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+//#region virtual:nuxt-ui-templates/ui/skeleton.ts
+var d = { base: "animate-pulse rounded-md bg-elevated" }, f = {
+	__name: "Skeleton",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		}
+	},
+	setup(f) {
+		let p = n("skeleton", f), m = e(), h = o(() => r({
+			extend: d,
+			...m.ui?.skeleton || {}
+		}));
+		return (e, n) => (l(), i(a(t), {
+			as: a(p).as,
+			"aria-busy": "true",
+			"aria-label": "loading",
+			"aria-live": "polite",
+			role: "alert",
+			class: u(h.value({ class: [a(p).ui?.base, a(p).class] }))
+		}, {
+			default: s(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+};
+//#endregion
+export { f as t };

package/studio/chunks/Skeleton-COz8dcrw.js.br

@@ -0,0 +1,2 @@
+�@���8�Q5��M���2�z�����^qd�q�d�� 
+>nk�j����Ң�N�G�P(�ʯ�j3��[a�`��
��Zxl�*T���J><^�Ϸ�*�9������qh�סH{kZf"�S�*

package/studio/chunks/Slideover-QMMHAAys.js

@@ -0,0 +1,289 @@
+import { $ as e, B as t, Lt as n, S as r, b as i, d as a, h as o, t as s, w as c, x as l, y as u } from "./Button-BT3ztSPx.js";
+import { $t as d, A as f, B as p, Ci as m, E as h, M as g, N as _, Or as v, Pn as y, V as b, aa as x, fa as S, gi as C, gn as w, ir as T, k as E, mr as D, pt as O, ra as k } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { D as A, a as j, c as M, i as N, l as P, s as F, t as I, u as L } from "./overlay-DnqFLZTc.js";
+//#region virtual:nuxt-ui-templates/ui/slideover.ts
+var R = {
+	slots: {
+		overlay: "fixed inset-0 bg-elevated/75",
+		content: "fixed bg-default divide-y divide-default sm:ring ring-default sm:shadow-lg flex flex-col focus:outline-none",
+		header: "flex items-center gap-1.5 p-4 sm:px-6 min-h-(--ui-header-height)",
+		wrapper: "",
+		body: "flex-1 overflow-y-auto p-4 sm:p-6",
+		footer: "flex items-center gap-1.5 p-4 sm:px-6",
+		title: "text-highlighted font-semibold",
+		description: "mt-1 text-muted text-sm",
+		close: "absolute top-4 end-4"
+	},
+	variants: {
+		side: {
+			top: { content: "" },
+			right: { content: "max-w-md" },
+			bottom: { content: "" },
+			left: { content: "max-w-md" }
+		},
+		inset: { true: { content: "rounded-lg" } },
+		transition: { true: { overlay: "data-[state=open]:animate-[fade-in_200ms_var(--ease-out)] data-[state=closed]:animate-[fade-out_200ms_var(--ease-out)]" } }
+	},
+	compoundVariants: [
+		{
+			side: "top",
+			inset: !0,
+			class: { content: "max-h-[calc(100%-2rem)] inset-x-4 top-4" }
+		},
+		{
+			side: "top",
+			inset: !1,
+			class: { content: "max-h-full inset-x-0 top-0" }
+		},
+		{
+			side: "right",
+			inset: !0,
+			class: { content: "w-[calc(100%-2rem)] inset-y-4 right-4" }
+		},
+		{
+			side: "right",
+			inset: !1,
+			class: { content: "w-full inset-y-0 right-0" }
+		},
+		{
+			side: "bottom",
+			inset: !0,
+			class: { content: "max-h-[calc(100%-2rem)] inset-x-4 bottom-4" }
+		},
+		{
+			side: "bottom",
+			inset: !1,
+			class: { content: "max-h-full inset-x-0 bottom-0" }
+		},
+		{
+			side: "left",
+			inset: !0,
+			class: { content: "w-[calc(100%-2rem)] inset-y-4 left-4" }
+		},
+		{
+			side: "left",
+			inset: !1,
+			class: { content: "w-full inset-y-0 left-0" }
+		},
+		{
+			transition: !0,
+			side: "top",
+			class: { content: "data-[state=open]:animate-[slide-in-from-top_200ms_var(--ease-out)] data-[state=closed]:animate-[slide-out-to-top_200ms_var(--ease-out)]" }
+		},
+		{
+			transition: !0,
+			side: "right",
+			class: { content: "data-[state=open]:animate-[slide-in-from-right_200ms_var(--ease-out)] data-[state=closed]:animate-[slide-out-to-right_200ms_var(--ease-out)]" }
+		},
+		{
+			transition: !0,
+			side: "bottom",
+			class: { content: "data-[state=open]:animate-[slide-in-from-bottom_200ms_var(--ease-out)] data-[state=closed]:animate-[slide-out-to-bottom_200ms_var(--ease-out)]" }
+		},
+		{
+			transition: !0,
+			side: "left",
+			class: { content: "data-[state=open]:animate-[slide-in-from-left_200ms_var(--ease-out)] data-[state=closed]:animate-[slide-out-to-left_200ms_var(--ease-out)]" }
+		}
+	]
+}, z = {
+	__name: "Slideover",
+	props: {
+		title: {
+			type: String,
+			required: !1
+		},
+		description: {
+			type: String,
+			required: !1
+		},
+		content: {
+			type: Object,
+			required: !1
+		},
+		overlay: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		transition: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		side: {
+			type: null,
+			required: !1,
+			default: "right"
+		},
+		inset: {
+			type: Boolean,
+			required: !1
+		},
+		portal: {
+			type: [Boolean, String],
+			required: !1,
+			skipCheck: !0,
+			default: !0
+		},
+		close: {
+			type: [Boolean, Object],
+			required: !1,
+			default: !0
+		},
+		closeIcon: {
+			type: null,
+			required: !1
+		},
+		dismissible: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1
+		},
+		modal: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		unmountOnHide: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: [
+		"leave",
+		"after:leave",
+		"enter",
+		"after:enter",
+		"close:prevent",
+		"update:open"
+	],
+	setup(z, { emit: B }) {
+		let V = z, H = B, U = D(), W = i("slideover", V), { t: G } = t(), K = e(), q = o(n(W, "open", "defaultOpen", "modal", "unmountOnHide"), H), J = N(C(() => W.portal)), Y = C(() => W.content), X = h(() => W.dismissible ? { pointerDownOutside: I } : ["interactOutside", "escapeKeyDown"].reduce((e, t) => (e[t] = (e) => {
+			e.preventDefault(), H("close:prevent");
+		}, e), {})), Z = h(() => u({
+			extend: R,
+			...K.ui?.slideover || {}
+		})({
+			transition: W.transition,
+			side: W.side,
+			inset: W.inset
+		}));
+		return (e, t) => (w(), f(m(c), x(O(m(q))), {
+			default: v(({ open: n, close: i }) => [U.default ? (w(), f(m(l), {
+				key: 0,
+				"as-child": "",
+				class: k(m(W).class)
+			}, {
+				default: v(() => [y(e.$slots, "default", { open: n })]),
+				_: 2
+			}, 1032, ["class"])) : g("", !0), b(m(r), d(m(J), { "force-mount": m(J).disabled && m(W).unmountOnHide === !1 || void 0 }), {
+				default: v(() => [b(m(a), null, {
+					default: v(() => [m(W).overlay ? (w(), f(m(M), {
+						key: 0,
+						"data-slot": "overlay",
+						class: k(Z.value.overlay({ class: m(W).ui?.overlay }))
+					}, null, 8, ["class"])) : g("", !0), b(m(L), d({
+						"data-side": m(W).side,
+						"data-slot": "content",
+						class: Z.value.content({ class: [!U.default && m(W).class, m(W).ui?.content] })
+					}, Y.value, {
+						onEnter: t[0] ||= (e) => H("enter"),
+						onAfterEnter: t[1] ||= (e) => H("after:enter"),
+						onLeave: t[2] ||= (e) => H("leave"),
+						onAfterLeave: t[3] ||= (e) => H("after:leave")
+					}, T(X.value)), {
+						default: v(() => [!m(W).title && !U.title || !m(W).description && !U.description || U.content ? (w(), f(m(j), { key: 0 }, {
+							default: v(() => [!m(W).title && !U.title ? (w(), f(m(F), { key: 0 })) : U.content ? (w(), f(m(F), { key: 1 }, {
+								default: v(() => [y(e.$slots, "title", {}, () => [p(S(m(W).title), 1)])]),
+								_: 3
+							})) : g("", !0), !m(W).description && !U.description ? (w(), f(m(P), { key: 2 })) : U.content ? (w(), f(m(P), { key: 3 }, {
+								default: v(() => [y(e.$slots, "description", {}, () => [p(S(m(W).description), 1)])]),
+								_: 3
+							})) : g("", !0)]),
+							_: 3
+						})) : g("", !0), y(e.$slots, "content", { close: i }, () => [
+							U.header || m(W).title || U.title || m(W).description || U.description || m(W).close || U.close ? (w(), _("div", {
+								key: 0,
+								"data-slot": "header",
+								class: k(Z.value.header({ class: m(W).ui?.header }))
+							}, [y(e.$slots, "header", { close: i }, () => [
+								m(W).title || U.title || m(W).description || U.description ? (w(), _("div", {
+									key: 0,
+									"data-slot": "wrapper",
+									class: k(Z.value.wrapper({ class: m(W).ui?.wrapper }))
+								}, [m(W).title || U.title ? (w(), f(m(F), {
+									key: 0,
+									"data-slot": "title",
+									class: k(Z.value.title({ class: m(W).ui?.title }))
+								}, {
+									default: v(() => [y(e.$slots, "title", {}, () => [p(S(m(W).title), 1)])]),
+									_: 3
+								}, 8, ["class"])) : g("", !0), m(W).description || U.description ? (w(), f(m(P), {
+									key: 1,
+									"data-slot": "description",
+									class: k(Z.value.description({ class: m(W).ui?.description }))
+								}, {
+									default: v(() => [y(e.$slots, "description", {}, () => [p(S(m(W).description), 1)])]),
+									_: 3
+								}, 8, ["class"])) : g("", !0)], 2)) : g("", !0),
+								y(e.$slots, "actions"),
+								m(W).close || U.close ? (w(), f(m(A), {
+									key: 1,
+									"as-child": ""
+								}, {
+									default: v(() => [y(e.$slots, "close", { ui: Z.value }, () => [m(W).close ? (w(), f(s, d({
+										key: 0,
+										icon: m(W).closeIcon || m(K).ui.icons.close,
+										color: "neutral",
+										variant: "ghost",
+										"aria-label": m(G)("slideover.close")
+									}, typeof m(W).close == "object" ? m(W).close : {}, {
+										"data-slot": "close",
+										class: Z.value.close({ class: m(W).ui?.close })
+									}), null, 16, [
+										"icon",
+										"aria-label",
+										"class"
+									])) : g("", !0)])]),
+									_: 2
+								}, 1024)) : g("", !0)
+							])], 2)) : g("", !0),
+							E("div", {
+								"data-slot": "body",
+								class: k(Z.value.body({ class: m(W).ui?.body }))
+							}, [y(e.$slots, "body", { close: i })], 2),
+							U.footer ? (w(), _("div", {
+								key: 1,
+								"data-slot": "footer",
+								class: k(Z.value.footer({ class: m(W).ui?.footer }))
+							}, [y(e.$slots, "footer", { close: i })], 2)) : g("", !0)
+						])]),
+						_: 2
+					}, 1040, ["data-side", "class"])]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1040, ["force-mount"])]),
+			_: 3
+		}, 16));
+	}
+};
+//#endregion
+export { z as t };

package/studio/chunks/StudioPage-ngEIDr5d.js

@@ -0,0 +1,80 @@
+import { _o as e } from "./Search-BEgCe9Aj.js";
+import { A as t, Ci as n, K as r, M as i, N as a, Or as o, Pn as s, R as c, fa as l, gn as u, k as d, ur as f } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+//#region src/ui/page/StudioPageHeading.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "flex min-w-0 flex-col gap-4 @min-[36rem]:flex-row @min-[36rem]:items-start @min-[36rem]:justify-between" }, m = { class: "min-w-0 flex-1" }, h = [
+	"id",
+	"lang",
+	"dir"
+], g = ["lang", "dir"], _ = {
+	key: 1,
+	class: "mt-1 text-xs leading-5 text-muted"
+}, v = {
+	key: 0,
+	class: "flex min-w-0 flex-wrap items-center gap-2 @min-[36rem]:justify-end"
+}, y = /* @__PURE__ */ r({
+	__name: "StudioPageHeading",
+	props: {
+		title: {},
+		description: {},
+		summary: {},
+		headingId: {},
+		headingLocale: {}
+	},
+	setup(t, { slots: r }) {
+		let o = f();
+		return (c, f) => (u(), a("header", p, [d("div", m, [
+			d("h1", {
+				id: t.headingId ?? n(o),
+				lang: t.headingLocale,
+				dir: t.headingLocale ? n(e)(t.headingLocale) : void 0,
+				class: "wrap-break-word text-2xl font-semibold tracking-tight text-highlighted"
+			}, l(t.title), 9, h),
+			t.description ? (u(), a("p", {
+				key: 0,
+				lang: t.headingLocale,
+				dir: t.headingLocale ? n(e)(t.headingLocale) : void 0,
+				class: "mt-1 max-w-2xl text-sm leading-6 text-muted"
+			}, l(t.description), 9, g)) : i("", !0),
+			t.summary ? (u(), a("p", _, l(t.summary), 1)) : i("", !0)
+		]), r.actions ? (u(), a("div", v, [s(c.$slots, "actions")])) : i("", !0)]));
+	}
+}), b = ["aria-labelledby", "aria-label"], x = { class: "mx-auto flex w-full min-w-0 flex-col gap-6" }, S = /* @__PURE__ */ r({
+	__name: "StudioPage",
+	props: {
+		title: {},
+		description: {},
+		summary: {},
+		heading: {
+			type: Boolean,
+			default: !0
+		},
+		headingLocale: {}
+	},
+	setup(e, { slots: r }) {
+		let l = f();
+		return (f, p) => (u(), a("main", {
+			class: "@container min-h-0 min-w-0 flex-1 overflow-y-auto overscroll-contain p-5 sm:p-7 lg:p-8",
+			"aria-labelledby": e.heading ? n(l) : void 0,
+			"aria-label": e.heading ? void 0 : e.title
+		}, [d("div", x, [e.heading ? (u(), t(y, {
+			key: 0,
+			"heading-id": n(l),
+			"heading-locale": e.headingLocale,
+			title: e.title,
+			description: e.description,
+			summary: e.summary
+		}, c({ _: 2 }, [r.actions ? {
+			name: "actions",
+			fn: o(() => [s(f.$slots, "actions")]),
+			key: "0"
+		} : void 0]), 1032, [
+			"heading-id",
+			"heading-locale",
+			"title",
+			"description",
+			"summary"
+		])) : i("", !0), s(f.$slots, "default")])], 8, b));
+	}
+});
+//#endregion
+export { S as t };