brutx-ui-vue 0.11.2 → 0.11.3

package/README.md

@@ -2,7 +2,7 @@
 
 面向 Vue 3 + Tailwind CSS 的新粗野主义组件注册表。将组件复制到你的代码库中，获得完全的自定义和控制权。
 
-**[English](/packages/ui/README-en.md)**
+**[English](./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)
@@ -19,63 +19,53 @@
 - **国际化与多语言**：内置轻量 `useLocale()`，支持运行时切换。
 - **四大主题预设**：内置经典（Classic）、柔和（Pastel）、单色（Mono）以及温暖（Warm）四套主题预设。
 
-## 快速开始
+## 安装与使用
 
-使用 CLI 初始化你的项目并添加组件：
+### 1. npm 包安装（开箱即用）
 
 ```bash
-# 初始化你的项目（生成 components.json 并配置路径）
-npx brutx-vue@latest init
+pnpm add brutx-ui-vue
+```
 
-# 添加指定组件
-npx brutx-vue@latest add button card badge
+在全局样式或入口文件中引入聚合样式表：
 
-# 或一键添加全部组件
-npx brutx-vue@latest add --all
+```ts
+import 'brutx-ui-vue/style.css'
 ```
 
-## 用法
-
-添加组件后，直接从你项目的相应文件夹（默认是 `@/components/ui`）中导入并使用它们：
+在 Vue 组件中直接导入使用：
 
 ```vue
 <script setup lang="ts">
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'
+import { Button, Card, CardHeader, CardTitle, CardContent } from 'brutx-ui-vue'
 </script>
 
 <template>
   <Card>
     <CardHeader>
-      <CardTitle>欢迎使用 Brutx</CardTitle>
+      <CardTitle>Hello BrutxUI</CardTitle>
     </CardHeader>
-    <CardContent class="space-y-3">
-      <Input placeholder="邮箱" />
+    <CardContent>
       <Button variant="primary">开始使用</Button>
-      <Button variant="outline" size="sm">
-        了解更多
-      </Button>
     </CardContent>
   </Card>
 </template>
 ```
 
-## CLI 详细命令
-
-`brutx-vue` CLI 提供了丰富的命令来帮助你维护和操作组件：
-
-| 命令 | 参数/选项 | 说明 |
-| :--- | :--- | :--- |
-| `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>` | - | 快速为本地的自定义新组件或区块生成模板骨架代码 |
+### 2. CLI 源码交付模式
+
+如果你希望完全拥有组件源码并在本地自由扩展变体，可以使用官方 CLI 工具 [`brutx-vue`](../cli)：
+
+```bash
+npx brutx-vue@latest init
+npx brutx-vue@latest add button card badge
+```
+
+## 架构与分发机制
+
+- **设计令牌与生成**：设计令牌统一定义于 `brutx-shared-vue`，样式表由生成器编译派生。
+- **公开 API 契约**：所有公开导出由 `api-contract.ts` 集中管理。
+- **详细架构**：请参阅 [项目架构总览](../../docs/architecture/项目架构总览.md) 与 [分发与公开 API 契约](../../docs/architecture/分发与公开API契约.md)。
 
 ## Claude Code Skill
 

package/dist/chunks/AccordionContent-BR5meuI1.js

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

package/dist/chunks/{AlertDescription-BR_jCFgj.js → AlertDescription-CzNE7fHu.js}

