@phtngyn/cms 0.2.0-beta.7 → 0.3.0

package/studio/chunks/Alert-D0D24z_a.js

@@ -0,0 +1,335 @@
+import { $ as e, B as t, E as n, b as r, m as i, s as a, t as o, y as s } from "./Button-BT3ztSPx.js";
+import { $t as c, A as l, B as u, Ci as d, E as f, M as p, N as m, Nn as h, Or as g, Pn as _, fa as v, gn as y, k as b, mr as x, o as S, ra as C } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+//#region virtual:nuxt-ui-templates/ui/alert.ts
+var w = {
+	slots: {
+		root: "relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5",
+		wrapper: "min-w-0 flex-1 flex flex-col",
+		title: "text-sm font-medium",
+		description: "text-sm opacity-90",
+		icon: "shrink-0 size-5",
+		avatar: "shrink-0",
+		avatarSize: "2xl",
+		actions: "flex flex-wrap gap-1.5 shrink-0",
+		close: "p-0"
+	},
+	variants: {
+		color: {
+			primary: "",
+			secondary: "",
+			success: "",
+			info: "",
+			warning: "",
+			error: "",
+			neutral: ""
+		},
+		variant: {
+			solid: "",
+			outline: "",
+			soft: "",
+			subtle: ""
+		},
+		orientation: {
+			horizontal: {
+				root: "items-center",
+				actions: "items-center"
+			},
+			vertical: {
+				root: "items-start",
+				actions: "items-start mt-2.5"
+			}
+		},
+		title: { true: { description: "mt-1" } }
+	},
+	compoundVariants: [
+		{
+			color: "primary",
+			variant: "solid",
+			class: { root: "bg-primary text-inverted" }
+		},
+		{
+			color: "secondary",
+			variant: "solid",
+			class: { root: "bg-secondary text-inverted" }
+		},
+		{
+			color: "success",
+			variant: "solid",
+			class: { root: "bg-success text-inverted" }
+		},
+		{
+			color: "info",
+			variant: "solid",
+			class: { root: "bg-info text-inverted" }
+		},
+		{
+			color: "warning",
+			variant: "solid",
+			class: { root: "bg-warning text-inverted" }
+		},
+		{
+			color: "error",
+			variant: "solid",
+			class: { root: "bg-error text-inverted" }
+		},
+		{
+			color: "primary",
+			variant: "outline",
+			class: { root: "text-primary ring ring-inset ring-primary/25" }
+		},
+		{
+			color: "secondary",
+			variant: "outline",
+			class: { root: "text-secondary ring ring-inset ring-secondary/25" }
+		},
+		{
+			color: "success",
+			variant: "outline",
+			class: { root: "text-success ring ring-inset ring-success/25" }
+		},
+		{
+			color: "info",
+			variant: "outline",
+			class: { root: "text-info ring ring-inset ring-info/25" }
+		},
+		{
+			color: "warning",
+			variant: "outline",
+			class: { root: "text-warning ring ring-inset ring-warning/25" }
+		},
+		{
+			color: "error",
+			variant: "outline",
+			class: { root: "text-error ring ring-inset ring-error/25" }
+		},
+		{
+			color: "primary",
+			variant: "soft",
+			class: { root: "bg-primary/10 text-primary" }
+		},
+		{
+			color: "secondary",
+			variant: "soft",
+			class: { root: "bg-secondary/10 text-secondary" }
+		},
+		{
+			color: "success",
+			variant: "soft",
+			class: { root: "bg-success/10 text-success" }
+		},
+		{
+			color: "info",
+			variant: "soft",
+			class: { root: "bg-info/10 text-info" }
+		},
+		{
+			color: "warning",
+			variant: "soft",
+			class: { root: "bg-warning/10 text-warning" }
+		},
+		{
+			color: "error",
+			variant: "soft",
+			class: { root: "bg-error/10 text-error" }
+		},
+		{
+			color: "primary",
+			variant: "subtle",
+			class: { root: "bg-primary/10 text-primary ring ring-inset ring-primary/25" }
+		},
+		{
+			color: "secondary",
+			variant: "subtle",
+			class: { root: "bg-secondary/10 text-secondary ring ring-inset ring-secondary/25" }
+		},
+		{
+			color: "success",
+			variant: "subtle",
+			class: { root: "bg-success/10 text-success ring ring-inset ring-success/25" }
+		},
+		{
+			color: "info",
+			variant: "subtle",
+			class: { root: "bg-info/10 text-info ring ring-inset ring-info/25" }
+		},
+		{
+			color: "warning",
+			variant: "subtle",
+			class: { root: "bg-warning/10 text-warning ring ring-inset ring-warning/25" }
+		},
+		{
+			color: "error",
+			variant: "subtle",
+			class: { root: "bg-error/10 text-error ring ring-inset ring-error/25" }
+		},
+		{
+			color: "neutral",
+			variant: "solid",
+			class: { root: "text-inverted bg-inverted" }
+		},
+		{
+			color: "neutral",
+			variant: "outline",
+			class: { root: "text-highlighted bg-default ring ring-inset ring-default" }
+		},
+		{
+			color: "neutral",
+			variant: "soft",
+			class: { root: "text-highlighted bg-elevated/50" }
+		},
+		{
+			color: "neutral",
+			variant: "subtle",
+			class: { root: "text-highlighted bg-elevated/50 ring ring-inset ring-accented" }
+		}
+	],
+	defaultVariants: {
+		color: "primary",
+		variant: "solid"
+	}
+}, T = {
+	__name: "Alert",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		title: {
+			type: String,
+			required: !1
+		},
+		description: {
+			type: String,
+			required: !1
+		},
+		icon: {
+			type: null,
+			required: !1
+		},
+		avatar: {
+			type: Object,
+			required: !1
+		},
+		color: {
+			type: null,
+			required: !1
+		},
+		variant: {
+			type: null,
+			required: !1
+		},
+		orientation: {
+			type: null,
+			required: !1,
+			default: "vertical"
+		},
+		actions: {
+			type: Array,
+			required: !1
+		},
+		close: {
+			type: [Boolean, Object],
+			required: !1
+		},
+		closeIcon: {
+			type: null,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(T, { emit: E }) {
+		let D = T, O = E, k = x(), A = r("alert", D), { t: j } = t(), M = e(), N = f(() => s({
+			extend: w,
+			...M.ui?.alert || {}
+		})({
+			color: A.color,
+			variant: A.variant,
+			orientation: A.orientation,
+			title: !!A.title || !!k.title
+		}));
+		return (e, t) => (y(), l(d(n), {
+			as: d(A).as,
+			"data-orientation": d(A).orientation,
+			"data-slot": "root",
+			class: C(N.value.root({ class: [d(A).ui?.root, d(A).class] }))
+		}, {
+			default: g(() => [
+				_(e.$slots, "leading", { ui: N.value }, () => [d(A).avatar ? (y(), l(a, c({
+					key: 0,
+					size: d(A).ui?.avatarSize || N.value.avatarSize()
+				}, d(A).avatar, {
+					"data-slot": "avatar",
+					class: N.value.avatar({ class: d(A).ui?.avatar })
+				}), null, 16, ["size", "class"])) : d(A).icon ? (y(), l(i, {
+					key: 1,
+					name: d(A).icon,
+					"data-slot": "icon",
+					class: C(N.value.icon({ class: d(A).ui?.icon }))
+				}, null, 8, ["name", "class"])) : p("", !0)]),
+				b("div", {
+					"data-slot": "wrapper",
+					class: C(N.value.wrapper({ class: d(A).ui?.wrapper }))
+				}, [
+					d(A).title || k.title ? (y(), m("div", {
+						key: 0,
+						"data-slot": "title",
+						class: C(N.value.title({ class: d(A).ui?.title }))
+					}, [_(e.$slots, "title", {}, () => [u(v(d(A).title), 1)])], 2)) : p("", !0),
+					d(A).description || k.description ? (y(), m("div", {
+						key: 1,
+						"data-slot": "description",
+						class: C(N.value.description({ class: d(A).ui?.description }))
+					}, [_(e.$slots, "description", {}, () => [u(v(d(A).description), 1)])], 2)) : p("", !0),
+					d(A).orientation === "vertical" && (d(A).actions?.length || k.actions) ? (y(), m("div", {
+						key: 2,
+						"data-slot": "actions",
+						class: C(N.value.actions({ class: d(A).ui?.actions }))
+					}, [_(e.$slots, "actions", {}, () => [(y(!0), m(S, null, h(d(A).actions, (e, t) => (y(), l(o, c({
+						key: t,
+						size: "xs"
+					}, { ref_for: !0 }, e), null, 16))), 128))])], 2)) : p("", !0)
+				], 2),
+				d(A).orientation === "horizontal" && (d(A).actions?.length || k.actions) || d(A).close ? (y(), m("div", {
+					key: 0,
+					"data-slot": "actions",
+					class: C(N.value.actions({
+						class: d(A).ui?.actions,
+						orientation: "horizontal"
+					}))
+				}, [d(A).orientation === "horizontal" && (d(A).actions?.length || k.actions) ? _(e.$slots, "actions", {}, () => [(y(!0), m(S, null, h(d(A).actions, (e, t) => (y(), l(o, c({
+					key: t,
+					size: "xs"
+				}, { ref_for: !0 }, e), null, 16))), 128))], void 0, 0) : p("", !0), _(e.$slots, "close", { ui: N.value }, () => [d(A).close ? (y(), l(o, c({
+					key: 0,
+					icon: d(A).closeIcon || d(M).ui.icons.close,
+					color: "neutral",
+					variant: "link",
+					"aria-label": d(j)("alert.close")
+				}, typeof d(A).close == "object" ? d(A).close : {}, {
+					"data-slot": "close",
+					class: N.value.close({ class: d(A).ui?.close }),
+					onClick: t[0] ||= (e) => O("update:open", !1)
+				}), null, 16, [
+					"icon",
+					"aria-label",
+					"class"
+				])) : p("", !0)])], 2)) : p("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"as",
+			"data-orientation",
+			"class"
+		]));
+	}
+};
+//#endregion
+export { T as t };

package/studio/chunks/Badge-BBFs88TI.js

@@ -0,0 +1,346 @@
+import { $ as e, E as t, b as n, m as r, p as i, s as a, u as o, y as s } from "./Button-BT3ztSPx.js";
+import { $t as c, A as l, Ci as u, E as d, M as f, N as p, Or as m, Pn as h, fa as g, gn as _, mr as v, ra as y } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+//#region virtual:nuxt-ui-templates/ui/badge.ts
+var b = {
+	slots: {
+		base: "font-medium inline-flex items-center",
+		label: "truncate",
+		leadingIcon: "shrink-0",
+		leadingAvatar: "shrink-0",
+		leadingAvatarSize: "",
+		trailingIcon: "shrink-0"
+	},
+	variants: {
+		fieldGroup: {
+			horizontal: "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",
+			vertical: "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
+		},
+		color: {
+			primary: "",
+			secondary: "",
+			success: "",
+			info: "",
+			warning: "",
+			error: "",
+			neutral: ""
+		},
+		variant: {
+			solid: "",
+			outline: "",
+			soft: "",
+			subtle: ""
+		},
+		size: {
+			xs: {
+				base: "text-[8px]/3 px-1 py-0.5 gap-1 rounded-sm",
+				leadingIcon: "size-3",
+				leadingAvatarSize: "3xs",
+				trailingIcon: "size-3"
+			},
+			sm: {
+				base: "text-[10px]/3 px-1.5 py-1 gap-1 rounded-sm",
+				leadingIcon: "size-3",
+				leadingAvatarSize: "3xs",
+				trailingIcon: "size-3"
+			},
+			md: {
+				base: "text-xs px-2 py-1 gap-1 rounded-md",
+				leadingIcon: "size-4",
+				leadingAvatarSize: "3xs",
+				trailingIcon: "size-4"
+			},
+			lg: {
+				base: "text-sm px-2 py-1 gap-1.5 rounded-md",
+				leadingIcon: "size-5",
+				leadingAvatarSize: "2xs",
+				trailingIcon: "size-5"
+			},
+			xl: {
+				base: "text-base px-2.5 py-1 gap-1.5 rounded-md",
+				leadingIcon: "size-6",
+				leadingAvatarSize: "2xs",
+				trailingIcon: "size-6"
+			}
+		},
+		square: { true: "" }
+	},
+	compoundVariants: [
+		{
+			color: "primary",
+			variant: "solid",
+			class: "bg-primary text-inverted"
+		},
+		{
+			color: "secondary",
+			variant: "solid",
+			class: "bg-secondary text-inverted"
+		},
+		{
+			color: "success",
+			variant: "solid",
+			class: "bg-success text-inverted"
+		},
+		{
+			color: "info",
+			variant: "solid",
+			class: "bg-info text-inverted"
+		},
+		{
+			color: "warning",
+			variant: "solid",
+			class: "bg-warning text-inverted"
+		},
+		{
+			color: "error",
+			variant: "solid",
+			class: "bg-error text-inverted"
+		},
+		{
+			color: "primary",
+			variant: "outline",
+			class: "text-primary ring ring-inset ring-primary/50"
+		},
+		{
+			color: "secondary",
+			variant: "outline",
+			class: "text-secondary ring ring-inset ring-secondary/50"
+		},
+		{
+			color: "success",
+			variant: "outline",
+			class: "text-success ring ring-inset ring-success/50"
+		},
+		{
+			color: "info",
+			variant: "outline",
+			class: "text-info ring ring-inset ring-info/50"
+		},
+		{
+			color: "warning",
+			variant: "outline",
+			class: "text-warning ring ring-inset ring-warning/50"
+		},
+		{
+			color: "error",
+			variant: "outline",
+			class: "text-error ring ring-inset ring-error/50"
+		},
+		{
+			color: "primary",
+			variant: "soft",
+			class: "bg-primary/10 text-primary"
+		},
+		{
+			color: "secondary",
+			variant: "soft",
+			class: "bg-secondary/10 text-secondary"
+		},
+		{
+			color: "success",
+			variant: "soft",
+			class: "bg-success/10 text-success"
+		},
+		{
+			color: "info",
+			variant: "soft",
+			class: "bg-info/10 text-info"
+		},
+		{
+			color: "warning",
+			variant: "soft",
+			class: "bg-warning/10 text-warning"
+		},
+		{
+			color: "error",
+			variant: "soft",
+			class: "bg-error/10 text-error"
+		},
+		{
+			color: "primary",
+			variant: "subtle",
+			class: "bg-primary/10 text-primary ring ring-inset ring-primary/25"
+		},
+		{
+			color: "secondary",
+			variant: "subtle",
+			class: "bg-secondary/10 text-secondary ring ring-inset ring-secondary/25"
+		},
+		{
+			color: "success",
+			variant: "subtle",
+			class: "bg-success/10 text-success ring ring-inset ring-success/25"
+		},
+		{
+			color: "info",
+			variant: "subtle",
+			class: "bg-info/10 text-info ring ring-inset ring-info/25"
+		},
+		{
+			color: "warning",
+			variant: "subtle",
+			class: "bg-warning/10 text-warning ring ring-inset ring-warning/25"
+		},
+		{
+			color: "error",
+			variant: "subtle",
+			class: "bg-error/10 text-error ring ring-inset ring-error/25"
+		},
+		{
+			color: "neutral",
+			variant: "solid",
+			class: "text-inverted bg-inverted"
+		},
+		{
+			color: "neutral",
+			variant: "outline",
+			class: "ring ring-inset ring-accented text-default bg-default"
+		},
+		{
+			color: "neutral",
+			variant: "soft",
+			class: "text-default bg-elevated"
+		},
+		{
+			color: "neutral",
+			variant: "subtle",
+			class: "ring ring-inset ring-accented text-default bg-elevated"
+		},
+		{
+			size: "xs",
+			square: !0,
+			class: "p-0.5"
+		},
+		{
+			size: "sm",
+			square: !0,
+			class: "p-1"
+		},
+		{
+			size: "md",
+			square: !0,
+			class: "p-1"
+		},
+		{
+			size: "lg",
+			square: !0,
+			class: "p-1"
+		},
+		{
+			size: "xl",
+			square: !0,
+			class: "p-1"
+		}
+	],
+	defaultVariants: {
+		color: "primary",
+		variant: "solid",
+		size: "md"
+	}
+}, x = {
+	__name: "Badge",
+	props: {
+		as: {
+			type: null,
+			required: !1,
+			default: "span"
+		},
+		label: {
+			type: [String, Number],
+			required: !1
+		},
+		color: {
+			type: null,
+			required: !1
+		},
+		variant: {
+			type: null,
+			required: !1
+		},
+		size: {
+			type: null,
+			required: !1
+		},
+		square: {
+			type: Boolean,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		icon: {
+			type: null,
+			required: !1
+		},
+		avatar: {
+			type: Object,
+			required: !1
+		},
+		leading: {
+			type: Boolean,
+			required: !1
+		},
+		leadingIcon: {
+			type: null,
+			required: !1
+		},
+		trailing: {
+			type: Boolean,
+			required: !1
+		},
+		trailingIcon: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(x) {
+		let S = x, C = v(), w = n("badge", S), T = e(), { orientation: E, size: D } = i(S), { isLeading: O, isTrailing: k, leadingIconName: A, trailingIconName: j } = o(w), M = d(() => s({
+			extend: b,
+			...T.ui?.badge || {}
+		})({
+			color: w.color,
+			variant: w.variant,
+			size: D.value ?? w.size,
+			square: w.square || !C.default && !w.label,
+			fieldGroup: E.value
+		}));
+		return (e, n) => (_(), l(u(t), {
+			as: u(w).as,
+			"data-slot": "base",
+			class: y(M.value.base({ class: [u(w).ui?.base, u(w).class] }))
+		}, {
+			default: m(() => [
+				h(e.$slots, "leading", { ui: M.value }, () => [u(O) && u(A) ? (_(), l(r, {
+					key: 0,
+					name: u(A),
+					"data-slot": "leadingIcon",
+					class: y(M.value.leadingIcon({ class: u(w).ui?.leadingIcon }))
+				}, null, 8, ["name", "class"])) : u(w).avatar ? (_(), l(a, c({
+					key: 1,
+					size: u(w).ui?.leadingAvatarSize || M.value.leadingAvatarSize()
+				}, u(w).avatar, {
+					"data-slot": "leadingAvatar",
+					class: M.value.leadingAvatar({ class: u(w).ui?.leadingAvatar })
+				}), null, 16, ["size", "class"])) : f("", !0)]),
+				h(e.$slots, "default", { ui: M.value }, () => [u(w).label !== void 0 && u(w).label !== null ? (_(), p("span", {
+					key: 0,
+					"data-slot": "label",
+					class: y(M.value.label({ class: u(w).ui?.label }))
+				}, g(u(w).label), 3)) : f("", !0)]),
+				h(e.$slots, "trailing", { ui: M.value }, () => [u(k) && u(j) ? (_(), l(r, {
+					key: 0,
+					name: u(j),
+					"data-slot": "trailingIcon",
+					class: y(M.value.trailingIcon({ class: u(w).ui?.trailingIcon }))
+				}, null, 8, ["name", "class"])) : f("", !0)])
+			]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+};
+//#endregion
+export { x as t };