@orvui/vue 0.0.0-stage → 0.1.0

package/dist/signup-form-CWYewGba.js

@@ -0,0 +1,407 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { o as t, r as n } from "./ease-rIvCM4O3.js";
+import { t as r } from "./utils-DIrLOK2M.js";
+import { t as i } from "./button-CDD333Yn.js";
+import { t as a } from "./input-B17D4VP0.js";
+import { t as o } from "./Checkbox-yoCQLa6d.js";
+import { t as s } from "./shared-DAEawhBJ.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, useId as T, withCtx as E, withModifiers as D } from "vue";
+import { AnimatePresence as O, motion as k } from "motion-v";
+import { Eye as A, EyeOff as j, Lock as M, Mail as N, User as P } from "lucide-vue-next";
+// src/blocks/signup-form/src/types.ts
+function F(e) {
+	let t = e.length;
+	if (t < 8) return 0;
+	let n = 0;
+	for (let t of [
+		/[a-z]/,
+		/[A-Z]/,
+		/\d/,
+		/[^A-Za-z0-9]/
+	]) t.test(e) && n++;
+	return Math.min(4, 1 + Number(t >= 12) + Number(t >= 16) + Number(n >= 3));
+}
+function I(e) {
+	let t = {};
+	return e.name.trim() || (t.name = "Enter your name."), e.email.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.email) || (t.email = "That doesn't look like an email address.") : t.email = "Enter your email.", e.password ? e.password.length < 8 && (t.password = "Use at least 8 characters.") : t.password = "Choose a password.", e.confirmPassword ? e.confirmPassword !== e.password && (t.confirmPassword = "Passwords don't match.") : t.confirmPassword = "Confirm your password.", e.terms || (t.terms = "Accept the terms to continue."), t;
+}
+// src/blocks/signup-form/src/use-signup.ts
+function L(e, t, n, r, i) {
+	let a = b({
+		name: "",
+		email: "",
+		password: "",
+		confirmPassword: "",
+		terms: !1,
+		...e.defaultValues
+	}), o = b("idle"), s = b({}), c = l(() => e.modelValue ?? e.values ?? a.value), u = l(() => e.status ?? o.value), d = l(() => (e.validate ?? I)(c.value)), f = l(() => F(c.value.password)), p = !1;
+	function m(t, r) {
+		let i = {
+			...c.value,
+			[t]: r
+		};
+		e.modelValue === void 0 && e.values === void 0 && (a.value = i, e.status === void 0 && (o.value === "error" || o.value === "success") && (o.value = "idle")), n(i);
+	}
+	let h = (e) => s.value[e] ? d.value[e] : void 0, g = (e) => !!s.value[e] && !d.value[e] && !!c.value[e];
+	async function v() {
+		if (!(p || u.value === "loading")) {
+			if (s.value = {
+				name: !0,
+				email: !0,
+				password: !0,
+				confirmPassword: !0,
+				terms: !0
+			}, Object.keys(d.value).length) await _(), t.value?.querySelector("[aria-invalid=true]")?.focus();
+			else if (e.onSubmit) {
+				p = !0, e.status === void 0 && (o.value = "loading");
+				try {
+					await e.onSubmit(c.value), e.status === void 0 && (o.value = "success"), r(c.value);
+				} catch (t) {
+					e.status === void 0 && (o.value = "error"), i(t);
+				} finally {
+					p = !1;
+				}
+			}
+		}
+	}
+	return {
+		values: c,
+		status: u,
+		touched: s,
+		strength: f,
+		set: m,
+		shownError: h,
+		isValid: g,
+		submit: v
+	};
+}
+// src/blocks/signup-form/src/SignUpForm.vue?vue&type=script&setup=true&lang.ts
+var R = { class: "flex flex-col gap-2" }, z = ["disabled", "aria-label"], B = {
+	class: "flex gap-1.5",
+	"aria-hidden": "true"
+}, V = {
+	"aria-live": "polite",
+	class: "text-xs text-muted-foreground"
+}, H = /* @__PURE__ */ g({
+	__name: "SignUpForm",
+	props: {
+		modelValue: {},
+		values: {},
+		defaultValues: {},
+		validate: {},
+		status: {},
+		errorMessage: {},
+		title: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Create your account"
+		},
+		description: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Start building in under a minute."
+		},
+		submitLabel: { default: "Create account" },
+		footer: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		strengthMeter: {
+			type: Boolean,
+			default: !0
+		},
+		className: {},
+		classNames: {},
+		onSubmit: {}
+	},
+	emits: [
+		"update:modelValue",
+		"valuesChange",
+		"success",
+		"error"
+	],
+	setup(l, { emit: g }) {
+		let _ = l, F = g, I = b(), H = b(!1), U = T(), W = e(), { values: G, status: K, touched: q, strength: J, set: Y, shownError: X, isValid: Z, submit: Q } = L(_, I, (e) => {
+			F("update:modelValue", e), F("valuesChange", e);
+		}, (e) => F("success", e), (e) => F("error", e)), $ = [{
+			key: "name",
+			label: "Name",
+			autocomplete: "name",
+			placeholder: "Ada Lovelace",
+			icon: P,
+			type: "text"
+		}, {
+			key: "email",
+			label: "Email",
+			autocomplete: "email",
+			placeholder: "you@example.com",
+			icon: N,
+			type: "email"
+		}], ee = [
+			"Too short",
+			"Weak",
+			"Fair",
+			"Good",
+			"Strong"
+		], te = [
+			"bg-destructive",
+			"bg-destructive",
+			"bg-amber-500",
+			"bg-amber-400",
+			"bg-(--color-success)"
+		];
+		return (e, g) => (y(), f("form", {
+			ref_key: "form",
+			ref: I,
+			novalidate: "",
+			onSubmit: g[6] ||= D((...e) => w(Q) && w(Q)(...e), ["prevent"]),
+			class: v(w(r)("flex w-full max-w-sm flex-col gap-5 rounded-3xl border border-border p-6", l.className, l.classNames?.root))
+		}, [
+			l.title || l.description ? (y(), f("div", {
+				key: 0,
+				class: v(w(r)("flex flex-col gap-1", l.classNames?.header))
+			}, [l.title ? (y(), f("h2", {
+				key: 0,
+				class: v(w(r)("text-xl font-semibold tracking-tight text-foreground", l.classNames?.title))
+			}, [h(w(s), { node: l.title }, null, 8, ["node"])], 2)) : d("", !0), l.description ? (y(), f("p", {
+				key: 1,
+				class: v(w(r)("text-sm text-muted-foreground", l.classNames?.description))
+			}, [h(w(s), { node: l.description }, null, 8, ["node"])], 2)) : d("", !0)], 2)) : d("", !0),
+			p("div", { class: v(w(r)("flex flex-col gap-1", l.classNames?.fields)) }, [
+				(y(), f(c, null, x($, (e) => h(w(a), {
+					key: e.key,
+					label: e.label,
+					type: e.type,
+					inputmode: e.key === "email" ? "email" : void 0,
+					autocomplete: e.autocomplete,
+					placeholder: e.placeholder,
+					"left-icon": e.icon,
+					disabled: w(K) === "loading",
+					"model-value": w(G)[e.key],
+					"onUpdate:modelValue": (t) => w(Y)(e.key, t),
+					onBlur: (t) => w(q)[e.key] = !0,
+					error: w(X)(e.key),
+					"reserve-error-line": "",
+					success: w(Z)(e.key)
+				}, null, 8, [
+					"label",
+					"type",
+					"inputmode",
+					"autocomplete",
+					"placeholder",
+					"left-icon",
+					"disabled",
+					"model-value",
+					"onUpdate:modelValue",
+					"onBlur",
+					"error",
+					"success"
+				])), 64)),
+				p("div", R, [h(w(a), {
+					label: "Password",
+					type: H.value ? "text" : "password",
+					autocomplete: "new-password",
+					placeholder: "At least 8 characters",
+					"left-icon": w(M),
+					disabled: w(K) === "loading",
+					"model-value": w(G).password,
+					"onUpdate:modelValue": g[1] ||= (e) => w(Y)("password", e),
+					onBlur: g[2] ||= (e) => w(q).password = !0,
+					error: w(X)("password"),
+					"reserve-error-line": ""
+				}, {
+					rightIcon: E(() => [p("button", {
+						type: "button",
+						disabled: w(K) === "loading",
+						onClick: g[0] ||= (e) => H.value = !H.value,
+						"aria-label": H.value ? "Hide password" : "Show password",
+						class: "text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-2 focus-visible:ring-ring"
+					}, [H.value ? (y(), u(w(j), { key: 0 })) : (y(), u(w(A), { key: 1 }))], 8, z)]),
+					_: 1
+				}, 8, [
+					"type",
+					"left-icon",
+					"disabled",
+					"model-value",
+					"error"
+				]), h(w(O), { initial: !1 }, {
+					default: E(() => [l.strengthMeter && w(G).password.length > 0 ? (y(), u(w(k).div, {
+						key: 0,
+						initial: w(W) ? { opacity: 0 } : {
+							opacity: 0,
+							y: -4
+						},
+						animate: {
+							opacity: 1,
+							y: 0
+						},
+						exit: w(W) ? { opacity: 0 } : {
+							opacity: 0,
+							y: -4
+						},
+						transition: {
+							duration: .18,
+							ease: w(n)
+						},
+						class: v(w(r)("flex flex-col gap-1.5 px-1", l.classNames?.strength))
+					}, {
+						default: E(() => [p("div", B, [(y(), f(c, null, x(4, (e) => p("span", {
+							key: e,
+							class: "h-1 flex-1 overflow-hidden rounded-full bg-muted-foreground/20"
+						}, [h(w(k).span, {
+							initial: !1,
+							animate: { scaleX: +(e <= w(J)) },
+							transition: w(W) ? { duration: 0 } : w(t),
+							class: v(w(r)("block h-full w-full origin-left rounded-full", te[w(J)]))
+						}, null, 8, [
+							"animate",
+							"transition",
+							"class"
+						])])), 64))]), p("p", V, " Password strength: " + C(ee[w(J)]), 1)]),
+						_: 1
+					}, 8, [
+						"initial",
+						"exit",
+						"transition",
+						"class"
+					])) : d("", !0)]),
+					_: 1
+				})]),
+				h(w(a), {
+					label: "Confirm password",
+					type: H.value ? "text" : "password",
+					autocomplete: "new-password",
+					placeholder: "Re-enter your password",
+					"left-icon": w(M),
+					disabled: w(K) === "loading",
+					"model-value": w(G).confirmPassword,
+					"onUpdate:modelValue": g[3] ||= (e) => w(Y)("confirmPassword", e),
+					onBlur: g[4] ||= (e) => w(q).confirmPassword = !0,
+					error: w(X)("confirmPassword"),
+					"reserve-error-line": "",
+					success: w(Z)("confirmPassword")
+				}, null, 8, [
+					"type",
+					"left-icon",
+					"disabled",
+					"model-value",
+					"error",
+					"success"
+				])
+			], 2),
+			p("div", { class: v(w(r)("flex flex-col gap-1.5", l.classNames?.terms)) }, [h(w(o), {
+				"model-value": w(G).terms,
+				disabled: w(K) === "loading",
+				"onUpdate:modelValue": g[5] ||= (e) => {
+					w(Y)("terms", e), w(q).terms = !0;
+				},
+				label: "I agree to the Terms and Privacy Policy",
+				"aria-describedby": w(X)("terms") ? w(U) + "-terms-error" : void 0
+			}, null, 8, [
+				"model-value",
+				"disabled",
+				"aria-describedby"
+			]), h(w(O), { initial: !1 }, {
+				default: E(() => [w(X)("terms") ? (y(), u(w(k).p, {
+					key: 0,
+					id: w(U) + "-terms-error",
+					role: "alert",
+					initial: w(W) ? { opacity: 0 } : {
+						opacity: 0,
+						y: -4,
+						filter: "blur(4px)"
+					},
+					animate: {
+						opacity: 1,
+						y: 0,
+						filter: "blur(0px)"
+					},
+					exit: w(W) ? { opacity: 0 } : {
+						opacity: 0,
+						y: -4,
+						filter: "blur(4px)"
+					},
+					transition: { duration: .2 },
+					class: "px-1 text-xs text-destructive"
+				}, {
+					default: E(() => [m(C(w(X)("terms")), 1)]),
+					_: 1
+				}, 8, [
+					"id",
+					"initial",
+					"exit"
+				])) : d("", !0)]),
+				_: 1
+			})], 2),
+			h(w(O), { initial: !1 }, {
+				default: E(() => [l.errorMessage ? (y(), u(w(k).p, {
+					key: 0,
+					id: w(U) + "-form-error",
+					role: "alert",
+					initial: w(W) ? { opacity: 0 } : {
+						opacity: 0,
+						y: -4
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					exit: w(W) ? { opacity: 0 } : {
+						opacity: 0,
+						y: -4
+					},
+					transition: { duration: .2 },
+					class: "rounded-2xl border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive"
+				}, {
+					default: E(() => [m(C(l.errorMessage), 1)]),
+					_: 1
+				}, 8, [
+					"id",
+					"initial",
+					"exit"
+				])) : d("", !0)]),
+				_: 1
+			}),
+			h(w(i), {
+				type: "submit",
+				size: "lg",
+				state: w(K),
+				"loading-text": "Creating account",
+				"success-text": "Account created",
+				"error-text": "Try again",
+				"aria-describedby": l.errorMessage ? w(U) + "-form-error" : void 0,
+				class: v(w(r)("w-full", l.classNames?.submit))
+			}, {
+				default: E(() => [m(C(l.submitLabel), 1)]),
+				_: 1
+			}, 8, [
+				"state",
+				"aria-describedby",
+				"class"
+			]),
+			e.$slots.footer || l.footer ? (y(), f("div", {
+				key: 1,
+				class: v(w(r)("text-center text-sm text-muted-foreground", l.classNames?.footer))
+			}, [S(e.$slots, "footer", {}, () => [h(w(s), { node: l.footer }, null, 8, ["node"])])], 2)) : d("", !0)
+		], 34));
+	}
+});
+export { I as n, F as r, H as t };
+
+//# sourceMappingURL=signup-form-CWYewGba.js.map

