@phtngyn/cms 0.2.0-beta.8 → 0.3.0

package/studio/chunks/FormField-CgM6l2Yn.js

@@ -0,0 +1,198 @@
+import { $ as e, A as t, E as n, a as r, b as i, i as a, n as o, r as s, y as c } from "./Button-BT3ztSPx.js";
+import { $t as l, A as u, B as d, Ci as f, Cr as p, Ct as m, E as h, K as g, M as _, N as v, Or as y, Pn as b, V as x, fa as S, gn as C, ii as w, k as T, mr as E, ra as D, ur as O, wn as k } from "./runtime-core.esm-bundler-DKFA9Rep.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/Label/Label.js
+var A = /* @__PURE__ */ g({
+	__name: "Label",
+	props: {
+		for: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "label"
+		}
+	},
+	setup(e) {
+		let r = e;
+		return t(), (e, t) => (C(), u(f(n), l(r, { onMousedown: t[0] ||= (e) => {
+			!e.defaultPrevented && e.detail > 1 && e.preventDefault();
+		} }), {
+			default: y(() => [b(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), j = {
+	slots: {
+		root: "",
+		wrapper: "",
+		labelWrapper: "flex content-center items-center justify-between gap-1",
+		label: "block font-medium text-default",
+		container: "relative",
+		description: "text-muted",
+		error: "mt-2 text-error",
+		hint: "text-muted",
+		help: "mt-2 text-muted"
+	},
+	variants: {
+		size: {
+			xs: { root: "text-xs" },
+			sm: { root: "text-xs" },
+			md: { root: "text-sm" },
+			lg: { root: "text-sm" },
+			xl: { root: "text-base" }
+		},
+		required: { true: { label: "after:content-['*'] after:ms-0.5 after:text-error" } },
+		orientation: {
+			vertical: { container: "mt-1" },
+			horizontal: { root: "flex justify-between place-items-baseline gap-2" }
+		}
+	},
+	defaultVariants: { size: "md" }
+}, M = ["id"], N = ["id"], P = ["id"], F = ["id"], I = {
+	__name: "FormField",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		errorPattern: {
+			type: null,
+			required: !1
+		},
+		label: {
+			type: String,
+			required: !1
+		},
+		description: {
+			type: String,
+			required: !1
+		},
+		help: {
+			type: String,
+			required: !1
+		},
+		error: {
+			type: [Boolean, String],
+			required: !1,
+			default: void 0
+		},
+		hint: {
+			type: String,
+			required: !1
+		},
+		size: {
+			type: null,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		},
+		eagerValidation: {
+			type: Boolean,
+			required: !1
+		},
+		validateOnInputDelay: {
+			type: Number,
+			required: !1
+		},
+		orientation: {
+			type: null,
+			required: !1,
+			default: "vertical"
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		}
+	},
+	setup(t) {
+		let l = t, g = E(), I = i("formField", l), L = e(), R = h(() => c({
+			extend: j,
+			...L.ui?.formField || {}
+		})({
+			size: I.size,
+			required: I.required,
+			orientation: I.orientation
+		})), z = m(o, null), B = h(() => I.error || z?.value?.find((e) => e.name === I.name || I.errorPattern && e.name?.match(I.errorPattern))?.message), V = w(O()), H = V.value, U = m(a, void 0);
+		return p(V, () => {
+			U && I.name && (U.value[I.name] = {
+				id: V.value,
+				pattern: I.errorPattern
+			});
+		}, { immediate: !0 }), k(r, V), k(s, h(() => ({
+			error: B.value,
+			name: I.name,
+			size: I.size,
+			eagerValidation: I.eagerValidation,
+			validateOnInputDelay: I.validateOnInputDelay,
+			errorPattern: I.errorPattern,
+			hint: I.hint,
+			description: I.description,
+			help: I.help,
+			ariaId: H
+		}))), (e, t) => (C(), u(f(n), {
+			as: f(I).as,
+			"data-orientation": f(I).orientation,
+			"data-slot": "root",
+			class: D(R.value.root({ class: [f(I).ui?.root, f(I).class] }))
+		}, {
+			default: y(() => [T("div", {
+				"data-slot": "wrapper",
+				class: D(R.value.wrapper({ class: f(I).ui?.wrapper }))
+			}, [f(I).label || g.label ? (C(), v("div", {
+				key: 0,
+				"data-slot": "labelWrapper",
+				class: D(R.value.labelWrapper({ class: f(I).ui?.labelWrapper }))
+			}, [x(f(A), {
+				for: V.value,
+				"data-slot": "label",
+				class: D(R.value.label({ class: f(I).ui?.label }))
+			}, {
+				default: y(() => [b(e.$slots, "label", { label: f(I).label }, () => [d(S(f(I).label), 1)])]),
+				_: 3
+			}, 8, ["for", "class"]), f(I).hint || g.hint ? (C(), v("span", {
+				key: 0,
+				id: `${f(H)}-hint`,
+				"data-slot": "hint",
+				class: D(R.value.hint({ class: f(I).ui?.hint }))
+			}, [b(e.$slots, "hint", { hint: f(I).hint }, () => [d(S(f(I).hint), 1)])], 10, M)) : _("", !0)], 2)) : _("", !0), f(I).description || g.description ? (C(), v("p", {
+				key: 1,
+				id: `${f(H)}-description`,
+				"data-slot": "description",
+				class: D(R.value.description({ class: f(I).ui?.description }))
+			}, [b(e.$slots, "description", { description: f(I).description }, () => [d(S(f(I).description), 1)])], 10, N)) : _("", !0)], 2), T("div", { class: D([(f(I).label || !!g.label || f(I).description || !!g.description) && R.value.container({ class: f(I).ui?.container })]) }, [b(e.$slots, "default", { error: B.value }), f(I).error !== !1 && (typeof B.value == "string" && B.value || g.error) ? (C(), v("div", {
+				key: 0,
+				id: `${f(H)}-error`,
+				"data-slot": "error",
+				class: D(R.value.error({ class: f(I).ui?.error }))
+			}, [b(e.$slots, "error", { error: B.value }, () => [d(S(B.value), 1)])], 10, P)) : f(I).help || g.help ? (C(), v("div", {
+				key: 1,
+				id: `${f(H)}-help`,
+				"data-slot": "help",
+				class: D(R.value.help({ class: f(I).ui?.help }))
+			}, [b(e.$slots, "help", { help: f(I).help }, () => [d(S(f(I).help), 1)])], 10, F)) : _("", !0)], 2)]),
+			_: 3
+		}, 8, [
+			"as",
+			"data-orientation",
+			"class"
+		]));
+	}
+};
+//#endregion
+export { A as n, I as t };