brutx-ui-vue 0.9.4 → 0.9.6

package/README.md

@@ -1,56 +1,42 @@
 # Brutx UI
 
-新粗野主义 Vue 3 组件库，支持 CLI 工具。将组件复制到你的代码库中，获得完全的自定义控制权。
+面向 Vue 3 + Tailwind CSS 的新粗野主义组件注册表。将组件复制到你的代码库中，获得完全的自定义和控制权。
 
 **[English](/packages/ui/README-en.md)**
 
 [![npm version](https://img.shields.io/npm/v/brutx-ui-vue.svg?style=flat-square&color=FF6B6B)](https://www.npmjs.com/package/brutx-ui-vue)
 [![npm downloads](https://img.shields.io/npm/dm/brutx-ui-vue.svg?style=flat-square)](https://www.npmjs.com/package/brutx-ui-vue)
 [![License: MIT](https://img.shields.io/badge/License-MIT-4ECDC4.svg?style=flat-square)](https://opensource.org/licenses/MIT)
-[![TypeScript](https://img.shields.io/badge/TypeScript-5.7+-FFE66D.svg?style=flat-square)](https://www.typescriptlang.org/)
+[![TypeScript](https://img.shields.io/badge/TypeScript-6.0+-FFE66D.svg?style=flat-square)](https://www.typescriptlang.org/)
 
 ## 特性
 
-- **CLI 工具**：通过 `npx brutx-vue@latest` 将组件复制到你的代码库
-- **完全控制**：拥有并自定义每一个组件
-- **粗野主义风格**：粗边框、偏移阴影、鲜艳色彩
-- **Tailwind 就绪令牌**：background/foreground/primary/secondary/destructive、ring、input、card 等。通过 `.dark` 支持暗色模式
-- **基于 reka-ui 的无头原语**、CVA 变体、tailwind-merge `cn()`
-- **国际化支持**：内置 `useLocale()` 组合式函数，支持多语言
-- **主题预设**：经典（默认）、柔和、单色三种主题
+- **CLI 工具**：通过 `npx brutx-vue@latest` 进行初始化、添加、更新和检测等丰富操作。
+- **完全控制**：组件直接复制到你的项目目录中，拥有并可随心自定义每一个组件的所有源码。
+- **粗野主义风格**：经典粗边框、硬阴影、零妥协、鲜艳色彩。
+- **Tailwind 就绪令牌**：基于 CSS 自定义属性构建，原生支持 `.dark` 暗色模式。
+- **现代无头原语**：基于 reka-ui 的无头原语、CVA 变体、tailwind-merge `cn()` 合并。
+- **国际化与多语言**：内置轻量 `useLocale()`，支持运行时切换。
+- **四大主题预设**：内置经典（Classic）、柔和（Pastel）、单色（Mono）以及温暖（Warm）四套主题预设。
 
-## 安装
+## 快速开始
 
-使用 CLI 将组件添加到你的项目：
+使用 CLI 初始化你的项目并添加组件：
 
 ```bash
-# 初始化你的项目
+# 初始化你的项目（生成 components.json 并配置路径）
 npx brutx-vue@latest init
 
-# 添加组件
+# 添加指定组件
 npx brutx-vue@latest add button card badge
 
-# 或添加全部组件
+# 或一键添加全部组件
 npx brutx-vue@latest add --all
 ```
 
-## 升级
-
-当 BrutxUI 发布新版本时，重新运行 init 命令即可升级：
-
-```bash
-npx brutx-vue@latest init
-```
-
-你也可以单独更新已有组件：
-
-```bash
-npx brutx-vue@latest add button --overwrite
-```
-
 ## 用法
 
-添加组件后，从你的项目中导入它们：
+添加组件后，直接从你项目的相应文件夹（默认是 `@/components/ui`）中导入并使用它们：
 
 ```vue
 <script setup lang="ts">
@@ -75,31 +61,25 @@ import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'
 </template>
 ```
 
-## CLI 命令
-
-| 命令                               | 说明                           |
-| ---------------------------------- | ------------------------------ |
-| `npx brutx-vue@latest init`            | 使用 components.json 初始化项目 |
-| `npx brutx-vue@latest add <component>` | 添加指定组件                   |
-| `npx brutx-vue@latest add --all`       | 添加全部组件                   |
-
-## 组件列表
-
-### 基础组件
-
-Accordion · Alert · AlertDialog · Avatar · Badge · Button · Card · Card3D · Checkbox · Combobox · Command · Dialog · DropdownMenu · Input · Label · NumberInput · Popover · Progress · RadioGroup · ScrollArea · Select · Separator · Sheet · Skeleton · Slider · Switch · Table · Tabs · TagsInput · Textarea · Toast · Toggle · ToggleGroup · Tooltip
+## CLI 详细命令
 
-### 页面与区块
+`brutx-vue` CLI 提供了丰富的命令来帮助你维护和操作组件：
 
-AuthCard · BrutalistHero · CookieConsent · DashboardShell · FeedbackForm · FooterSection · HeaderSection · PricingSection
-
-### 特色组件
-
-BeforeAfter · Calendar · Carousel · ChatBubble · CodeBlock · CopyToClipboard · Counter · DataTable · GlitchText · HardcoreInput · Kanban · Kbd · Marquee · Pagination · ScratchCard · SketchyChart · Spinner · Stepper · Timeline · TreeView · Upload
+| 命令 | 参数/选项 | 说明 |
+| :--- | :--- | :--- |
+| `init` | - | 在项目根目录下初始化 `components.json` 配置文件 |
+| `add <components...>` | `--all`, `--overwrite`, `--yes` | 将指定组件（或全部组件）复制到项目中，使用 `--overwrite` 可覆盖已存在的本地组件 |
+| `remove <components...>` | `--dry-run`, `--yes` | 安全地移除项目中的组件，并会自动检测并提示清理不再被引用的孤儿文件（如 composable / locale） |
+| `list` | - | 列出所有可添加的组件，以及当前项目已安装的组件列表 |
+| `info <component>` | - | 查看指定组件的详细元数据，包括描述、类型和外部/内部依赖项 |
+| `diff <component>` | - | 对比本地组件和注册表中最新组件的行级代码差异 |
+| `update` | `--dry-run`, `--all`, `--yes` | 一键检测并更新本地组件，使用 `--dry-run` 可只进行差异预览 |
+| `doctor` | `--fix`, `--yes` | 项目健康度诊断，检测并自动修复配置、依赖、工具函数和 CSS token 等 8 类问题 |
+| `create <name>` | - | 快速为本地的自定义新组件或区块生成模板骨架代码 |
 
 ## Claude Code Skill
 
-BrutxUI 提供了 Claude Code Skill，让 AI 助手能够根据 BrutxUI 设计规范生成组件代码。
+BrutxUI 提供了 Claude Code Skill，让 AI 助手能够参考本地规范并为你自动生成新粗野主义的组件代码。
 
 ### 安装方式
 
@@ -115,21 +95,16 @@ cp -r skills/brutxui ~/.claude/skills/brutxui
 
 ### 使用方式
 
-安装后，在 Claude Code 中直接描述你的需求即可：
-
+在 Claude Code 中直接提问即可：
 - "用 BrutxUI 创建一个登录表单"
 - "帮我做一个新粗野主义风格的定价页面"
-- "BrutxUI 的 Button 组件怎么用？"
-
-Claude 会自动参考组件文档、样式规范和代码模板，生成符合 BrutxUI 设计规范的代码。
 
-## 备注
+## 说明与定制
 
-- **暗色模式**：在 `html` 或 `body` 上添加/移除 `.dark` 以切换主题
-- **组件所有权**：组件会复制到你的项目中，让你拥有完全的所有权和自定义控制权
-- **令牌覆盖**：可通过设置 CSS 变量（`--brutal-*`）进行覆盖
-- **主题预设**：`.theme-classic`（默认）· `.theme-pastel`（柔和）· `.theme-mono`（单色）
+- **暗色模式**：在 `html` 或 `body` 上切换 `.dark` 类名即可。
+- **自定义视觉参数**：在项目的 CSS 中覆盖自定义属性（如 `--brutal-border-width`, `--brutal-radius`, `--brutal-shadow-offset-x` 等）。
+- **内置主题类名**：`.theme-classic`（经典）· `.theme-pastel`（柔和）· `.theme-mono`（单色）· `.theme-warm`（温暖）。
 
 ## 许可证
 
-[MIT](https://opensource.org/licenses/MIT)
+基于 [MIT 许可证](../../LICENSE) 开源。

package/dist/chunks/AccordionContent-CB1FhY6J.js

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

package/dist/chunks/AlertDescription--g0juUsk.js

@@ -0,0 +1,98 @@
+import { n as e } from "./utils-CUXX1zll.js";
+import { t } from "./icon-size-variants-nPLFCnI7.js";
+import { useLocale as n } from "../composables/useLocale.js";
+import { t as r } from "./Button-UuduRGTk.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";
+//#region src/components/alert/alert-variants.ts
+var y = v([
+	"relative w-full p-4",
+	"border-3 border-brutal",
+	"rounded-brutal",
+	"shadow-brutal",
+	"[&>svg~*]:pl-8 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4",
+	"[&>svg]:h-5 [&>svg]:w-5 [&>svg]:stroke-[2.5]"
+], {
+	variants: { variant: {
+		default: "bg-brutal-bg text-brutal-fg",
+		primary: "bg-brutal-primary text-brutal-primary-foreground",
+		secondary: "bg-brutal-secondary text-brutal-secondary-foreground",
+		success: "bg-brutal-success text-brutal-success-foreground",
+		warning: "bg-brutal-accent text-brutal-accent-foreground",
+		danger: "bg-brutal-destructive text-brutal-destructive-foreground",
+		info: "bg-brutal-info text-brutal-info-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+}), b = {
+	key: 0,
+	class: "mt-3 flex items-center gap-2"
+}, x = /* @__PURE__ */ l({
+	__name: "Alert",
+	props: {
+		variant: { default: "default" },
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		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: "default" }), "stroke-[3]"));
+		return (e, t) => (d(), s("div", {
+			role: "alert",
+			"aria-live": "assertive",
+			class: u(w.value)
+		}, [
+			f(e.$slots, "default"),
+			p(v).actions ? (d(), s("div", b, [f(e.$slots, "actions")])) : o("", !0),
+			l.closable ? (d(), a(r, {
+				key: 1,
+				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")
+			}, {
+				default: h(() => [c(p(g), { class: u(T.value) }, null, 8, ["class"])]),
+				_: 1
+			}, 8, ["aria-label"])) : o("", !0)
+		], 2));
+	}
+}), S = /* @__PURE__ */ l({
+	__name: "AlertTitle",
+	props: {
+		class: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: "h5" }
+	},
+	setup(t) {
+		let n = t, r = i(() => e("mb-1 font-black tracking-tight leading-none", n.class));
+		return (e, t) => (d(), a(p(_), {
+			as: n.as,
+			"as-child": n.asChild,
+			class: u(r.value)
+		}, {
+			default: h(() => [f(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class"
+		]));
+	}
+}), C = /* @__PURE__ */ l({
+	__name: "AlertDescription",
+	props: { 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));
+	}
+});
+//#endregion
+export { y as i, S as n, x as r, C as t };

package/dist/chunks/AlertDialogCancel-DXBjaQOy.js

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

package/dist/chunks/AuthCard-DmUp4761.js

@@ -0,0 +1,185 @@
+import { n as e } from "./utils-CUXX1zll.js";
+import { t } from "./icon-size-variants-nPLFCnI7.js";
+import { useLocale as n } from "../composables/useLocale.js";
+import { t as r } from "./Button-UuduRGTk.js";
+import { t as i } from "./Label-B3416ZVX.js";
+import { t as a } from "./Input-Cgt7mldw.js";
+import { t as o } from "./Card-DSO1PnPd.js";
+import { i as s, n as c, r as l, t as u } from "./CardFooter-qWuhvRh2.js";
+import { t as d } from "./CardContent-BMUyIIpB.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, openBlock as x, ref as S, toDisplayString as C, unref as w, useId as T, withCtx as E, withModifiers as D } from "vue";
+import { Lock as O, Mail as ee } from "@lucide/vue";
+//#region src/lib/validation.ts
+var te = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, ne = { class: "grid grid-cols-2 gap-3 mb-6" }, k = { class: "relative mb-6" }, A = { class: "relative flex justify-center text-xs" }, j = { class: "bg-brutal-bg px-2 font-bold text-brutal-muted-foreground" }, M = { class: "space-y-2" }, N = { class: "relative" }, P = {
+	key: 0,
+	class: "text-sm font-bold text-brutal-destructive"
+}, F = { class: "space-y-2" }, I = { class: "flex items-center justify-between" }, L = { class: "relative" }, R = {
+	key: 0,
+	class: "text-sm font-bold text-brutal-destructive"
+}, z = { class: "text-sm font-medium text-brutal-muted-foreground" }, B = /* @__PURE__ */ y({
+	__name: "AuthCard",
+	props: {
+		title: { default: void 0 },
+		description: { default: void 0 },
+		texts: { default: () => ({}) },
+		class: { default: void 0 },
+		iconSize: { default: "default" }
+	},
+	emits: [
+		"login-submit",
+		"forgot-password",
+		"google-click",
+		"github-click",
+		"register-click"
+	],
+	setup(y, { emit: B }) {
+		let V = y, { t: H } = n(), U = B, W = f(() => e("w-full max-w-md mx-auto", V.class)), re = f(() => e(t({ size: V.iconSize }), "stroke-[3]")), G = f(() => e("absolute left-3 top-1/2 -translate-y-1/2 text-brutal-muted-foreground", re.value)), K = e(t({ size: "default" }), "mr-2"), q = T(), J = T(), Y = S(""), X = S(""), Z = S(""), Q = S(""), ie = f(() => V.title ?? V.texts.welcomeBack ?? H("authCard.welcomeBack")), ae = f(() => V.description ?? V.texts.signInToContinue ?? H("authCard.signInToContinue")), oe = f(() => V.texts.google ?? H("authCard.google")), se = f(() => V.texts.github ?? H("authCard.github")), ce = f(() => V.texts.orEmailLogin ?? H("authCard.orEmailLogin")), le = f(() => V.texts.email ?? H("authCard.email")), $ = f(() => V.texts.password ?? H("authCard.password")), ue = f(() => V.texts.forgotPassword ?? H("authCard.forgotPassword")), de = f(() => V.texts.signIn ?? H("authCard.signIn")), fe = f(() => V.texts.noAccount ?? H("authCard.noAccount")), pe = f(() => V.texts.register ?? H("authCard.register"));
+		function me() {
+			Z.value = "", Q.value = "";
+			let e = !0;
+			(!Y.value || !te.test(Y.value)) && (Z.value = H("authCard.invalidEmail"), e = !1), X.value || (Q.value = H("authCard.passwordRequired"), e = !1), e && U("login-submit", {
+				email: Y.value,
+				password: X.value
+			});
+		}
+		return (e, t) => (x(), p(o, {
+			class: b(W.value),
+			variant: "default"
+		}, {
+			default: E(() => [
+				v(s, null, {
+					default: E(() => [v(l, { class: "text-2xl" }, {
+						default: E(() => [_(C(ie.value), 1)]),
+						_: 1
+					}), v(c, null, {
+						default: E(() => [_(C(ae.value), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				v(d, null, {
+					default: E(() => [
+						g("div", ne, [v(r, {
+							variant: "outline",
+							class: "w-full",
+							onClick: t[0] ||= (e) => U("google-click")
+						}, {
+							default: E(() => [(x(), h("svg", {
+								class: b(w(K)),
+								viewBox: "0 0 24 24"
+							}, [...t[6] ||= [
+								g("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),
+								g("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),
+								g("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),
+								g("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)), _(" " + C(oe.value), 1)]),
+							_: 1
+						}), v(r, {
+							variant: "outline",
+							class: "w-full",
+							onClick: t[1] ||= (e) => U("github-click")
+						}, {
+							default: E(() => [(x(), h("svg", {
+								class: b(w(K)),
+								fill: "currentColor",
+								viewBox: "0 0 24 24"
+							}, [...t[7] ||= [g("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)), _(" " + C(se.value), 1)]),
+							_: 1
+						})]),
+						g("div", k, [t[8] ||= g("div", { class: "absolute inset-0 flex items-center" }, [g("div", { class: "w-full border-t-3 border-brutal" })], -1), g("div", A, [g("span", j, C(ce.value), 1)])]),
+						g("form", {
+							class: "space-y-4",
+							onSubmit: D(me, ["prevent"])
+						}, [
+							g("div", M, [
+								v(i, { for: w(q) }, {
+									default: E(() => [_(C(le.value), 1)]),
+									_: 1
+								}, 8, ["for"]),
+								g("div", N, [v(w(ee), { class: b(G.value) }, null, 8, ["class"]), v(a, {
+									id: w(q),
+									modelValue: Y.value,
+									"onUpdate:modelValue": t[2] ||= (e) => Y.value = e,
+									type: "email",
+									placeholder: w(H)("authCard.emailPlaceholder"),
+									size: "default",
+									class: "pl-10"
+								}, null, 8, [
+									"id",
+									"modelValue",
+									"placeholder"
+								])]),
+								Z.value ? (x(), h("p", P, C(Z.value), 1)) : m("", !0)
+							]),
+							g("div", F, [
+								g("div", I, [v(i, { for: w(J) }, {
+									default: E(() => [_(C($.value), 1)]),
+									_: 1
+								}, 8, ["for"]), v(r, {
+									type: "button",
+									variant: "link",
+									class: "text-sm font-bold text-brutal-primary",
+									onClick: t[3] ||= (e) => U("forgot-password")
+								}, {
+									default: E(() => [_(C(ue.value), 1)]),
+									_: 1
+								})]),
+								g("div", L, [v(w(O), { class: b(G.value) }, null, 8, ["class"]), v(a, {
+									id: w(J),
+									modelValue: X.value,
+									"onUpdate:modelValue": t[4] ||= (e) => X.value = e,
+									type: "password",
+									"show-password": "",
+									placeholder: w(H)("authCard.passwordPlaceholder"),
+									size: "default",
+									class: "pl-10"
+								}, null, 8, [
+									"id",
+									"modelValue",
+									"placeholder"
+								])]),
+								Q.value ? (x(), h("p", R, C(Q.value), 1)) : m("", !0)
+							]),
+							v(r, {
+								type: "submit",
+								variant: "primary",
+								class: "w-full"
+							}, {
+								default: E(() => [_(C(de.value), 1)]),
+								_: 1
+							})
+						], 32)
+					]),
+					_: 1
+				}),
+				v(u, { class: "justify-center" }, {
+					default: E(() => [g("p", z, [_(C(fe.value) + " ", 1), v(r, {
+						type: "button",
+						variant: "link",
+						class: "font-bold text-brutal-primary",
+						onClick: t[5] ||= (e) => U("register-click")
+					}, {
+						default: E(() => [_(C(pe.value), 1)]),
+						_: 1
+					})])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { B as t };