package/dist/signup-form-CWYewGba.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-form-CWYewGba.js","names":["$slots","_openBlock","_createElementBlock","_withModifiers","_unref","_normalizeClass","_createVNode","_createCommentVNode","_createElementVNode","_Fragment","_renderList","Input","_withCtx","_createBlock","_toDisplayString","Checkbox","_createTextVNode","StatefulButton","_renderSlot","_sfc_main","useReducedMotion","SPRING_LAYOUT","EASE_OUT","cn","StatefulButton_default","Input_default","Checkbox_default","RenderNode","passwordStrength","length","password","variety","test","defaultValidate","errors","values","useSignup","local","ref","options","localStatus","touched","computed","status","strength","pending","set","next","key","value","changed","shownError","isValid","submit","nextTick","form","success","error","failed","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","SignUpForm_default","defineComponent","__emit","props","__props","emit","reveal","id","useId","reduce","fields","User","Mail","strengthLabels","strengthColors","openBlock","createElementBlock","_cache","withModifiers","args","unref","normalizeClass","createVNode","createCommentVNode","createElementVNode","Fragment","renderList","field","$event","Lock","withCtx","createBlock","EyeOff","Eye","AnimatePresence","motion","index","toDisplayString","createTextVNode","_ctx","renderSlot"],"sources":["../src/blocks/signup-form/src/types.ts","../src/blocks/signup-form/src/use-signup.ts","../src/blocks/signup-form/src/SignUpForm.vue","../src/blocks/signup-form/src/SignUpForm.vue"],"sourcesContent":["export type SignUpStatus = \"idle\" | \"loading\" | \"success\" | \"error\";\nexport interface SignUpValues {\n  name: string;\n  email: string;\n  password: string;\n  confirmPassword: string;\n  terms: boolean;\n}\nexport type SignUpErrors = Partial<Record<keyof SignUpValues, string>>;\nexport function passwordStrength(password: string) {\n  const length = password.length;\n  if (length < 8) return 0;\n  let variety = 0;\n  for (const test of [/[a-z]/, /[A-Z]/, /\\d/, /[^A-Za-z0-9]/])\n    if (test.test(password)) variety++;\n  return Math.min(\n    4,\n    1 + Number(length >= 12) + Number(length >= 16) + Number(variety >= 3),\n  );\n}\nexport function defaultValidate(values: SignUpValues): SignUpErrors {\n  const errors: SignUpErrors = {};\n  if (!values.name.trim()) errors.name = \"Enter your name.\";\n  if (!values.email.trim()) errors.email = \"Enter your email.\";\n  else if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(values.email))\n    errors.email = \"That doesn't look like an email address.\";\n  if (!values.password) errors.password = \"Choose a password.\";\n  else if (values.password.length < 8)\n    errors.password = \"Use at least 8 characters.\";\n  if (!values.confirmPassword)\n    errors.confirmPassword = \"Confirm your password.\";\n  else if (values.confirmPassword !== values.password)\n    errors.confirmPassword = \"Passwords don't match.\";\n  if (!values.terms) errors.terms = \"Accept the terms to continue.\";\n  return errors;\n}\n","import { computed, nextTick, ref, type Ref } from \"vue\";\nimport {\n  defaultValidate,\n  passwordStrength,\n  type SignUpErrors,\n  type SignUpStatus,\n  type SignUpValues,\n} from \"./types\";\ntype Options = {\n  modelValue?: SignUpValues;\n  values?: SignUpValues;\n  defaultValues?: Partial<SignUpValues>;\n  validate?: (values: SignUpValues) => SignUpErrors;\n  status?: SignUpStatus;\n  onSubmit?: (values: SignUpValues) => void | Promise<void>;\n};\nexport function useSignup(\n  options: Options,\n  form: Ref<HTMLFormElement | undefined>,\n  changed: (values: SignUpValues) => void,\n  success: (values: SignUpValues) => void,\n  failed: (error: unknown) => void,\n) {\n  const local = ref<SignUpValues>({\n    name: \"\",\n    email: \"\",\n    password: \"\",\n    confirmPassword: \"\",\n    terms: false,\n    ...options.defaultValues,\n  });\n  const localStatus = ref<SignUpStatus>(\"idle\"),\n    touched = ref<Partial<Record<keyof SignUpValues, boolean>>>({});\n  const values = computed(\n      () => options.modelValue ?? options.values ?? local.value,\n    ),\n    status = computed(() => options.status ?? localStatus.value);\n  const errors = computed(() =>\n      (options.validate ?? defaultValidate)(values.value),\n    ),\n    strength = computed(() => passwordStrength(values.value.password));\n  let pending = false;\n  function set<K extends keyof SignUpValues>(key: K, value: SignUpValues[K]) {\n    const next = { ...values.value, [key]: value };\n    if (options.modelValue === undefined && options.values === undefined) {\n      local.value = next;\n      if (\n        options.status === undefined &&\n        (localStatus.value === \"error\" || localStatus.value === \"success\")\n      )\n        localStatus.value = \"idle\";\n    }\n    changed(next);\n  }\n  const shownError = (key: keyof SignUpValues) =>\n    touched.value[key] ? errors.value[key] : undefined;\n  const isValid = (key: keyof SignUpValues) =>\n    !!touched.value[key] && !errors.value[key] && !!values.value[key];\n  async function submit() {\n    if (pending || status.value === \"loading\") return;\n    touched.value = {\n      name: true,\n      email: true,\n      password: true,\n      confirmPassword: true,\n      terms: true,\n    };\n    if (Object.keys(errors.value).length) {\n      await nextTick();\n      form.value?.querySelector<HTMLElement>(\"[aria-invalid=true]\")?.focus();\n      return;\n    }\n    if (!options.onSubmit) return;\n    pending = true;\n    if (options.status === undefined) localStatus.value = \"loading\";\n    try {\n      await options.onSubmit(values.value);\n      if (options.status === undefined) localStatus.value = \"success\";\n      success(values.value);\n    } catch (error) {\n      if (options.status === undefined) localStatus.value = \"error\";\n      failed(error);\n    } finally {\n      pending = false;\n    }\n  }\n  return {\n    values,\n    status,\n    touched,\n    strength,\n    set,\n    shownError,\n    isValid,\n    submit,\n  };\n}\n","<script setup lang=\"ts\">\nimport { ref, useId } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { Eye, EyeOff, Lock, Mail, User } from \"lucide-vue-next\";\nimport { StatefulButton } from \"../../../motion/button\";\nimport { Checkbox } from \"../../../motion/checkbox\";\nimport { Input } from \"../../../motion/input\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport type { SignUpValues, SignUpStatus, SignUpErrors } from \"./types\";\nimport type { SignUpFormClassNames } from \"./source-types\";\nimport { useSignup } from \"./use-signup\";\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: SignUpValues;\n    values?: SignUpValues;\n    defaultValues?: Partial<SignUpValues>;\n    validate?: (values: SignUpValues) => SignUpErrors;\n    status?: SignUpStatus;\n    errorMessage?: string;\n    title?: Content;\n    description?: Content;\n    submitLabel?: string;\n    footer?: Content;\n    strengthMeter?: boolean;\n    className?: string;\n    classNames?: SignUpFormClassNames;\n    onSubmit?: (values: SignUpValues) => void | Promise<void>;\n  }>(),\n  {\n    title: \"Create your account\",\n    description: \"Start building in under a minute.\",\n    submitLabel: \"Create account\",\n    strengthMeter: true,\n  },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [values: SignUpValues];\n  valuesChange: [values: SignUpValues];\n  success: [values: SignUpValues];\n  error: [error: unknown];\n}>();\nconst form = ref<HTMLFormElement>(),\n  reveal = ref(false),\n  id = useId(),\n  reduce = useReducedMotion();\nconst { values, status, touched, strength, set, shownError, isValid, submit } =\n  useSignup(\n    props,\n    form,\n    (next) => {\n      emit(\"update:modelValue\", next);\n      emit(\"valuesChange\", next);\n    },\n    (next) => emit(\"success\", next),\n    (error) => emit(\"error\", error),\n  );\nconst fields = [\n  {\n    key: \"name\",\n    label: \"Name\",\n    autocomplete: \"name\",\n    placeholder: \"Ada Lovelace\",\n    icon: User,\n    type: \"text\",\n  },\n  {\n    key: \"email\",\n    label: \"Email\",\n    autocomplete: \"email\",\n    placeholder: \"you@example.com\",\n    icon: Mail,\n    type: \"email\",\n  },\n] as const;\nconst strengthLabels = [\"Too short\", \"Weak\", \"Fair\", \"Good\", \"Strong\"],\n  strengthColors = [\n    \"bg-destructive\",\n    \"bg-destructive\",\n    \"bg-amber-500\",\n    \"bg-amber-400\",\n    \"bg-(--color-success)\",\n  ];\n</script>\n<template>\n  <form\n    ref=\"form\"\n    novalidate\n    @submit.prevent=\"submit\"\n    :class=\"\n      cn(\n        'flex w-full max-w-sm flex-col gap-5 rounded-3xl border border-border p-6',\n        className,\n        classNames?.root,\n      )\n    \"\n  >\n    <div\n      v-if=\"title || description\"\n      :class=\"cn('flex flex-col gap-1', classNames?.header)\"\n    >\n      <h2\n        v-if=\"title\"\n        :class=\"\n          cn(\n            'text-xl font-semibold tracking-tight text-foreground',\n            classNames?.title,\n          )\n        \"\n      >\n        <RenderNode :node=\"title\" />\n      </h2>\n      <p\n        v-if=\"description\"\n        :class=\"cn('text-sm text-muted-foreground', classNames?.description)\"\n      >\n        <RenderNode :node=\"description\" />\n      </p>\n    </div>\n    <div :class=\"cn('flex flex-col gap-1', classNames?.fields)\">\n      <Input\n        v-for=\"field in fields\"\n        :key=\"field.key\"\n        :label=\"field.label\"\n        :type=\"field.type\"\n        :inputmode=\"field.key === 'email' ? 'email' : undefined\"\n        :autocomplete=\"field.autocomplete\"\n        :placeholder=\"field.placeholder\"\n        :left-icon=\"field.icon\"\n        :disabled=\"status === 'loading'\"\n        :model-value=\"values[field.key]\"\n        @update:model-value=\"set(field.key, $event)\"\n        @blur=\"touched[field.key] = true\"\n        :error=\"shownError(field.key)\"\n        reserve-error-line\n        :success=\"isValid(field.key)\"\n      />\n      <div class=\"flex flex-col gap-2\">\n        <Input\n          label=\"Password\"\n          :type=\"reveal ? 'text' : 'password'\"\n          autocomplete=\"new-password\"\n          placeholder=\"At least 8 characters\"\n          :left-icon=\"Lock\"\n          :disabled=\"status === 'loading'\"\n          :model-value=\"values.password\"\n          @update:model-value=\"set('password', $event)\"\n          @blur=\"touched.password = true\"\n          :error=\"shownError('password')\"\n          reserve-error-line\n          ><template #rightIcon\n            ><button\n              type=\"button\"\n              :disabled=\"status === 'loading'\"\n              @click=\"reveal = !reveal\"\n              :aria-label=\"reveal ? 'Hide password' : 'Show password'\"\n              class=\"text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <EyeOff v-if=\"reveal\" /><Eye v-else /></button></template\n        ></Input>\n        <AnimatePresence :initial=\"false\"\n          ><motion.div\n            v-if=\"strengthMeter && values.password.length > 0\"\n            :initial=\"reduce ? { opacity: 0 } : { opacity: 0, y: -4 }\"\n            :animate=\"{ opacity: 1, y: 0 }\"\n            :exit=\"reduce ? { opacity: 0 } : { opacity: 0, y: -4 }\"\n            :transition=\"{ duration: 0.18, ease: EASE_OUT }\"\n            :class=\"cn('flex flex-col gap-1.5 px-1', classNames?.strength)\"\n            ><div class=\"flex gap-1.5\" aria-hidden=\"true\">\n              <span\n                v-for=\"index in 4\"\n                :key=\"index\"\n                class=\"h-1 flex-1 overflow-hidden rounded-full bg-muted-foreground/20\"\n                ><motion.span\n                  :initial=\"false\"\n                  :animate=\"{ scaleX: index <= strength ? 1 : 0 }\"\n                  :transition=\"reduce ? { duration: 0 } : SPRING_LAYOUT\"\n                  :class=\"\n                    cn(\n                      'block h-full w-full origin-left rounded-full',\n                      strengthColors[strength],\n                    )\n                  \"\n              /></span>\n            </div>\n            <p aria-live=\"polite\" class=\"text-xs text-muted-foreground\">\n              Password strength: {{ strengthLabels[strength] }}\n            </p></motion.div\n          ></AnimatePresence\n        >\n      </div>\n      <Input\n        label=\"Confirm password\"\n        :type=\"reveal ? 'text' : 'password'\"\n        autocomplete=\"new-password\"\n        placeholder=\"Re-enter your password\"\n        :left-icon=\"Lock\"\n        :disabled=\"status === 'loading'\"\n        :model-value=\"values.confirmPassword\"\n        @update:model-value=\"set('confirmPassword', $event)\"\n        @blur=\"touched.confirmPassword = true\"\n        :error=\"shownError('confirmPassword')\"\n        reserve-error-line\n        :success=\"isValid('confirmPassword')\"\n      />\n    </div>\n    <div :class=\"cn('flex flex-col gap-1.5', classNames?.terms)\">\n      <Checkbox\n        :model-value=\"values.terms\"\n        :disabled=\"status === 'loading'\"\n        @update:model-value=\"\n          set('terms', $event);\n          touched.terms = true;\n        \"\n        label=\"I agree to the Terms and Privacy Policy\"\n        :aria-describedby=\"\n          shownError('terms') ? id + '-terms-error' : undefined\n        \"\n      /><AnimatePresence :initial=\"false\"\n        ><motion.p\n          v-if=\"shownError('terms')\"\n          :id=\"id + '-terms-error'\"\n          role=\"alert\"\n          :initial=\"\n            reduce ? { opacity: 0 } : { opacity: 0, y: -4, filter: 'blur(4px)' }\n          \"\n          :animate=\"{ opacity: 1, y: 0, filter: 'blur(0px)' }\"\n          :exit=\"\n            reduce ? { opacity: 0 } : { opacity: 0, y: -4, filter: 'blur(4px)' }\n          \"\n          :transition=\"{ duration: 0.2 }\"\n          class=\"px-1 text-xs text-destructive\"\n          >{{ shownError(\"terms\") }}</motion.p\n        ></AnimatePresence\n      >\n    </div>\n    <AnimatePresence :initial=\"false\"\n      ><motion.p\n        v-if=\"errorMessage\"\n        :id=\"id + '-form-error'\"\n        role=\"alert\"\n        :initial=\"reduce ? { opacity: 0 } : { opacity: 0, y: -4 }\"\n        :animate=\"{ opacity: 1, y: 0 }\"\n        :exit=\"reduce ? { opacity: 0 } : { opacity: 0, y: -4 }\"\n        :transition=\"{ duration: 0.2 }\"\n        class=\"rounded-2xl border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive\"\n        >{{ errorMessage }}</motion.p\n      ></AnimatePresence\n    >\n    <StatefulButton\n      type=\"submit\"\n      size=\"lg\"\n      :state=\"status\"\n      loading-text=\"Creating account\"\n      success-text=\"Account created\"\n      error-text=\"Try again\"\n      :aria-describedby=\"errorMessage ? id + '-form-error' : undefined\"\n      :class=\"cn('w-full', classNames?.submit)\"\n      >{{ submitLabel }}</StatefulButton\n    >\n    <div\n      v-if=\"$slots.footer || footer\"\n      :class=\"\n        cn('text-center text-sm text-muted-foreground', classNames?.footer)\n      \"\n    >\n      <slot name=\"footer\"><RenderNode :node=\"footer\" /></slot>\n    </div>\n  </form>\n</template>\n","<script setup lang=\"ts\">\nimport { ref, useId } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { Eye, EyeOff, Lock, Mail, User } from \"lucide-vue-next\";\nimport { StatefulButton } from \"../../../motion/button\";\nimport { Checkbox } from \"../../../motion/checkbox\";\nimport { Input } from \"../../../motion/input\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport type { SignUpValues, SignUpStatus, SignUpErrors } from \"./types\";\nimport type { SignUpFormClassNames } from \"./source-types\";\nimport { useSignup } from \"./use-signup\";\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: SignUpValues;\n    values?: SignUpValues;\n    defaultValues?: Partial<SignUpValues>;\n    validate?: (values: SignUpValues) => SignUpErrors;\n    status?: SignUpStatus;\n    errorMessage?: string;\n    title?: Content;\n    description?: Content;\n    submitLabel?: string;\n    footer?: Content;\n    strengthMeter?: boolean;\n    className?: string;\n    classNames?: SignUpFormClassNames;\n    onSubmit?: (values: SignUpValues) => void | Promise<void>;\n  }>(),\n  {\n    title: \"Create your account\",\n    description: \"Start building in under a minute.\",\n    submitLabel: \"Create account\",\n    strengthMeter: true,\n  },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [values: SignUpValues];\n  valuesChange: [values: SignUpValues];\n  success: [values: SignUpValues];\n  error: [error: unknown];\n}>();\nconst form = ref<HTMLFormElement>(),\n  reveal = ref(false),\n  id = useId(),\n  reduce = useReducedMotion();\nconst { values, status, touched, strength, set, shownError, isValid, submit } =\n  useSignup(\n    props,\n    form,\n    (next) => {\n      emit(\"update:modelValue\", next);\n      emit(\"valuesChange\", next);\n    },\n    (next) => emit(\"success\", next),\n    (error) => emit(\"error\", error),\n  );\nconst fields = [\n  {\n    key: \"name\",\n    label: \"Name\",\n    autocomplete: \"name\",\n    placeholder: \"Ada Lovelace\",\n    icon: User,\n    type: \"text\",\n  },\n  {\n    key: \"email\",\n    label: \"Email\",\n    autocomplete: \"email\",\n    placeholder: \"you@example.com\",\n    icon: Mail,\n    type: \"email\",\n  },\n] as const;\nconst strengthLabels = [\"Too short\", \"Weak\", \"Fair\", \"Good\", \"Strong\"],\n  strengthColors = [\n    \"bg-destructive\",\n    \"bg-destructive\",\n    \"bg-amber-500\",\n    \"bg-amber-400\",\n    \"bg-(--color-success)\",\n  ];\n</script>\n<template>\n  <form\n    ref=\"form\"\n    novalidate\n    @submit.prevent=\"submit\"\n    :class=\"\n      cn(\n        'flex w-full max-w-sm flex-col gap-5 rounded-3xl border border-border p-6',\n        className,\n        classNames?.root,\n      )\n    \"\n  >\n    <div\n      v-if=\"title || description\"\n      :class=\"cn('flex flex-col gap-1', classNames?.header)\"\n    >\n      <h2\n        v-if=\"title\"\n        :class=\"\n          cn(\n            'text-xl font-semibold tracking-tight text-foreground',\n            classNames?.title,\n          )\n        \"\n      >\n        <RenderNode :node=\"title\" />\n      </h2>\n      <p\n        v-if=\"description\"\n        :class=\"cn('text-sm text-muted-foreground', classNames?.description)\"\n      >\n        <RenderNode :node=\"description\" />\n      </p>\n    </div>\n    <div :class=\"cn('flex flex-col gap-1', classNames?.fields)\">\n      <Input\n        v-for=\"field in fields\"\n        :key=\"field.key\"\n        :label=\"field.label\"\n        :type=\"field.type\"\n        :inputmode=\"field.key === 'email' ? 'email' : undefined\"\n        :autocomplete=\"field.autocomplete\"\n        :placeholder=\"field.placeholder\"\n        :left-icon=\"field.icon\"\n        :disabled=\"status === 'loading'\"\n        :model-value=\"values[field.key]\"\n        @update:model-value=\"set(field.key, $event)\"\n        @blur=\"touched[field.key] = true\"\n        :error=\"shownError(field.key)\"\n        reserve-error-line\n        :success=\"isValid(field.key)\"\n      />\n      <div class=\"flex flex-col gap-2\">\n        <Input\n          label=\"Password\"\n          :type=\"reveal ? 'text' : 'password'\"\n          autocomplete=\"new-password\"\n          placeholder=\"At least 8 characters\"\n          :left-icon=\"Lock\"\n          :disabled=\"status === 'loading'\"\n          :model-value=\"values.password\"\n          @update:model-value=\"set('password', $event)\"\n          @blur=\"touched.password = true\"\n          :error=\"shownError('password')\"\n          reserve-error-line\n          ><template #rightIcon\n            ><button\n              type=\"button\"\n              :disabled=\"status === 'loading'\"\n              @click=\"reveal = !reveal\"\n              :aria-label=\"reveal ? 'Hide password' : 'Show password'\"\n              class=\"text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <EyeOff v-if=\"reveal\" /><Eye v-else /></button></template\n        ></Input>\n        <AnimatePresence :initial=\"false\"\n          ><motion.div\n            v-if=\"strengthMeter && values.password.length > 0\"\n            :initial=\"reduce ? { opacity: 0 } : { opacity: 0, y: -4 }\"\n            :animate=\"{ opacity: 1, y: 0 }\"\n            :exit=\"reduce ? { opacity: 0 } : { opacity: 0, y: -4 }\"\n            :transition=\"{ duration: 0.18, ease: EASE_OUT }\"\n            :class=\"cn('flex flex-col gap-1.5 px-1', classNames?.strength)\"\n            ><div class=\"flex gap-1.5\" aria-hidden=\"true\">\n              <span\n                v-for=\"index in 4\"\n                :key=\"index\"\n                class=\"h-1 flex-1 overflow-hidden rounded-full bg-muted-foreground/20\"\n                ><motion.span\n                  :initial=\"false\"\n                  :animate=\"{ scaleX: index <= strength ? 1 : 0 }\"\n                  :transition=\"reduce ? { duration: 0 } : SPRING_LAYOUT\"\n                  :class=\"\n                    cn(\n                      'block h-full w-full origin-left rounded-full',\n                      strengthColors[strength],\n                    )\n                  \"\n              /></span>\n            </div>\n            <p aria-live=\"polite\" class=\"text-xs text-muted-foreground\">\n              Password strength: {{ strengthLabels[strength] }}\n            </p></motion.div\n          ></AnimatePresence\n        >\n      </div>\n      <Input\n        label=\"Confirm password\"\n        :type=\"reveal ? 'text' : 'password'\"\n        autocomplete=\"new-password\"\n        placeholder=\"Re-enter your password\"\n        :left-icon=\"Lock\"\n        :disabled=\"status === 'loading'\"\n        :model-value=\"values.confirmPassword\"\n        @update:model-value=\"set('confirmPassword', $event)\"\n        @blur=\"touched.confirmPassword = true\"\n        :error=\"shownError('confirmPassword')\"\n        reserve-error-line\n        :success=\"isValid('confirmPassword')\"\n      />\n    </div>\n    <div :class=\"cn('flex flex-col gap-1.5', classNames?.terms)\">\n      <Checkbox\n        :model-value=\"values.terms\"\n        :disabled=\"status === 'loading'\"\n        @update:model-value=\"\n          set('terms', $event);\n          touched.terms = true;\n        \"\n        label=\"I agree to the Terms and Privacy Policy\"\n        :aria-describedby=\"\n          shownError('terms') ? id + '-terms-error' : undefined\n        \"\n      /><AnimatePresence :initial=\"false\"\n        ><motion.p\n          v-if=\"shownError('terms')\"\n          :id=\"id + '-terms-error'\"\n          role=\"alert\"\n          :initial=\"\n            reduce ? { opacity: 0 } : { opacity: 0, y: -4, filter: 'blur(4px)' }\n          \"\n          :animate=\"{ opacity: 1, y: 0, filter: 'blur(0px)' }\"\n          :exit=\"\n            reduce ? { opacity: 0 } : { opacity: 0, y: -4, filter: 'blur(4px)' }\n          \"\n          :transition=\"{ duration: 0.2 }\"\n          class=\"px-1 text-xs text-destructive\"\n          >{{ shownError(\"terms\") }}</motion.p\n        ></AnimatePresence\n      >\n    </div>\n    <AnimatePresence :initial=\"false\"\n      ><motion.p\n        v-if=\"errorMessage\"\n        :id=\"id + '-form-error'\"\n        role=\"alert\"\n        :initial=\"reduce ? { opacity: 0 } : { opacity: 0, y: -4 }\"\n        :animate=\"{ opacity: 1, y: 0 }\"\n        :exit=\"reduce ? { opacity: 0 } : { opacity: 0, y: -4 }\"\n        :transition=\"{ duration: 0.2 }\"\n        class=\"rounded-2xl border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive\"\n        >{{ errorMessage }}</motion.p\n      ></AnimatePresence\n    >\n    <StatefulButton\n      type=\"submit\"\n      size=\"lg\"\n      :state=\"status\"\n      loading-text=\"Creating account\"\n      success-text=\"Account created\"\n      error-text=\"Try again\"\n      :aria-describedby=\"errorMessage ? id + '-form-error' : undefined\"\n      :class=\"cn('w-full', classNames?.submit)\"\n      >{{ submitLabel }}</StatefulButton\n    >\n    <div\n      v-if=\"$slots.footer || footer\"\n      :class=\"\n        cn('text-center text-sm text-muted-foreground', classNames?.footer)\n      \"\n    >\n      <slot name=\"footer\"><RenderNode :node=\"footer\" /></slot>\n    </div>\n  </form>\n</template>\n"],"mappings":"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"}