@phtngyn/cms 0.2.0-beta.8 → 0.3.0

package/studio/chunks/Switch-qKl1aDn7.js

@@ -0,0 +1,484 @@
+import { $ as e, A as t, Dt as n, E as r, F as i, Lt as a, b as o, h as s, m as c, nn as l, o as u, tn as d, y as f } from "./Button-BT3ztSPx.js";
+import { $t as p, A as m, B as h, Ci as g, E as _, K as v, M as y, N as b, Or as x, Pn as S, V as C, _i as w, fa as T, gn as E, k as D, lr as O, lt as k, mr as A, o as j, ra as M, ur as N } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { t as P } from "./useFormControl-CL7sSCUo.js";
+import { t as F } from "./VisuallyHiddenInput-Cu8hQLRf.js";
+import { n as I } from "./FormField-CgM6l2Yn.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/shared/useForwardScopeId.js
+function L() {
+	let e = k()?.vnode?.scopeId;
+	return e ? { [e]: "" } : {};
+}
+//#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/Switch/SwitchRoot.js
+var [R, z] = /*#__PURE__*/ i("SwitchRoot"), B = /* @__PURE__ */ v({
+	inheritAttrs: !1,
+	__name: "SwitchRoot",
+	props: {
+		defaultValue: {
+			type: null,
+			required: !1
+		},
+		modelValue: {
+			type: null,
+			required: !1,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		id: {
+			type: String,
+			required: !1
+		},
+		value: {
+			type: String,
+			required: !1,
+			default: "on"
+		},
+		trueValue: {
+			type: null,
+			required: !1,
+			default: () => !0
+		},
+		falseValue: {
+			type: null,
+			required: !1,
+			default: () => !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: i }) {
+		let a = e, o = i, { disabled: s } = w(a), c = n(a, "modelValue", o, {
+			defaultValue: a.defaultValue ?? a.falseValue,
+			passive: a.modelValue === void 0
+		}), u = _(() => c.value === a.trueValue);
+		function f() {
+			s.value || (c.value = u.value ? a.falseValue : a.trueValue);
+		}
+		let { forwardRef: h, currentElement: v } = t(), T = P(v), D = L(), O = _(() => a.id && v.value ? document.querySelector(`[for="${a.id}"]`)?.innerText : void 0);
+		return z({
+			checked: u,
+			toggleCheck: f,
+			disabled: s
+		}), (e, t) => (E(), b(j, null, [C(g(r), p({
+			id: e.id,
+			ref: g(h),
+			role: "switch",
+			type: e.as === "button" ? "button" : void 0,
+			value: e.value,
+			"aria-label": e.$attrs["aria-label"] || O.value,
+			"aria-checked": u.value,
+			"aria-required": e.required,
+			"data-state": u.value ? "checked" : "unchecked",
+			"data-disabled": g(s) ? "" : void 0,
+			"as-child": e.asChild,
+			as: e.as,
+			disabled: g(s)
+		}, {
+			...g(D),
+			...e.$attrs
+		}, {
+			onClick: f,
+			onKeydown: d(l(f, ["prevent"]), ["enter"])
+		}), {
+			default: x(() => [S(e.$slots, "default", {
+				modelValue: g(c),
+				checked: u.value
+			})]),
+			_: 3
+		}, 16, [
+			"id",
+			"type",
+			"value",
+			"aria-label",
+			"aria-checked",
+			"aria-required",
+			"data-state",
+			"data-disabled",
+			"as-child",
+			"as",
+			"disabled",
+			"onKeydown"
+		]), g(T) && e.name ? (E(), m(g(F), p({
+			key: 0,
+			type: "checkbox",
+			name: e.name,
+			disabled: g(s),
+			required: e.required,
+			value: e.value,
+			checked: u.value
+		}, g(D)), null, 16, [
+			"name",
+			"disabled",
+			"required",
+			"value",
+			"checked"
+		])) : y("v-if", !0)], 64));
+	}
+}), V = /* @__PURE__ */ v({
+	__name: "SwitchThumb",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "span"
+		}
+	},
+	setup(e) {
+		let n = R();
+		return t(), (e, t) => (E(), m(g(r), {
+			"data-state": g(n).checked.value ? "checked" : "unchecked",
+			"data-disabled": g(n).disabled.value ? "" : void 0,
+			"as-child": e.asChild,
+			as: e.as
+		}, {
+			default: x(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"data-state",
+			"data-disabled",
+			"as-child",
+			"as"
+		]));
+	}
+}), H = {
+	slots: {
+		root: "relative flex items-start",
+		base: ["inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-3 data-[state=unchecked]:bg-accented", "transition-[background] duration-200 ease-out"],
+		container: "flex items-center",
+		thumb: "group pointer-events-none rounded-full bg-default shadow-lg ring-0 transition-transform duration-200 ease-out motion-reduce:transition-none data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center",
+		icon: ["absolute shrink-0 group-data-[state=unchecked]:text-dimmed opacity-0 size-10/12", "transition-[color,opacity] duration-200 ease-out"],
+		wrapper: "ms-2",
+		label: "block font-medium text-default",
+		description: "text-muted"
+	},
+	variants: {
+		color: {
+			primary: {
+				base: "data-[state=checked]:bg-primary outline-primary/25",
+				icon: "group-data-[state=checked]:text-primary"
+			},
+			secondary: {
+				base: "data-[state=checked]:bg-secondary outline-secondary/25",
+				icon: "group-data-[state=checked]:text-secondary"
+			},
+			success: {
+				base: "data-[state=checked]:bg-success outline-success/25",
+				icon: "group-data-[state=checked]:text-success"
+			},
+			info: {
+				base: "data-[state=checked]:bg-info outline-info/25",
+				icon: "group-data-[state=checked]:text-info"
+			},
+			warning: {
+				base: "data-[state=checked]:bg-warning outline-warning/25",
+				icon: "group-data-[state=checked]:text-warning"
+			},
+			error: {
+				base: "data-[state=checked]:bg-error outline-error/25",
+				icon: "group-data-[state=checked]:text-error"
+			},
+			neutral: {
+				base: "data-[state=checked]:bg-inverted outline-inverted/25",
+				icon: "group-data-[state=checked]:text-highlighted"
+			}
+		},
+		size: {
+			xs: {
+				base: "w-7",
+				container: "h-4",
+				thumb: "size-3 data-[state=checked]:translate-x-3 data-[state=checked]:rtl:-translate-x-3",
+				wrapper: "text-xs"
+			},
+			sm: {
+				base: "w-8",
+				container: "h-4",
+				thumb: "size-3.5 data-[state=checked]:translate-x-3.5 data-[state=checked]:rtl:-translate-x-3.5",
+				wrapper: "text-xs"
+			},
+			md: {
+				base: "w-9",
+				container: "h-5",
+				thumb: "size-4 data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4",
+				wrapper: "text-sm"
+			},
+			lg: {
+				base: "w-10",
+				container: "h-5",
+				thumb: "size-4.5 data-[state=checked]:translate-x-4.5 data-[state=checked]:rtl:-translate-x-4.5",
+				wrapper: "text-sm"
+			},
+			xl: {
+				base: "w-11",
+				container: "h-6",
+				thumb: "size-5 data-[state=checked]:translate-x-5 data-[state=checked]:rtl:-translate-x-5",
+				wrapper: "text-base"
+			}
+		},
+		checked: { true: { icon: "group-data-[state=checked]:opacity-100" } },
+		unchecked: { true: { icon: "group-data-[state=unchecked]:opacity-100" } },
+		loading: { true: { icon: "animate-spin" } },
+		highlight: { true: "" },
+		required: { true: { label: "after:content-['*'] after:ms-0.5 after:text-error" } },
+		disabled: { true: {
+			root: "opacity-75",
+			base: "cursor-not-allowed",
+			label: "cursor-not-allowed",
+			description: "cursor-not-allowed"
+		} }
+	},
+	compoundVariants: [
+		{
+			color: "primary",
+			highlight: !0,
+			class: { base: "ring ring-primary" }
+		},
+		{
+			color: "secondary",
+			highlight: !0,
+			class: { base: "ring ring-secondary" }
+		},
+		{
+			color: "success",
+			highlight: !0,
+			class: { base: "ring ring-success" }
+		},
+		{
+			color: "info",
+			highlight: !0,
+			class: { base: "ring ring-info" }
+		},
+		{
+			color: "warning",
+			highlight: !0,
+			class: { base: "ring ring-warning" }
+		},
+		{
+			color: "error",
+			highlight: !0,
+			class: { base: "ring ring-error" }
+		},
+		{
+			color: "neutral",
+			highlight: !0,
+			class: { base: "ring ring-inverted" }
+		}
+	],
+	defaultVariants: {
+		color: "primary",
+		size: "md"
+	}
+}, U = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "Switch",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		color: {
+			type: null,
+			required: !1
+		},
+		size: {
+			type: null,
+			required: !1
+		},
+		highlight: {
+			type: Boolean,
+			required: !1
+		},
+		loading: {
+			type: Boolean,
+			required: !1
+		},
+		loadingIcon: {
+			type: null,
+			required: !1
+		},
+		checkedIcon: {
+			type: null,
+			required: !1
+		},
+		uncheckedIcon: {
+			type: null,
+			required: !1
+		},
+		label: {
+			type: String,
+			required: !1
+		},
+		description: {
+			type: String,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		id: {
+			type: String,
+			required: !1
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		},
+		value: {
+			type: String,
+			required: !1
+		},
+		defaultValue: {
+			type: null,
+			required: !1
+		},
+		modelValue: {
+			type: null,
+			required: !1
+		},
+		trueValue: {
+			type: null,
+			required: !1
+		},
+		falseValue: {
+			type: null,
+			required: !1
+		}
+	},
+	emits: ["change", "update:modelValue"],
+	setup(t, { emit: n, attrs: i }) {
+		let l = t, d = A(), v = n, w = o("switch", l), k = e(), P = s(a(w, "required", "value", "defaultValue", "modelValue", "trueValue", "falseValue"), v), { id: F, emitFormChange: L, emitFormInput: R, size: z, color: U, highlight: W, name: G, disabled: K, ariaAttrs: q } = u(l), J = F.value ?? N(), Y = _(() => U.value ?? w.color), X = _(() => W.value ?? w.highlight), Z = _(() => z.value ?? w.size), Q = _(() => K.value ?? w.disabled), ee = O(), te = _(() => {
+			let { "data-state": e, ...t } = ee;
+			return t;
+		}), $ = _(() => f({
+			extend: H,
+			...k.ui?.switch || {}
+		})({
+			size: Z.value,
+			color: Y.value,
+			highlight: X.value,
+			required: w.required,
+			loading: w.loading,
+			disabled: Q.value || w.loading
+		}));
+		function ne(e) {
+			let t = new Event("change", { target: { value: e } });
+			v("change", t), L(), R();
+		}
+		return (e, t) => (E(), m(g(r), {
+			as: g(w).as,
+			"data-slot": i["data-slot"] ?? "root",
+			class: M($.value.root({ class: [g(w).ui?.root, g(w).class] }))
+		}, {
+			default: x(() => [D("div", {
+				"data-slot": "container",
+				class: M($.value.container({ class: g(w).ui?.container }))
+			}, [C(g(B), p({ id: g(J) }, {
+				...g(P),
+				...te.value,
+				...g(q)
+			}, {
+				name: g(G),
+				disabled: Q.value || g(w).loading,
+				"data-slot": "base",
+				class: $.value.base({ class: g(w).ui?.base }),
+				"onUpdate:modelValue": ne
+			}), {
+				default: x(() => [C(g(V), {
+					"data-slot": "thumb",
+					class: M($.value.thumb({ class: g(w).ui?.thumb }))
+				}, {
+					default: x(() => [g(w).loading ? (E(), m(c, {
+						key: 0,
+						name: g(w).loadingIcon || g(k).ui.icons.loading,
+						"data-slot": "icon",
+						class: M($.value.icon({
+							class: g(w).ui?.icon,
+							checked: !0,
+							unchecked: !0
+						}))
+					}, null, 8, ["name", "class"])) : (E(), b(j, { key: 1 }, [g(w).checkedIcon ? (E(), m(c, {
+						key: 0,
+						name: g(w).checkedIcon,
+						"data-slot": "icon",
+						class: M($.value.icon({
+							class: g(w).ui?.icon,
+							checked: !0
+						}))
+					}, null, 8, ["name", "class"])) : y("", !0), g(w).uncheckedIcon ? (E(), m(c, {
+						key: 1,
+						name: g(w).uncheckedIcon,
+						"data-slot": "icon",
+						class: M($.value.icon({
+							class: g(w).ui?.icon,
+							unchecked: !0
+						}))
+					}, null, 8, ["name", "class"])) : y("", !0)], 64))]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			}, 16, [
+				"id",
+				"name",
+				"disabled",
+				"class"
+			])], 2), g(w).label || d.label || g(w).description || d.description ? (E(), b("div", {
+				key: 0,
+				"data-slot": "wrapper",
+				class: M($.value.wrapper({ class: g(w).ui?.wrapper }))
+			}, [g(w).label || d.label ? (E(), m(g(I), {
+				key: 0,
+				for: g(J),
+				"data-slot": "label",
+				class: M($.value.label({ class: g(w).ui?.label }))
+			}, {
+				default: x(() => [S(e.$slots, "label", { label: g(w).label }, () => [h(T(g(w).label), 1)])]),
+				_: 3
+			}, 8, ["for", "class"])) : y("", !0), g(w).description || d.description ? (E(), b("p", {
+				key: 1,
+				"data-slot": "description",
+				class: M($.value.description({ class: g(w).ui?.description }))
+			}, [S(e.$slots, "description", { description: g(w).description }, () => [h(T(g(w).description), 1)])], 2)) : y("", !0)], 2)) : y("", !0)]),
+			_: 3
+		}, 8, [
+			"as",
+			"data-slot",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { L as n, U as t };

package/studio/chunks/ToolPage-DxoVAJVk.js

@@ -0,0 +1,29 @@
+import { A as e, Ci as t, K as n, M as r, N as i, gn as a } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { n as o } from "./useStudioNavigation-CLwtSYpb.js";
+//#region src/app/navigation/StudioModuleFrame.vue?vue&type=script&setup=true&lang.ts
+var s = ["src", "title"], c = /* @__PURE__ */ n({
+	__name: "StudioModuleFrame",
+	props: {
+		path: {},
+		label: {}
+	},
+	setup(e) {
+		return (t, n) => (a(), i("iframe", {
+			src: e.path,
+			title: e.label,
+			class: "block h-full min-h-0 w-full border-0"
+		}, null, 8, s));
+	}
+}), l = /* @__PURE__ */ n({
+	__name: "ToolPage",
+	setup(n) {
+		let { selectedTool: i } = o();
+		return (n, o) => t(i) ? (a(), e(c, {
+			key: 0,
+			path: t(i).path,
+			label: t(i).label
+		}, null, 8, ["path", "label"])) : r("", !0);
+	}
+});
+//#endregion
+export { l as default };