@@ -1,7 +1,7 @@
-import { n as e } from "./utils-CLyG8Lfg.js";
+import { n as e } from "./utils-BYKk6byF.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
-import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-CGM96-hx.js";
+import { i as n } from "./useLocale-BOwJCg48.js";
+import { t as r } from "./Button-BJRSDnrr.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";
@@ -75,12 +75,12 @@ var E = T([
 }), j = /* @__PURE__ */ l({
 	__name: "AlertTitle",
 	props: {
-		class: { default: void 0 },
+		as: { default: "h5" },
 		asChild: {
 			type: Boolean,
 			default: void 0
 		},
-		as: { default: "h5" }
+		class: { default: void 0 }
 	},
 	setup(t) {
 		let n = t, r = i(() => e("mb-1 font-black tracking-tight leading-none", n.class));

package/dist/chunks/{AlertDialogCancel-Bdt7YkND.js → AlertDialogCancel-pPSY8aFK.js}

@@ -1,13 +1,13 @@
-import { n as e } from "./utils-CLyG8Lfg.js";
-import { t } from "./button-variants-6Q5uxqtu.js";
-import { a as n, i as r, r as i, t as a } from "./modal-variants-CaSmbJiU.js";
+import { n as e } from "./utils-BYKk6byF.js";
+import { t } from "./button-variants-Dyc93sbu.js";
+import { a as n, i as r, r as i, t as a } from "./modal-variants-7ByCDgcN.js";
 import { t as o } from "./floating-animation-classes-BHymGEns.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-dialog grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4",
+	"fixed left-[50%] top-[50%] z-dialog grid w-[calc(100vw-2rem)] max-w-lg max-h-[calc(100dvh_-_2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto",
 	"p-6 text-brutal-fg",
 	...a,
 	...o

package/dist/chunks/{AuthCard-BcptCryR.js → AuthCard-LXSVWINj.js}

@@ -1,16 +1,16 @@
-import { n as e } from "./utils-CLyG8Lfg.js";
+import { n as e } from "./utils-BYKk6byF.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
-import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-CGM96-hx.js";
-import { t as i } from "./Label-C6vuSJRy.js";
-import { t as a } from "./Input-DkKWbZN4.js";
-import { t as o } from "./Card-BC4kGoYn.js";
-import { i as s, n as c, r as ee, t as l } from "./CardFooter-kc_I65JQ.js";
-import { t as u } from "./CardContent-CcVsOs9t.js";
+import { i as n } from "./useLocale-BOwJCg48.js";
+import { t as r } from "./Button-BJRSDnrr.js";
+import { t as i } from "./Label-CzwIUiP_.js";
+import { t as a } from "./Input-DCkqa4wi.js";
+import { t as o } from "./Card-D3lanRg1.js";
+import { i as s, n as c, r as ee, t as l } from "./CardFooter-DJXiWJTq.js";
+import { t as u } from "./CardContent-JCFZcSr8.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({
+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-1 gap-3 mb-6 sm:grid-cols-2" }, 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 flex-wrap items-center justify-between gap-2" }, P = { class: "relative" }, F = ["id"], I = { class: "flex flex-wrap items-center justify-center gap-1 text-center text-sm font-medium text-brutal-muted-foreground" }, L = /* @__PURE__ */ v({
 	__name: "AuthCard",
 	props: {
 		title: { default: void 0 },
@@ -53,10 +53,10 @@ var re = /^[a-zA-Z0-9_%+-]+(?:\.[a-zA-Z0-9_%+-]+)*@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-
 		}, {
 			default: E(() => [
 				_(s, null, {
-					default: E(() => [_(ee, { class: "text-2xl" }, {
+					default: E(() => [_(ee, { class: "min-w-0 break-words text-2xl" }, {
 						default: E(() => [g(S(se.value), 1)]),
 						_: 1
-					}), _(c, null, {
+					}), _(c, { class: "break-words" }, {
 						default: E(() => [g(S(ce.value), 1)]),
 						_: 1
 					})]),
@@ -66,7 +66,7 @@ var re = /^[a-zA-Z0-9_%+-]+(?:\.[a-zA-Z0-9_%+-]+)*@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-
 					default: E(() => [
 						h("div", ie, [_(r, {
 							variant: "outline",
-							class: "w-full",
+							class: "w-full min-w-0 whitespace-normal break-words",
 							disabled: v.submitting,
 							onClick: t[0] ||= (e) => B("google-click")
 						}, {
@@ -77,25 +77,25 @@ var re = /^[a-zA-Z0-9_%+-]+(?:\.[a-zA-Z0-9_%+-]+)*@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-
 							}, [...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)"
+									fill: "var(--brutal-info, #4A90D9)"
 								}, 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)"
+									fill: "var(--brutal-success, #7FB069)"
 								}, 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)"
+									fill: "var(--brutal-accent, #FFE66D)"
 								}, 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)"
+									fill: "var(--brutal-destructive, #EF476F)"
 								}, null, -1)
 							]], 2)), g(" " + S(le.value), 1)]),
 							_: 1
 						}, 8, ["disabled"]), _(r, {
 							variant: "outline",
-							class: "w-full",
+							class: "w-full min-w-0 whitespace-normal break-words",
 							disabled: v.submitting,
 							onClick: t[1] ||= (e) => B("github-click")
 						}, {
@@ -151,7 +151,7 @@ var re = /^[a-zA-Z0-9_%+-]+(?:\.[a-zA-Z0-9_%+-]+)*@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-
 								}, 8, ["for"]), _(r, {
 									type: "button",
 									variant: "link",
-									class: "text-sm font-bold text-brutal-primary",
+									class: "min-w-0 whitespace-normal break-words text-right text-sm font-bold text-brutal-primary",
 									onClick: t[3] ||= (e) => B("forgot-password")
 								}, {
 									default: E(() => [g(S($.value), 1)]),
@@ -188,7 +188,7 @@ var re = /^[a-zA-Z0-9_%+-]+(?:\.[a-zA-Z0-9_%+-]+)*@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-
 							_(r, {
 								type: "submit",
 								variant: "primary",
-								class: "w-full",
+								class: "w-full whitespace-normal break-words",
 								loading: v.submitting
 							}, {
 								default: E(() => [g(S(me.value), 1)]),
@@ -202,7 +202,7 @@ var re = /^[a-zA-Z0-9_%+-]+(?:\.[a-zA-Z0-9_%+-]+)*@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-
 					default: E(() => [h("p", I, [g(S(he.value) + " ", 1), _(r, {
 						type: "button",
 						variant: "link",
-						class: "font-bold text-brutal-primary",
+						class: "min-w-0 whitespace-normal break-words font-bold text-brutal-primary",
 						onClick: t[5] ||= (e) => B("register-click")
 					}, {
 						default: E(() => [g(S(ge.value), 1)]),

package/dist/chunks/{AvatarFallback-Hxv0LRzl.js → AvatarFallback-C-u2-ulF.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./utils-CLyG8Lfg.js";
-import { useLocale as t } from "../composables/useLocale.js";
+import { n as e } from "./utils-BYKk6byF.js";
+import { i as t } from "./useLocale-BOwJCg48.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, inject as l, normalizeClass as u, openBlock as d, provide as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 import { AvatarFallback as _, AvatarImage as v, AvatarRoot as y } from "reka-ui";
 import { cva as b } from "class-variance-authority";

package/dist/chunks/Backtop-Dwo4gCCF.js

@@ -0,0 +1,116 @@
+import { n as e } from "./utils-BYKk6byF.js";
+import { i as t } from "./useLocale-BOwJCg48.js";
+import { c as n, m as r, u as i } from "./env-BWANtEHP.js";
+import { t as a } from "./Button-BJRSDnrr.js";
+import { t as o } from "./useThrottle-GlyPkv6R.js";
+import { Transition as s, computed as c, createBlock as l, createCommentVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderSlot as y, unref as b, watch as x, withCtx as S } from "vue";
+import { ArrowUp as C } from "@lucide/vue";
+//#endregion
+//#region src/components/backtop/Backtop.vue
+var w = /* @__PURE__ */ f({
+	__name: "Backtop",
+	props: {
+		visibilityHeight: { default: 200 },
+		target: { default: void 0 },
+		right: { default: 40 },
+		bottom: { default: 40 },
+		variant: { default: "primary" },
+		class: { default: void 0 }
+	},
+	emits: ["click"],
+	setup(f, { emit: w }) {
+		let { t: T } = t(), E = f, D = w, O = v(!1), k = null, A = null, j = c(() => E.target ? "absolute" : "fixed"), M = c(() => ({
+			right: `${E.right}px`,
+			bottom: `${E.bottom}px`
+		})), N = c(() => e(j.value, "z-floating", E.variant === "primary" && "bg-brutal-yellow text-brutal-black font-black", E.class));
+		function P() {
+			if (!E.target) return r() ?? null;
+			if (typeof E.target == "string") {
+				let e = n();
+				if (!e) return null;
+				try {
+					return e.querySelector(E.target);
+				} catch {
+					return null;
+				}
+			}
+			return E.target;
+		}
+		function F() {
+			if (!k) return;
+			let e = r(), t = n();
+			O.value = (k === e || !("scrollTop" in k) ? e?.scrollY || t?.documentElement?.scrollTop || t?.body?.scrollTop || 0 : k.scrollTop) >= E.visibilityHeight;
+		}
+		let { throttled: I, cancel: L } = o(F, 100);
+		function R(e) {
+			D("click", e), z();
+		}
+		function z() {
+			k && k.scrollTo({
+				top: 0,
+				behavior: "smooth"
+			});
+		}
+		function B() {
+			k &&= (k.removeEventListener("scroll", I), null);
+		}
+		function V() {
+			A?.disconnect(), A = null;
+		}
+		function H() {
+			let e = P();
+			e && !k ? W() : !e && k && (B(), O.value = !1);
+		}
+		function U() {
+			if (typeof E.target != "string") return;
+			let e = n(), t = i();
+			if (!(!e?.body || !t)) {
+				try {
+					e.querySelector(E.target);
+				} catch {
+					return;
+				}
+				A || (A = new t(H), A.observe(e.body, {
+					childList: !0,
+					subtree: !0
+				}));
+			}
+		}
+		function W() {
+			B(), k = P(), k ? (k.addEventListener("scroll", I, { passive: !0 }), F()) : (O.value = !1, U());
+		}
+		return g(() => {
+			W(), U();
+		}), x(() => E.target, () => {
+			typeof E.target != "string" && V(), W();
+		}), h(() => {
+			B(), V(), L();
+		}), (e, t) => (_(), l(s, {
+			"enter-active-class": "transition-all duration-200 ease-out",
+			"leave-active-class": "transition-all duration-200 ease-in",
+			"enter-from-class": "opacity-0 translate-y-4 scale-95",
+			"leave-to-class": "opacity-0 translate-y-4 scale-95"
+		}, {
+			default: S(() => [O.value ? (_(), l(a, {
+				key: 0,
+				style: m(M.value),
+				variant: E.variant,
+				size: "icon",
+				class: p(N.value),
+				"aria-label": b(T)("backtop.backToTop"),
+				onClick: R
+			}, {
+				default: S(() => [y(e.$slots, "default", {}, () => [d(b(C), { class: "w-5 h-5 stroke-[3]" })])]),
+				_: 3
+			}, 8, [
+				"style",
+				"variant",
+				"class",
+				"aria-label"
+			])) : u("", !0)]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { w as t };

package/dist/chunks/{Badge-uKEgezej.js → Badge-FpWJGT3g.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-CLyG8Lfg.js";
+import { n as e } from "./utils-BYKk6byF.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
-import { useLocale as n } from "../composables/useLocale.js";
+import { i as n } from "./useLocale-BOwJCg48.js";
 import { n as r, t as i } from "./chip-variants-CvNrR5NL.js";
 import { computed 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 } from "vue";
 import { X as m } from "@lucide/vue";

package/dist/chunks/{BarsSpinner-5JsVaMwW.js → BarsSpinner-CxW5_I2J.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-CLyG8Lfg.js";
-import { useLocale as t } from "../composables/useLocale.js";
-import { a as n, i as r, o as i, r as a, s as o } from "./Spinner-DAY06T9Q.js";
+import { n as e } from "./utils-BYKk6byF.js";
+import { i as t } from "./useLocale-BOwJCg48.js";
+import { a as n, i as r, o as i, r as a, s as o } from "./Spinner-Cj7IULnz.js";
 import { Fragment as s, computed as c, createElementBlock as l, createElementVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, renderList as h, toDisplayString as g } from "vue";
 //#region src/components/spinner/BlockSpinner.vue?vue&type=script&setup=true&lang.ts
 var _ = ["aria-label"], v = { class: "sr-only" }, y = 150, b = 600, x = 4, S = /* @__PURE__ */ d({

package/dist/chunks/{BeforeAfter-Dx5ryAVA.js → BeforeAfter-ypKZiU7T.js}

@@ -1,7 +1,7 @@
-import { n as e } from "./utils-CLyG8Lfg.js";
+import { n as e } from "./utils-BYKk6byF.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
-import { useLocale as n } from "../composables/useLocale.js";
-import { useReducedMotion as r } from "../composables/useReducedMotion.js";
+import { i as n } from "./useLocale-BOwJCg48.js";
+import { t as r } from "./useReducedMotion-Dhb6JUVB.js";
 import { computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, unref as p, vModelText as m, watch as h, withDirectives as g } from "vue";
 import { MoveHorizontal as _ } from "@lucide/vue";
 import { cva as v } from "class-variance-authority";

package/dist/chunks/BreadcrumbEllipsis-Da5wF5Cq.js

@@ -0,0 +1,112 @@
+import { n as e, t } from "./utils-BYKk6byF.js";
+import { c as n } from "./brutal-interaction-variants-V8gdaai1.js";
+import { t as r } from "./icon-size-variants-Cp9lYoRk.js";
+import { i } from "./useLocale-BOwJCg48.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { MoreHorizontal as v } from "@lucide/vue";
+import { Primitive as y } from "reka-ui";
+import { cva as b } from "class-variance-authority";
+//#region src/components/breadcrumb/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-label"], S = /* @__PURE__ */ d({
+	__name: "Breadcrumb",
+	props: { class: { default: void 0 } },
+	setup(t) {
+		let n = t, { t: r } = i(), o = a(() => e(n.class));
+		return (e, t) => (p(), c("nav", {
+			"aria-label": g(r)("breadcrumb.label") || void 0,
+			class: f(o.value)
+		}, [m(e.$slots, "default")], 10, x));
+	}
+}), C = b("list-none flex flex-wrap items-center gap-2.5 break-words text-sm font-medium text-brutal-fg sm:gap-4", {
+	variants: { variant: {
+		default: "",
+		folder: "[&_a]:font-mono [&_a]:uppercase [&_a]:tracking-widest [&_a]:text-xs [&_a]:border-3 [&_a]:border-b-transparent [&_a]:border-brutal [&_a]:bg-brutal-muted [&_a:hover]:bg-brutal-secondary-subtle [&_a]:shadow-none [&_a]:rounded-none [&_a]:px-3 [&_a]:py-1"
+	} },
+	defaultVariants: { variant: "default" }
+}), w = b("list-none inline-flex items-center gap-1.5"), T = b([
+	"inline-flex items-center justify-center px-3 py-1",
+	"border-3 border-brutal rounded-brutal bg-brutal-bg text-brutal-fg shadow-brutal",
+	"font-semibold transition-[translate,box-shadow,background-color] hover:bg-brutal-secondary-subtle cursor-pointer",
+	t,
+	n
+]), E = b("inline-flex items-center justify-center font-black text-brutal-fg bg-brutal-accent px-3 py-1 border-3 border-brutal rounded-brutal shadow-brutal-sm select-none"), D = b("list-none [&>svg]:w-3.5 [&>svg]:h-3.5 font-bold text-brutal-fg/60"), O = b("flex h-7 w-7 items-center justify-center border-3 border-brutal bg-brutal-bg text-brutal-fg shadow-brutal-sm rounded-brutal select-none"), k = /* @__PURE__ */ d({
+	__name: "BreadcrumbList",
+	props: {
+		class: { default: void 0 },
+		variant: { default: "default" }
+	},
+	setup(t) {
+		let n = t, r = a(() => e(C({ variant: n.variant }), n.class));
+		return (e, t) => (p(), c("ol", { class: f(["breadcrumb-list", r.value]) }, [m(e.$slots, "default")], 2));
+	}
+}), A = /* @__PURE__ */ d({
+	__name: "BreadcrumbItem",
+	props: { class: { default: void 0 } },
+	setup(t) {
+		let n = t, r = w(), i = a(() => e(r, n.class));
+		return (e, t) => (p(), c("li", { class: f(i.value) }, [m(e.$slots, "default")], 2));
+	}
+}), j = /* @__PURE__ */ d({
+	__name: "BreadcrumbLink",
+	props: {
+		class: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: !1
+		},
+		as: { default: "a" }
+	},
+	setup(t) {
+		let n = t, r = a(() => e(T(), n.class));
+		return (e, t) => (p(), o(g(y), {
+			as: n.as,
+			"as-child": n.asChild,
+			class: f(r.value)
+		}, {
+			default: _(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class"
+		]));
+	}
+}), M = /* @__PURE__ */ d({
+	__name: "BreadcrumbPage",
+	props: { class: { default: void 0 } },
+	setup(t) {
+		let n = t, r = a(() => e(E(), n.class));
+		return (e, t) => (p(), c("span", {
+			"aria-current": "page",
+			class: f(r.value)
+		}, [m(e.$slots, "default")], 2));
+	}
+}), N = /* @__PURE__ */ d({
+	__name: "BreadcrumbSeparator",
+	props: { class: { default: void 0 } },
+	setup(t) {
+		let n = t, r = a(() => e(D(), n.class));
+		return (e, t) => (p(), c("li", {
+			"aria-hidden": "true",
+			class: f(r.value)
+		}, [m(e.$slots, "default", {}, () => [t[0] ||= l("span", null, "/", -1)])], 2));
+	}
+}), P = { "aria-hidden": "true" }, F = {
+	key: 0,
+	class: "sr-only"
+}, I = /* @__PURE__ */ d({
+	__name: "BreadcrumbEllipsis",
+	props: {
+		class: { default: void 0 },
+		iconSize: { default: "md" }
+	},
+	setup(t) {
+		let n = t, { t: o } = i(), d = a(() => e(O(), n.class)), _ = a(() => e(r({ size: n.iconSize })));
+		return (e, t) => (p(), c("span", {
+			role: "presentation",
+			class: f(d.value)
+		}, [m(e.$slots, "default", {}, () => [l("span", P, [u(g(v), { class: f(_.value) }, null, 8, ["class"])])]), e.$slots.default ? s("", !0) : (p(), c("span", F, h(g(o)("breadcrumb.more")), 1))], 2));
+	}
+});
+//#endregion
+export { A as a, w as c, E as d, D as f, j as i, T as l, N as n, k as o, S as p, M as r, O as s, I as t, C as u };