brutx-ui-vue 0.10.0 → 0.10.1

package/dist/chunks/AccordionContent-CaTxwpAt.js

@@ -0,0 +1,141 @@
+import { n as e } from "./utils-D4SUu3He.js";
+import { i as t, o as n } from "./brutal-interaction-variants-Dd50fX12.js";
+import { t as r } from "./icon-size-variants-Cp9lYoRk.js";
+import { Comment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, inject as f, mergeProps as p, normalizeClass as m, openBlock as h, provide as g, renderSlot as _, toRef as v, unref as y, useSlots as b, withCtx as x } from "vue";
+import { ChevronDown as S } from "@lucide/vue";
+import { AccordionContent as C, AccordionHeader as w, AccordionItem as T, AccordionRoot as E, AccordionTrigger as D, useForwardProps as O, useForwardPropsEmits as k } from "reka-ui";
+import { cva as A } from "class-variance-authority";
+//#endregion
+//#region src/components/accordion/Accordion.vue
+var j = /* @__PURE__ */ d({
+	__name: "Accordion",
+	props: {
+		collapsible: { type: Boolean },
+		disabled: { type: Boolean },
+		dir: {},
+		orientation: {},
+		unmountOnHide: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		type: {},
+		modelValue: {},
+		defaultValue: {},
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, s = k(a(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}), i), c = a(() => e(r.class));
+		return (e, t) => (h(), o(y(E), p(y(s), { class: c.value }), {
+			default: x(() => [_(e.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), M = [
+	"mb-4",
+	"data-[state=closed]:shadow-brutal-sm",
+	"data-[state=open]:shadow-brutal",
+	"data-[state=open]:-translate-x-0.5",
+	"data-[state=open]:-translate-y-0.5"
+], N = A(["border-3 bg-brutal-bg text-brutal-fg", "transition-all duration-150"], {
+	variants: { variant: {
+		default: ["border-brutal", ...M],
+		flat: ["border-brutal", "shadow-none mb-4"],
+		ghost: ["border-transparent", "shadow-none mb-2"],
+		interactive: [
+			"border-brutal",
+			...M,
+			t
+		]
+	} },
+	defaultVariants: { variant: "default" }
+}), P = A([
+	"flex flex-1 items-center justify-between py-4 px-6",
+	"text-left font-black tracking-wide transition-all",
+	"hover:bg-brutal-muted",
+	n
+], {
+	variants: { variant: {
+		default: "hover:shadow-brutal-sm hover:-translate-y-0.5",
+		flat: "",
+		ghost: "",
+		interactive: ""
+	} },
+	defaultVariants: { variant: "default" }
+}), F = "shrink-0 transition-transform duration-200 border-3 border-brutal rounded-brutal bg-brutal-bg p-0.5 shadow-brutal-sm", I = A("border-t-3 p-6 bg-brutal-bg text-brutal-fg", {
+	variants: { variant: {
+		default: "border-brutal",
+		flat: "border-brutal bg-brutal-muted/30",
+		ghost: "border-transparent",
+		interactive: "border-brutal hover:bg-brutal-muted/20"
+	} },
+	defaultVariants: { variant: "default" }
+}), L = Symbol("accordionItem"), R = /* @__PURE__ */ d({
+	__name: "AccordionItem",
+	props: {
+		variant: { default: "default" },
+		class: { default: void 0 },
+		disabled: { type: Boolean },
+		value: {},
+		unmountOnHide: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t, r = O(a(() => {
+			let { class: e, variant: t, ...r } = n;
+			return r;
+		})), i = a(() => e(N({ variant: n.variant }), n.class));
+		return g(L, { variant: v(n, "variant") }), (e, t) => (h(), o(y(T), p(y(r), { class: i.value }), {
+			default: x(() => [_(e.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), z = /* @__PURE__ */ d({
+	__name: "AccordionTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { default: void 0 },
+		iconSize: { default: "lg" }
+	},
+	setup(t) {
+		let n = t, l = f(L, { variant: a(() => void 0) }), d = O(a(() => {
+			let { class: e, iconSize: t, ...r } = n;
+			return r;
+		})), g = a(() => e(P({ variant: l.variant.value }), "[&[data-state=open]_[data-accordion-icon]]:rotate-180", n.class)), v = b(), C = a(() => v.icon ? v.icon().some((e) => e.type !== i) : !0), T = a(() => e("inline-flex items-center justify-center", F)), E = a(() => r({ size: n.iconSize }));
+		return (e, t) => (h(), o(y(w), { class: "flex !m-0" }, {
+			default: x(() => [u(y(D), p(y(d), { class: g.value }), {
+				default: x(() => [_(e.$slots, "default"), C.value ? (h(), c("span", {
+					key: 0,
+					"data-accordion-icon": "",
+					class: m(T.value)
+				}, [_(e.$slots, "icon", {}, () => [u(y(S), { class: m(E.value) }, null, 8, ["class"])])], 2)) : s("", !0)]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), B = /* @__PURE__ */ d({
+	__name: "AccordionContent",
+	props: {
+		forceMount: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(t) {
+		let n = t, r = f(L, { variant: a(() => void 0) }), i = a(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, a) => (h(), o(y(C), p(i.value, { class: y(e)("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", n.class) }), {
+			default: x(() => [l("div", { class: m(y(I)({ variant: y(r).variant.value })) }, [_(t.$slots, "default")], 2)]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { I as a, P as c, L as i, j as l, z as n, N as o, R as r, F as s, B as t };

package/dist/chunks/{AlertDescription-Bp69BOkN.js → AlertDescription-CkxZay6m.js}

@@ -1,13 +1,13 @@
 import { n as e } from "./utils-D4SUu3He.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-BqrvVG21.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, useSlots as m, withCtx as h } from "vue";
-import { X as g } from "@lucide/vue";
-import { Primitive as _ } from "reka-ui";
-import { cva as v } from "class-variance-authority";
+import { t as r } from "./Button-QI4aDHQu.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, onBeforeUnmount as f, onMounted as p, openBlock as m, provide as h, ref as g, renderSlot as _, unref as v, useId as y, useSlots as b, withCtx as x, withModifiers as S } from "vue";
+import { X as C } from "@lucide/vue";
+import { Primitive as w } from "reka-ui";
+import { cva as T } from "class-variance-authority";
 //#region src/components/alert/alert-variants.ts
-var y = v([
+var E = T([
 	"relative w-full p-4",
 	"border-3 border-brutal",
 	"rounded-brutal",
@@ -25,10 +25,10 @@ var y = v([
 		info: "bg-brutal-info text-brutal-info-foreground"
 	} },
 	defaultVariants: { variant: "default" }
-}), b = {
+}), D = Symbol("alert-description-ids"), O = ["aria-describedby"], k = {
 	key: 0,
 	class: "mt-3 flex items-center gap-2"
-}, x = /* @__PURE__ */ l({
+}, A = /* @__PURE__ */ l({
 	__name: "Alert",
 	props: {
 		variant: { default: "default" },
@@ -39,30 +39,34 @@ var y = v([
 		class: { default: void 0 }
 	},
 	emits: ["close"],
-	setup(l, { emit: _ }) {
-		let v = m(), x = l, S = _, { t: C } = n(), w = i(() => e(y({ variant: x.variant }), x.closable && "pr-12", x.class)), T = i(() => e(t({ size: "md" }), "stroke-[3]"));
-		return (e, t) => (d(), s("div", {
+	setup(l, { emit: u }) {
+		let f = b(), p = l, y = u, { t: w } = n(), T = g([]);
+		h(D, T);
+		let A = i(() => {
+			if (T.value.length !== 0) return T.value.join(" ");
+		}), j = i(() => e(E({ variant: p.variant }), p.closable && "pr-12", p.class)), M = i(() => e(t({ size: "md" }), "stroke-[3]"));
+		return (e, t) => (m(), s("div", {
 			role: "alert",
-			"aria-live": "assertive",
-			class: u(w.value)
+			class: d(j.value),
+			"aria-describedby": A.value
 		}, [
-			f(e.$slots, "default"),
-			p(v).actions ? (d(), s("div", b, [f(e.$slots, "actions")])) : o("", !0),
-			l.closable ? (d(), a(r, {
+			_(e.$slots, "default"),
+			v(f).actions ? (m(), s("div", k, [_(e.$slots, "actions")])) : o("", !0),
+			l.closable ? (m(), a(r, {
 				key: 1,
 				type: "button",
 				variant: "ghost",
 				size: "icon",
 				class: "absolute right-3 top-3 h-8 w-8",
-				"aria-label": p(C)("alert.close"),
-				onClick: t[0] ||= (e) => S("close")
+				"aria-label": v(w)("alert.close"),
+				onClick: t[0] ||= S((e) => y("close"), ["stop"])
 			}, {
-				default: h(() => [c(p(g), { class: u(T.value) }, null, 8, ["class"])]),
+				default: x(() => [c(v(C), { class: d(M.value) }, null, 8, ["class"])]),
 				_: 1
 			}, 8, ["aria-label"])) : o("", !0)
-		], 2));
+		], 10, O));
 	}
-}), S = /* @__PURE__ */ l({
+}), j = /* @__PURE__ */ l({
 	__name: "AlertTitle",
 	props: {
 		class: { default: void 0 },
@@ -74,12 +78,12 @@ var y = v([
 	},
 	setup(t) {
 		let n = t, r = i(() => e("mb-1 font-black tracking-tight leading-none", n.class));
-		return (e, t) => (d(), a(p(_), {
+		return (e, t) => (m(), a(v(w), {
 			as: n.as,
 			"as-child": n.asChild,
-			class: u(r.value)
+			class: d(r.value)
 		}, {
-			default: h(() => [f(e.$slots, "default")]),
+			default: x(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"as",
@@ -87,13 +91,25 @@ var y = v([
 			"class"
 		]));
 	}
-}), C = /* @__PURE__ */ l({
+}), M = ["id"], N = /* @__PURE__ */ l({
 	__name: "AlertDescription",
-	props: { class: {} },
+	props: {
+		id: {},
+		class: {}
+	},
 	setup(t) {
-		let n = t, r = i(() => e("text-sm font-medium [&_p]:leading-relaxed", n.class));
-		return (e, t) => (d(), s("div", { class: u(r.value) }, [f(e.$slots, "default")], 2));
+		let n = t, r = y(), a = i(() => n.id ?? `alert-description-${r}`), o = u(D, null);
+		p(() => {
+			o?.value.push(a.value);
+		}), f(() => {
+			o && (o.value = o.value.filter((e) => e !== a.value));
+		});
+		let c = i(() => e("text-sm font-medium [&_p]:leading-relaxed", n.class));
+		return (e, t) => (m(), s("div", {
+			id: a.value,
+			class: d(c.value)
+		}, [_(e.$slots, "default")], 10, M));
 	}
 });
 //#endregion
-export { y as i, S as n, x as r, C as t };
+export { E as a, D as i, j as n, A as r, N as t };

package/dist/chunks/AlertDialogCancel-bJYOPbTY.js

@@ -0,0 +1,141 @@
+import { n as e } from "./utils-D4SUu3He.js";
+import { t } from "./button-variants-CBpRcDNH.js";
+import { a as n, i as r, r as i, t as a } from "./modal-variants-BpiGhY-y.js";
+import { t as o } from "./floating-animation-classes-BEu35hIg.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
+import { AlertDialogAction as b, AlertDialogCancel as x, AlertDialogContent as S, AlertDialogDescription as C, AlertDialogOverlay as w, AlertDialogPortal as T, AlertDialogTitle as E, useForwardProps as D } from "reka-ui";
+import { cva as O } from "class-variance-authority";
+//#region src/components/alert-dialog/alert-dialog-variants.ts
+var k = O([
+	"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4",
+	"p-6 text-brutal-fg",
+	...a,
+	...o
+]), A = O(["text-lg font-black tracking-tight text-brutal-fg"]), j = O(["text-sm text-brutal-muted-foreground font-medium"]), M = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "AlertDialogContent",
+	props: {
+		class: { type: [
+			Array,
+			Object,
+			String,
+			Number,
+			null,
+			Boolean
+		] },
+		overlayClass: { type: [
+			Array,
+			Object,
+			String,
+			Number,
+			null,
+			Boolean
+		] }
+	},
+	setup(t) {
+		let n = t, r = s(() => e(i(), n.overlayClass)), a = s(() => e(k(), n.class));
+		return (e, t) => (g(), c(v(T), null, {
+			default: y(() => [f(v(w), { class: h(r.value) }, null, 8, ["class"]), f(v(S), m(e.$attrs, { class: a.value }), {
+				default: y(() => [_(e.$slots, "default")]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), N = /* @__PURE__ */ p({
+	__name: "AlertDialogHeader",
+	props: { class: { type: [
+		Array,
+		Object,
+		String,
+		Number,
+		null,
+		Boolean
+	] } },
+	setup(t) {
+		let r = t, i = s(() => e(n(), r.class));
+		return (e, t) => (g(), u("header", { class: h(i.value) }, [_(e.$slots, "default")], 2));
+	}
+}), P = /* @__PURE__ */ p({
+	__name: "AlertDialogFooter",
+	props: { class: { type: [
+		Array,
+		Object,
+		String,
+		Number,
+		null,
+		Boolean
+	] } },
+	setup(t) {
+		let n = t, i = s(() => e(r(), n.class));
+		return (e, t) => e.$slots.default ? (g(), u("div", {
+			key: 0,
+			class: h(i.value)
+		}, [_(e.$slots, "default")], 2)) : l("", !0);
+	}
+}), F = /* @__PURE__ */ p({
+	__name: "AlertDialogTitle",
+	props: { class: { type: [
+		Array,
+		Object,
+		String,
+		Number,
+		null,
+		Boolean
+	] } },
+	setup(t) {
+		let n = t, r = s(() => e(A(), n.class));
+		return (e, t) => (g(), c(v(E), { class: h(r.value) }, {
+			default: y(() => [_(e.$slots, "default", {}, () => [t[0] ||= d("Alert", -1)])]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), I = /* @__PURE__ */ p({
+	__name: "AlertDialogDescription",
+	props: { class: { type: [
+		Array,
+		Object,
+		String,
+		Number,
+		null,
+		Boolean
+	] } },
+	setup(t) {
+		let n = t, r = s(() => e(j(), n.class));
+		return (e, t) => (g(), c(v(C), { class: h(r.value) }, {
+			default: y(() => [_(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), L = /* @__PURE__ */ p({
+	__name: "AlertDialogAction",
+	setup(n) {
+		let r = n, i = D(s(() => {
+			let { class: e, variant: t, ...n } = r;
+			return n;
+		})), a = s(() => e(t({ variant: r.variant }), r.class));
+		return (e, t) => (g(), c(v(b), m(v(i), { class: a.value }), {
+			default: y(() => [_(e.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), R = /* @__PURE__ */ p({
+	__name: "AlertDialogCancel",
+	props: { class: { type: [
+		Array,
+		Object,
+		String,
+		Number,
+		null,
+		Boolean
+	] } },
+	setup(n) {
+		let r = n, i = s(() => e(t({ variant: "outline" }), r.class));
+		return (e, t) => (g(), c(v(x), { class: h(i.value) }, {
+			default: y(() => [_(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { P as a, k as c, F as i, j as l, L as n, N as o, I as r, M as s, R as t, A as u };

package/dist/chunks/AuthCard-DiQZx8pV.js

@@ -0,0 +1,219 @@
+import { n as e } from "./utils-D4SUu3He.js";
+import { t } from "./icon-size-variants-Cp9lYoRk.js";
+import { useLocale as n } from "../composables/useLocale.js";
+import { t as r } from "./Button-QI4aDHQu.js";
+import { t as i } from "./Label-XrK3v0Wx.js";
+import { t as a } from "./Input-CUcG77vb.js";
+import { t as o } from "./Card-01h9lLdf.js";
+import { i as s, n as c, r as ee, t as l } from "./CardFooter-C6APHurx.js";
+import { t as u } from "./CardContent-DQSu-W_o.js";
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, ref as x, toDisplayString as S, unref as C, useId as w, watch as T, withCtx as E, withModifiers as D } from "vue";
+import { Lock as te, Mail as ne } from "@lucide/vue";
+//#region src/lib/validation.ts
+var re = /^[a-zA-Z0-9_%+-]+(?:\.[a-zA-Z0-9_%+-]+)*@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*\.[a-zA-Z]{2,}$/, ie = { class: "grid grid-cols-2 gap-3 mb-6" }, ae = { class: "relative mb-6" }, oe = { class: "relative flex justify-center text-xs" }, O = { class: "bg-brutal-bg px-2 font-bold text-brutal-muted-foreground" }, k = { class: "space-y-2" }, A = { class: "relative" }, j = ["id"], M = { class: "space-y-2" }, N = { class: "flex items-center justify-between" }, P = { class: "relative" }, F = ["id"], I = { class: "text-sm font-medium text-brutal-muted-foreground" }, L = /* @__PURE__ */ v({
+	__name: "AuthCard",
+	props: {
+		title: { default: void 0 },
+		description: { default: void 0 },
+		texts: { default: () => ({}) },
+		class: { default: void 0 },
+		iconSize: { default: "md" },
+		submitting: {
+			type: Boolean,
+			default: !1
+		},
+		passwordMinLength: { default: 6 }
+	},
+	emits: [
+		"login-submit",
+		"forgot-password",
+		"google-click",
+		"github-click",
+		"register-click"
+	],
+	setup(v, { emit: L }) {
+		let R = v, { t: z } = n(), B = L, V = d(() => e("w-full max-w-md mx-auto", R.class)), H = d(() => e(t({ size: R.iconSize }), "stroke-[3]")), U = d(() => e("absolute left-3 top-1/2 -translate-y-1/2 text-brutal-muted-foreground", H.value)), W = e(t({ size: "md" }), "mr-2"), G = w(), K = w(), q = w(), J = w(), Y = x(""), X = x(""), Z = x(""), Q = x(""), se = d(() => R.title ?? R.texts.welcomeBack ?? z("authCard.welcomeBack")), ce = d(() => R.description ?? R.texts.signInToContinue ?? z("authCard.signInToContinue")), le = d(() => R.texts.google ?? z("authCard.google")), ue = d(() => R.texts.github ?? z("authCard.github")), de = d(() => R.texts.orEmailLogin ?? z("authCard.orEmailLogin")), fe = d(() => R.texts.email ?? z("authCard.email")), pe = d(() => R.texts.password ?? z("authCard.password")), $ = d(() => R.texts.forgotPassword ?? z("authCard.forgotPassword")), me = d(() => R.texts.signIn ?? z("authCard.signIn")), he = d(() => R.texts.noAccount ?? z("authCard.noAccount")), ge = d(() => R.texts.register ?? z("authCard.register"));
+		T(Y, () => {
+			Z.value = "";
+		}), T(X, () => {
+			Q.value = "";
+		});
+		function _e() {
+			if (R.submitting) return;
+			Z.value = "", Q.value = "";
+			let e = !0;
+			(!Y.value || !re.test(Y.value)) && (Z.value = z("authCard.invalidEmail"), e = !1), X.value ? [...X.value].length < R.passwordMinLength && (Q.value = z("authCard.passwordTooShort", { min: R.passwordMinLength }), e = !1) : (Q.value = z("authCard.passwordRequired"), e = !1), e && B("login-submit", {
+				email: Y.value,
+				password: X.value
+			});
+		}
+		return (e, t) => (b(), f(o, {
+			class: y(V.value),
+			variant: "default"
+		}, {
+			default: E(() => [
+				_(s, null, {
+					default: E(() => [_(ee, { class: "text-2xl" }, {
+						default: E(() => [g(S(se.value), 1)]),
+						_: 1
+					}), _(c, null, {
+						default: E(() => [g(S(ce.value), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				_(u, null, {
+					default: E(() => [
+						h("div", ie, [_(r, {
+							variant: "outline",
+							class: "w-full",
+							disabled: v.submitting,
+							onClick: t[0] ||= (e) => B("google-click")
+						}, {
+							default: E(() => [(b(), m("svg", {
+								class: y(C(W)),
+								viewBox: "0 0 24 24",
+								"aria-hidden": "true"
+							}, [...t[6] ||= [
+								h("path", {
+									d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",
+									fill: "var(--brutal-info)"
+								}, null, -1),
+								h("path", {
+									d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
+									fill: "var(--brutal-success)"
+								}, null, -1),
+								h("path", {
+									d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
+									fill: "var(--brutal-accent)"
+								}, null, -1),
+								h("path", {
+									d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
+									fill: "var(--brutal-destructive)"
+								}, null, -1)
+							]], 2)), g(" " + S(le.value), 1)]),
+							_: 1
+						}, 8, ["disabled"]), _(r, {
+							variant: "outline",
+							class: "w-full",
+							disabled: v.submitting,
+							onClick: t[1] ||= (e) => B("github-click")
+						}, {
+							default: E(() => [(b(), m("svg", {
+								class: y(C(W)),
+								fill: "currentColor",
+								viewBox: "0 0 24 24",
+								"aria-hidden": "true"
+							}, [...t[7] ||= [h("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" }, null, -1)]], 2)), g(" " + S(ue.value), 1)]),
+							_: 1
+						}, 8, ["disabled"])]),
+						h("div", ae, [t[8] ||= h("div", { class: "absolute inset-0 flex items-center" }, [h("div", { class: "w-full border-t-3 border-brutal" })], -1), h("div", oe, [h("span", O, S(de.value), 1)])]),
+						h("form", {
+							class: "space-y-4",
+							onSubmit: D(_e, ["prevent"])
+						}, [
+							h("div", k, [
+								_(i, { for: C(G) }, {
+									default: E(() => [g(S(fe.value), 1)]),
+									_: 1
+								}, 8, ["for"]),
+								h("div", A, [_(C(ne), {
+									class: y(U.value),
+									"aria-hidden": "true"
+								}, null, 8, ["class"]), _(a, {
+									id: C(G),
+									modelValue: Y.value,
+									"onUpdate:modelValue": t[2] ||= (e) => Y.value = e,
+									type: "email",
+									autocomplete: "email",
+									variant: Z.value ? "error" : "default",
+									"aria-describedby": Z.value ? C(q) : void 0,
+									placeholder: C(z)("authCard.emailPlaceholder"),
+									size: "default",
+									class: "pl-10"
+								}, null, 8, [
+									"id",
+									"modelValue",
+									"variant",
+									"aria-describedby",
+									"placeholder"
+								])]),
+								Z.value ? (b(), m("p", {
+									key: 0,
+									id: C(q),
+									class: "text-sm font-bold text-brutal-destructive"
+								}, S(Z.value), 9, j)) : p("", !0)
+							]),
+							h("div", M, [
+								h("div", N, [_(i, { for: C(K) }, {
+									default: E(() => [g(S(pe.value), 1)]),
+									_: 1
+								}, 8, ["for"]), _(r, {
+									type: "button",
+									variant: "link",
+									class: "text-sm font-bold text-brutal-primary",
+									onClick: t[3] ||= (e) => B("forgot-password")
+								}, {
+									default: E(() => [g(S($.value), 1)]),
+									_: 1
+								})]),
+								h("div", P, [_(C(te), {
+									class: y(U.value),
+									"aria-hidden": "true"
+								}, null, 8, ["class"]), _(a, {
+									id: C(K),
+									modelValue: X.value,
+									"onUpdate:modelValue": t[4] ||= (e) => X.value = e,
+									type: "password",
+									"show-password": "",
+									autocomplete: "current-password",
+									variant: Q.value ? "error" : "default",
+									"aria-describedby": Q.value ? C(J) : void 0,
+									placeholder: C(z)("authCard.passwordPlaceholder"),
+									size: "default",
+									class: "pl-10"
+								}, null, 8, [
+									"id",
+									"modelValue",
+									"variant",
+									"aria-describedby",
+									"placeholder"
+								])]),
+								Q.value ? (b(), m("p", {
+									key: 0,
+									id: C(J),
+									class: "text-sm font-bold text-brutal-destructive"
+								}, S(Q.value), 9, F)) : p("", !0)
+							]),
+							_(r, {
+								type: "submit",
+								variant: "primary",
+								class: "w-full",
+								loading: v.submitting
+							}, {
+								default: E(() => [g(S(me.value), 1)]),
+								_: 1
+							}, 8, ["loading"])
+						], 32)
+					]),
+					_: 1
+				}),
+				_(l, { class: "justify-center" }, {
+					default: E(() => [h("p", I, [g(S(he.value) + " ", 1), _(r, {
+						type: "button",
+						variant: "link",
+						class: "font-bold text-brutal-primary",
+						onClick: t[5] ||= (e) => B("register-click")
+					}, {
+						default: E(() => [g(S(ge.value), 1)]),
+						_: 1
+					})])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { L as t };