brutx-ui-vue 0.10.2 → 0.11.1

package/dist/chunks/{AccordionContent-ByyKRICe.js → AccordionContent-C9tW6PDy.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./utils-B_mSHye_.js";
-import { a as t, s as n } from "./brutal-interaction-variants-CEQ3PywD.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
+import { a as t, c as n } from "./brutal-interaction-variants-V8gdaai1.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";
@@ -64,12 +64,12 @@ var j = /* @__PURE__ */ d({
 		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", {
+}), 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 text-brutal-fg", {
 	variants: { variant: {
-		default: "border-brutal",
+		default: "border-brutal bg-brutal-muted",
 		flat: "border-brutal bg-brutal-muted/30",
 		ghost: "border-transparent",
-		interactive: "border-brutal hover:bg-brutal-muted/20"
+		interactive: "border-brutal bg-brutal-muted hover:bg-brutal-muted/20"
 	} },
 	defaultVariants: { variant: "default" }
 }), L = Symbol("accordionItem"), R = /* @__PURE__ */ d({

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

@@ -1,7 +1,7 @@
-import { n as e } from "./utils-B_mSHye_.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-q6iBsrfD.js";
+import { t as r } from "./Button-CGM96-hx.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";
@@ -22,7 +22,13 @@ var E = T([
 		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"
+		info: "bg-brutal-info text-brutal-info-foreground",
+		"primary-subtle": "bg-brutal-primary-subtle text-brutal-fg",
+		"secondary-subtle": "bg-brutal-secondary-subtle text-brutal-fg",
+		"warning-subtle": "bg-brutal-accent-subtle text-brutal-fg",
+		"danger-subtle": "bg-brutal-destructive-subtle text-brutal-fg",
+		"success-subtle": "bg-brutal-success-subtle text-brutal-fg",
+		"info-subtle": "bg-brutal-info-subtle text-brutal-fg"
 	} },
 	defaultVariants: { variant: "default" }
 }), D = Symbol("alert-description-ids"), O = ["aria-describedby"], k = {

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

@@ -1,13 +1,13 @@
-import { n as e } from "./utils-B_mSHye_.js";
-import { t } from "./button-variants-CUdw3nH7.js";
-import { a as n, i as r, r as i, t as a } from "./modal-variants-BXR5_JzE.js";
-import { t as o } from "./floating-animation-classes-BEu35hIg.js";
+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 { 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-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4",
+	"fixed left-[50%] top-[50%] z-dialog grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4",
 	"p-6 text-brutal-fg",
 	...a,
 	...o

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

@@ -1,12 +1,12 @@
-import { n as e } from "./utils-B_mSHye_.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-q6iBsrfD.js";
-import { t as i } from "./Label-Brn7ITG2.js";
-import { t as a } from "./Input-ocylumxr.js";
-import { t as o } from "./Card-D8y_0_6p.js";
-import { i as s, n as c, r as ee, t as l } from "./CardFooter-D4avrmHb.js";
-import { t as u } from "./CardContent-D_9mQ6RG.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 { 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

package/dist/chunks/{AvatarFallback-ClZeBT_M.js → AvatarFallback-Hxv0LRzl.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./utils-B_mSHye_.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
 import { useLocale as t } from "../composables/useLocale.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";
@@ -35,13 +35,21 @@ var x = b(["relative flex shrink-0 overflow-hidden", "border-3 border-brutal"],
 		accent: "bg-brutal-accent text-brutal-accent-foreground"
 	} },
 	defaultVariants: { variant: "default" }
-}), C = Symbol("avatar"), w = { class: "relative inline-block" }, T = { class: "sr-only" }, E = /* @__PURE__ */ c({
+}), C = Symbol("avatar"), w = { class: "relative inline-block" }, T = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "absolute left-1/2 -translate-x-1/2 top-1 z-10 block size-2.5 rounded-full border-3 border-brutal bg-brutal-bg"
+}, E = { class: "sr-only" }, D = /* @__PURE__ */ c({
 	__name: "Avatar",
 	props: {
 		variant: { default: "default" },
 		size: { default: "default" },
 		shape: { default: "square" },
 		status: { default: "none" },
+		lanyard: {
+			type: Boolean,
+			default: !1
+		},
 		class: { default: void 0 }
 	},
 	setup(r) {
@@ -60,25 +68,29 @@ var x = b(["relative flex shrink-0 overflow-hidden", "border-3 border-brutal"],
 			variant: c.variant,
 			size: c.size,
 			shape: c.shape
-		}), c.class)), E = n(() => {
+		}), c.class)), D = n(() => {
 			let t = c.status;
 			return t === "none" ? "" : e("absolute bottom-0 right-0 w-3 h-3 rounded-full border-3 border-brutal-bg", l[t]);
 		});
-		return f(C, { variant: n(() => c.variant) }), (e, t) => (d(), a("span", w, [s(h(y), { class: u(S.value) }, {
-			default: g(() => [p(e.$slots, "default")]),
-			_: 3
-		}, 8, ["class"]), r.status === "none" ? i("", !0) : (d(), a("span", {
-			key: 0,
-			class: u(E.value),
-			role: "status"
-		}, [o("span", T, m(b.value), 1)], 2))]));
+		return f(C, { variant: n(() => c.variant) }), (e, t) => (d(), a("span", w, [
+			r.lanyard ? (d(), a("span", T)) : i("", !0),
+			s(h(y), { class: u(S.value) }, {
+				default: g(() => [p(e.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]),
+			r.status === "none" ? i("", !0) : (d(), a("span", {
+				key: 1,
+				class: u(D.value),
+				role: "status"
+			}, [o("span", E, m(b.value), 1)], 2))
+		]));
 	}
-}), D = /* @__PURE__ */ c({
+}), O = /* @__PURE__ */ c({
 	__name: "AvatarImage",
 	props: {
-		src: {},
+		src: { default: void 0 },
 		alt: { default: "" },
-		class: {}
+		class: { default: void 0 }
 	},
 	setup(t) {
 		let i = t, a = n(() => e("aspect-square h-full w-full object-cover", i.class));
@@ -92,7 +104,7 @@ var x = b(["relative flex shrink-0 overflow-hidden", "border-3 border-brutal"],
 			"class"
 		]));
 	}
-}), O = /* @__PURE__ */ c({
+}), k = /* @__PURE__ */ c({
 	__name: "AvatarFallback",
 	props: {
 		delayMs: { default: void 0 },
@@ -122,4 +134,4 @@ var x = b(["relative flex shrink-0 overflow-hidden", "border-3 border-brutal"],
 	}
 });
 //#endregion
-export { S as a, C as i, D as n, x as o, E as r, O as t };
+export { S as a, C as i, O as n, x as o, D as r, k as t };

package/dist/chunks/{Backtop-Q9KTljRE.js → Backtop-Cyb38H7B.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-B_mSHye_.js";
-import { c as t, m as n, u as r } from "./env-CudGjJlt.js";
-import { t as i } from "./Button-q6iBsrfD.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
+import { c as t, m as n, u as r } from "./env-BWANtEHP.js";
+import { t as i } from "./Button-CGM96-hx.js";
 import { useThrottle as a } from "../composables/useThrottle.js";
 import { Transition as o, computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, unref as y, watch as b, withCtx as x } from "vue";
 import { ArrowUp as S } from "@lucide/vue";

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

@@ -1,7 +1,7 @@
-import { n as e } from "./utils-B_mSHye_.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { n as r, t as i } from "./chip-variants-DbmagTe0.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";
 import { cva as h } from "class-variance-authority";
@@ -19,7 +19,13 @@ var g = h([
 			accent: `${r.accent} shadow-brutal-sm`,
 			danger: "bg-brutal-destructive text-brutal-destructive-foreground shadow-brutal-sm",
 			success: "bg-brutal-success text-brutal-success-foreground shadow-brutal-sm",
-			outline: "bg-transparent text-brutal-fg"
+			outline: "bg-transparent text-brutal-fg",
+			"primary-subtle": "bg-brutal-primary-subtle text-brutal-fg shadow-brutal-sm",
+			"secondary-subtle": "bg-brutal-secondary-subtle text-brutal-fg shadow-brutal-sm",
+			"accent-subtle": "bg-brutal-accent-subtle text-brutal-fg shadow-brutal-sm",
+			"danger-subtle": "bg-brutal-destructive-subtle text-brutal-fg shadow-brutal-sm",
+			"success-subtle": "bg-brutal-success-subtle text-brutal-fg shadow-brutal-sm",
+			"info-subtle": "bg-brutal-info-subtle text-brutal-fg shadow-brutal-sm"
 		},
 		size: {
 			sm: "px-2 py-0.5 text-xs",
@@ -78,7 +84,7 @@ var g = h([
 			r.closable ? (d(), s("button", {
 				key: 2,
 				type: "button",
-				class: "ml-1 inline-flex items-center justify-center transition-opacity hover:opacity-70 focus-visible:outline-2 focus-visible:outline-brutal-ring focus-visible:outline-offset-2 rounded-brutal",
+				class: "ml-1 inline-flex items-center justify-center transition-opacity hover:opacity-70 focus-visible:ring-2 focus-visible:ring-brutal-ring focus-visible:ring-offset-2 focus-visible:ring-offset-brutal-bg focus-visible:outline-hidden rounded-brutal",
 				"aria-label": p(y)("badge.close"),
 				onClick: C
 			}, [c(p(m), {

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

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-B_mSHye_.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
 import { useLocale as t } from "../composables/useLocale.js";
-import { a as n, i as r, n as i, o as a, r as o } from "./Spinner-B0ynR2Jm.js";
+import { a as n, i as r, o as i, r as a, s as o } from "./Spinner-DAY06T9Q.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({
@@ -11,8 +11,8 @@ var _ = ["aria-label"], v = { class: "sr-only" }, y = 150, b = 600, x = 4, S = /
 		label: { default: void 0 },
 		class: { default: void 0 }
 	},
-	setup(n) {
-		let i = n, { t: o } = t(), d = c(() => i.label ?? o("spinner.loading")), S = c(() => e(r({ size: i.size }), i.class)), C = c(() => a(i.color, x).map((t) => e("border-3 border-brutal", t, "animate-pulse")));
+	setup(r) {
+		let i = r, { t: a } = t(), d = c(() => i.label?.trim() || a("spinner.loading")), S = c(() => e(n({ size: i.size }), i.class)), C = c(() => o(i.color, x).map((t) => e("border-3 border-brutal", t, "animate-pulse")));
 		return (e, t) => (m(), l("div", {
 			class: f(S.value),
 			role: "status",
@@ -34,13 +34,13 @@ var _ = ["aria-label"], v = { class: "sr-only" }, y = 150, b = 600, x = 4, S = /
 		label: { default: void 0 },
 		class: { default: void 0 }
 	},
-	setup(r) {
-		let a = r, { t: o } = t(), d = c(() => a.label ?? o("spinner.loading")), _ = {
+	setup(n) {
+		let r = n, { t: o } = t(), d = c(() => r.label?.trim() || o("spinner.loading")), _ = {
 			sm: "h-1.5 w-1.5",
 			default: "h-2.5 w-2.5",
 			lg: "h-3.5 w-3.5",
 			xl: "h-5 w-5"
-		}, v = c(() => e(n({ size: a.size }), a.class)), y = c(() => e(_[a.size ?? "default"], "border-3 border-brutal", i[a.color], "animate-bounce"));
+		}, v = c(() => e(i({ size: r.size }), r.class)), y = c(() => e(_[r.size ?? "default"], "border-3 border-brutal", a[r.color], "animate-bounce"));
 		return (e, t) => (m(), l("div", {
 			class: f(v.value),
 			role: "status",
@@ -54,7 +54,7 @@ var _ = ["aria-label"], v = { class: "sr-only" }, y = 150, b = 600, x = 4, S = /
 			})
 		}, null, 6)), 64)), u("span", w, g(d.value), 1)], 10, C));
 	}
-}), O = ["aria-label"], k = { class: "sr-only" }, A = 100, j = 400, M = 5, N = /* @__PURE__ */ d({
+}), O = ["aria-label"], k = { class: "sr-only" }, A = 100, j = 400, M = /* @__PURE__ */ d({
 	__name: "BarsSpinner",
 	props: {
 		size: { default: "default" },
@@ -63,23 +63,23 @@ var _ = ["aria-label"], v = { class: "sr-only" }, y = 150, b = 600, x = 4, S = /
 		class: { default: void 0 }
 	},
 	setup(n) {
-		let r = n, { t: i } = t(), d = c(() => r.label ?? i("spinner.loading")), _ = [
+		let i = n, { t: a } = t(), d = c(() => i.label?.trim() || a("spinner.loading")), _ = [
 			.7,
 			.55,
 			.85,
 			.6,
 			.75
-		], v = c(() => e(o({ size: r.size }), r.class)), y = {
+		], v = _.length, y = c(() => e(r({ size: i.size }), i.class)), b = {
 			sm: "w-1",
 			default: "w-1.5",
 			lg: "w-2",
 			xl: "w-3"
-		}, b = c(() => a(r.color, M).map((t) => e(y[r.size ?? "default"], "border-3 border-brutal", t, "animate-pulse origin-bottom")));
+		}, x = c(() => o(i.color, v).map((t) => e(b[i.size ?? "default"], "border-3 border-brutal", t, "animate-pulse origin-bottom")));
 		return (e, t) => (m(), l("div", {
-			class: f(v.value),
+			class: f(y.value),
 			role: "status",
 			"aria-label": d.value
-		}, [(m(!0), l(s, null, h(b.value, (e, t) => (m(), l("div", {
+		}, [(m(!0), l(s, null, h(x.value, (e, t) => (m(), l("div", {
 			key: t,
 			class: f(e),
 			style: p({
@@ -91,4 +91,4 @@ var _ = ["aria-label"], v = { class: "sr-only" }, y = 150, b = 600, x = 4, S = /
 	}
 });
 //#endregion
-export { D as n, S as r, N as t };
+export { D as n, S as r, M as t };

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

@@ -1,4 +1,4 @@
-import { n as e } from "./utils-B_mSHye_.js";
+import { n as e } from "./utils-CLyG8Lfg.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";
@@ -54,7 +54,7 @@ var y = v(["absolute h-10 w-10 border-3 border-brutal bg-brutal-primary rounded-
 				let t = N(e);
 				P.value = t, w("update:modelValue", t);
 			}
-		}), I = i(() => E.value ? "" : "transition-[left,top,clip-path] duration-100 ease-out"), L = i(() => C.orientation === "vertical" ? { clipPath: `inset(0 0 ${100 - F.value}% 0)` } : { clipPath: `inset(0 ${100 - F.value}% 0 0)` }), R = i(() => C.orientation === "vertical" ? { top: `${F.value}%` } : { left: `${F.value}%` }), z = i(() => e("absolute bg-brutal-fg pointer-events-none z-10", C.orientation === "vertical" ? "left-0 right-0 h-[4px] -translate-y-1/2" : "top-0 bottom-0 w-[4px] -translate-x-1/2", I.value)), B = i(() => ({ aspectRatio: A.value })), V = i(() => e("relative overflow-hidden w-full border-3 border-brutal bg-brutal-bg rounded-brutal shadow-brutal select-none", "has-[:focus-visible]:outline has-[:focus-visible]:outline-[3px] has-[:focus-visible]:outline-brutal-ring has-[:focus-visible]:outline-offset-2", C.class)), H = i(() => e(y({ orientation: C.orientation }), I.value)), U = i(() => e(t({ size: C.iconSize }), "stroke-[3] text-brutal-primary-foreground", C.orientation === "vertical" && "rotate-90")), W = i(() => e("absolute inset-0 w-full h-full opacity-0 z-30 disabled:cursor-not-allowed", C.orientation === "vertical" ? "cursor-ns-resize" : "cursor-ew-resize")), G = i(() => {
+		}), I = i(() => E.value ? "" : "transition-[left,top,clip-path] duration-100 ease-out"), L = i(() => C.orientation === "vertical" ? { clipPath: `inset(0 0 ${100 - F.value}% 0)` } : { clipPath: `inset(0 ${100 - F.value}% 0 0)` }), R = i(() => C.orientation === "vertical" ? { top: `${F.value}%` } : { left: `${F.value}%` }), z = i(() => e("absolute bg-brutal-fg pointer-events-none z-10", C.orientation === "vertical" ? "left-0 right-0 h-[4px] -translate-y-1/2" : "top-0 bottom-0 w-[4px] -translate-x-1/2", I.value)), B = i(() => ({ aspectRatio: A.value })), V = i(() => e("relative overflow-hidden w-full border-3 border-brutal bg-brutal-bg rounded-brutal shadow-brutal select-none", "has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-brutal-ring has-[:focus-visible]:ring-offset-2 has-[:focus-visible]:ring-offset-brutal-bg has-[:focus-visible]:outline-hidden", C.class)), H = i(() => e(y({ orientation: C.orientation }), I.value)), U = i(() => e(t({ size: C.iconSize }), "stroke-[3] text-brutal-primary-foreground", C.orientation === "vertical" && "rotate-90")), W = i(() => e("absolute inset-0 w-full h-full opacity-0 z-30 disabled:cursor-not-allowed", C.orientation === "vertical" ? "cursor-ns-resize" : "cursor-ew-resize")), G = i(() => {
 			if (C.orientation === "vertical") return { writingMode: "vertical-rl" };
 		});
 		return (e, t) => (d(), a("div", {

package/dist/chunks/{BreadcrumbEllipsis-BXKyWll9.js → BreadcrumbEllipsis-cmtON2fM.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./utils-B_mSHye_.js";
-import { s as t } from "./brutal-interaction-variants-CEQ3PywD.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
+import { c as t } from "./brutal-interaction-variants-V8gdaai1.js";
 import { t as n } from "./icon-size-variants-Cp9lYoRk.js";
 import { useLocale as r } from "../composables/useLocale.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
@@ -17,11 +17,20 @@ var b = ["aria-label"], x = /* @__PURE__ */ u({
 			class: d(o.value)
 		}, [p(e.$slots, "default")], 10, b));
 	}
-}), S = y("list-none flex flex-wrap items-center gap-2.5 break-words text-sm font-medium text-brutal-fg sm:gap-4"), C = y("list-none inline-flex items-center gap-1.5"), w = y(["font-semibold transition-[transform,box-shadow,color] hover:text-brutal-primary hover:underline hover:shadow-brutal-sm hover:-translate-y-0.5 cursor-pointer", t]), T = y("font-black text-brutal-fg bg-brutal-accent px-2 py-0.5 border-3 border-brutal rounded-brutal shadow-brutal-sm select-none"), E = y("list-none [&>svg]:w-3.5 [&>svg]:h-3.5 font-bold text-brutal-fg/60"), D = y("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"), O = /* @__PURE__ */ u({
+}), S = y("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]:rounded-none [&_a]:px-3 [&_a]:py-1"
+	} },
+	defaultVariants: { variant: "default" }
+}), C = y("list-none inline-flex items-center gap-1.5"), w = y(["font-semibold transition-[transform,box-shadow,color] hover:text-brutal-primary hover:underline hover:shadow-brutal-sm hover:-translate-y-0.5 cursor-pointer", t]), T = y("font-black text-brutal-fg bg-brutal-accent px-2 py-0.5 border-3 border-brutal rounded-brutal shadow-brutal-sm select-none"), E = y("list-none [&>svg]:w-3.5 [&>svg]:h-3.5 font-bold text-brutal-fg/60"), D = y("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"), O = /* @__PURE__ */ u({
 	__name: "BreadcrumbList",
-	props: { class: { default: void 0 } },
+	props: {
+		class: { default: void 0 },
+		variant: { default: "default" }
+	},
 	setup(t) {
-		let n = t, r = i(() => e(S(), n.class));
+		let n = t, r = i(() => e(S({ variant: n.variant }), n.class));
 		return (e, t) => (f(), s("ol", { class: d(["breadcrumb-list", r.value]) }, [p(e.$slots, "default")], 2));
 	}
 }), k = /* @__PURE__ */ u({

package/dist/chunks/BrutalShape-hc5O51hA.js

@@ -0,0 +1,166 @@
+import { n as e } from "./utils-CLyG8Lfg.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o } from "vue";
+import { cva as s } from "class-variance-authority";
+//#region src/components/brutal-shape/brutal-shape-variants.ts
+var c = s(["shrink-0", "pointer-events-none"], {
+	variants: {},
+	defaultVariants: {}
+}), l = 100 / 2, u = l - 2;
+function d(e, t) {
+	let n = u * t, r = [];
+	for (let t = 0; t < e * 2; t++) {
+		let i = t % 2 == 0 ? u : n, a = Math.PI * t / e - Math.PI / 2;
+		r.push(`${(l + i * Math.cos(a)).toFixed(2)},${(l + i * Math.sin(a)).toFixed(2)}`);
+	}
+	return r.join(" ");
+}
+function f(e) {
+	let t = [`<circle cx="${l}" cy="${l}" r="30"/>`];
+	for (let n = 0; n < e; n++) {
+		let r = Math.PI * 2 * n / e - Math.PI / 2, i = (l + 36 * Math.cos(r)).toFixed(2), a = (l + 36 * Math.sin(r)).toFixed(2);
+		t.push(`<circle cx="${i}" cy="${a}" r="11"/>`);
+	}
+	return t.join("");
+}
+var p = {
+	"star-4": {
+		category: "burst",
+		svg: `<polygon points="${d(4, .32)}"/>`
+	},
+	"star-5": {
+		category: "burst",
+		svg: `<polygon points="${d(5, .42)}"/>`
+	},
+	"star-6": {
+		category: "burst",
+		svg: `<polygon points="${d(6, .55)}"/>`
+	},
+	"star-8": {
+		category: "burst",
+		svg: `<polygon points="${d(8, .62)}"/>`
+	},
+	"star-12": {
+		category: "burst",
+		svg: `<polygon points="${d(12, .72)}"/>`
+	},
+	"star-16": {
+		category: "burst",
+		svg: `<polygon points="${d(16, .8)}"/>`
+	},
+	"seal-saw-16": {
+		category: "seal",
+		svg: `<polygon points="${d(16, .86)}"/>`
+	},
+	"seal-cog-8": {
+		category: "seal",
+		svg: `<polygon points="${d(8, .74)}"/><circle cx="50" cy="50" r="14" fill="none"/>`
+	},
+	"seal-scallop-8": {
+		category: "seal",
+		svg: f(8)
+	},
+	"seal-badge": {
+		category: "seal",
+		svg: `<polygon points="${d(12, .78)}"/><circle cx="50" cy="50" r="24" fill="none"/>`
+	},
+	"crosshair-plus": {
+		category: "crosshair",
+		svg: "<path d=\"M50 2 V98 M2 50 H98\" fill=\"none\"/>"
+	},
+	"crosshair-target": {
+		category: "crosshair",
+		svg: "<circle cx=\"50\" cy=\"50\" r=\"28\" fill=\"none\"/><path d=\"M50 2 V22 M50 78 V98 M2 50 H22 M78 50 H98\" fill=\"none\"/>"
+	},
+	"crosshair-corner": {
+		category: "crosshair",
+		svg: "<path d=\"M4 32 V4 H32 M68 4 H96 V32 M96 68 V96 H68 M32 96 H4 V68\" fill=\"none\"/>"
+	},
+	"pixel-burst": {
+		category: "pixel",
+		svg: "<polygon points=\"40,10 60,10 60,30 80,30 80,20 90,20 90,40 70,40 70,50 90,50 90,60 80,60 80,80 60,80 60,90 40,90 40,80 20,80 20,60 10,60 10,50 30,50 30,40 10,40 10,20 20,20 20,30 40,30\"/>"
+	},
+	"pixel-heart": {
+		category: "pixel",
+		svg: "<polygon points=\"20,10 40,10 40,20 60,20 60,10 80,10 80,30 70,30 70,40 60,40 60,50 50,50 50,60 40,50 30,50 30,40 20,40 20,30\"/>"
+	},
+	"pixel-spark": {
+		category: "pixel",
+		svg: "<polygon points=\"40,10 60,10 60,40 90,40 90,60 60,60 60,90 40,90 40,60 10,60 10,40 40,40\"/>"
+	},
+	lightning: {
+		category: "glyph",
+		svg: "<polygon points=\"58,2 18,54 44,54 38,98 82,40 54,40 66,2\"/>"
+	},
+	heart: {
+		category: "glyph",
+		svg: "<path d=\"M50 90 C18 66 6 45 13 29 C18 16 36 13 46 25 L50 31 L54 25 C64 13 82 16 87 29 C94 45 82 66 50 90 Z\"/>"
+	},
+	skull: {
+		category: "glyph",
+		svg: "<path fill-rule=\"evenodd\" d=\"M50 6 C26 6 10 22 10 42 C10 56 18 66 30 71 L30 84 C30 90 34 94 40 94 L60 94 C66 94 70 90 70 84 L70 71 C82 66 90 56 90 42 C90 22 74 6 50 6 Z M27 42 a9 9 0 1 0 18 0 a9 9 0 1 0 -18 0 Z M55 42 a9 9 0 1 0 18 0 a9 9 0 1 0 -18 0 Z M50 52 L43 66 L57 66 Z\"/>"
+	},
+	thumb: {
+		category: "glyph",
+		svg: "<path d=\"M12 56 C12 50 17 46 23 46 H32 V92 H23 C17 92 12 88 12 82 Z M40 92 H72 C78 92 83 88 84 82 L90 54 C91 47 86 40 79 40 H58 L61 22 C62 14 57 8 50 8 C47 8 45 10 44 12 L40 46 Z\"/>"
+	},
+	diamond: {
+		category: "glyph",
+		svg: "<polygon points=\"50,5 95,50 50,95 5,50\"/>"
+	}
+}, m = 20, h = Object.keys(p).sort(), g = h.length;
+function _(e) {
+	return Object.hasOwn(p, e);
+}
+function v(e) {
+	return _(e) ? p[e].category : null;
+}
+function y(e) {
+	return _(e) ? p[e].svg : null;
+}
+//#endregion
+//#region src/components/brutal-shape/BrutalShape.vue?vue&type=script&setup=true&lang.ts
+var b = [
+	"width",
+	"height",
+	"fill",
+	"stroke",
+	"stroke-width",
+	"aria-hidden",
+	"innerHTML"
+], x = /* @__PURE__ */ i({
+	__name: "BrutalShape",
+	props: {
+		name: {},
+		size: { default: 32 },
+		color: { default: "var(--brutal-accent, #FFE66D)" },
+		stroke: { default: "var(--brutal-fg, #000000)" },
+		strokeWidth: { default: 3 },
+		decorative: {
+			type: Boolean,
+			default: !0
+		},
+		class: { default: void 0 }
+	},
+	setup(i) {
+		let s = i, l = t(() => e(c(), s.class)), u = t(() => {
+			let e = y(s.name);
+			return e === null ? (console.warn(`[BrutalShape] 未知图腾名称 "${s.name}"，已跳过渲染`), "") : e;
+		}), d = t(() => u.value !== "");
+		return (e, t) => d.value ? (o(), r("svg", {
+			key: 0,
+			class: a(l.value),
+			width: s.size,
+			height: s.size,
+			viewBox: "0 0 100 100",
+			fill: s.color,
+			stroke: s.stroke,
+			"stroke-width": s.strokeWidth,
+			"stroke-linejoin": "round",
+			"aria-hidden": s.decorative ? "true" : void 0,
+			focusable: "false",
+			innerHTML: u.value
+		}, null, 10, b)) : n("", !0);
+	}
+});
+//#endregion
+export { v as a, c, h as i, g as n, _ as o, m as r, y as s, x as t };

package/dist/chunks/BrutalistHero-9buAiF2v.js

@@ -0,0 +1,96 @@
+import { n as e } from "./utils-CLyG8Lfg.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 "./Badge-uKEgezej.js";
+import { t as a } from "./Card-BC4kGoYn.js";
+import { t as o } from "./CardContent-CcVsOs9t.js";
+import { t as s } from "./CardWindowHeader-BqgZ3ZVz.js";
+import { t as c } from "./BrutalShape-hc5O51hA.js";
+import { computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
+import { ArrowRight as S, Sparkles as C } from "@lucide/vue";
+//#region src/components/brutalist-hero/BrutalistHero.vue?vue&type=script&setup=true&lang.ts
+var w = { class: "grid grid-cols-1 lg:grid-cols-2 gap-12 items-center" }, T = { class: "text-4xl lg:text-5xl font-black tracking-tight leading-tight" }, E = {
+	key: 0,
+	class: "mt-4 text-lg text-brutal-muted-foreground font-medium"
+}, D = { class: "mt-8 flex flex-wrap gap-4" }, O = { class: "relative" }, k = /* @__PURE__ */ h({
+	__name: "BrutalistHero",
+	props: {
+		title: { default: void 0 },
+		subtitle: { default: void 0 },
+		primaryCtaText: { default: void 0 },
+		secondaryCtaText: { default: void 0 },
+		class: { default: void 0 },
+		iconSize: { default: "lg" }
+	},
+	emits: ["primary-cta", "secondary-cta"],
+	setup(h, { emit: k }) {
+		let A = h, { t: j } = n(), M = l(() => A.title || j("brutalistHero.title")), N = l(() => A.subtitle || j("brutalistHero.defaultSubtitle")), P = l(() => A.primaryCtaText || j("brutalistHero.primaryCtaText")), F = l(() => A.secondaryCtaText || j("brutalistHero.secondaryCtaText")), I = k, L = l(() => e("w-full", A.class)), R = l(() => e(t({ size: A.iconSize }), "ml-2 stroke-[3]")), z = e(t({ size: "md" }), "stroke-[3]");
+		return (e, t) => (_(), d("div", { class: g(L.value) }, [f("div", w, [f("div", null, [
+			m(i, {
+				variant: "accent",
+				class: "mb-6 gap-2 rotate-[-1deg] font-black"
+			}, {
+				default: x(() => [m(b(C), { class: g(b(z)) }, null, 8, ["class"]), f("span", null, y(b(j)("brutalistHero.neoBrutalismUI")), 1)]),
+				_: 1
+			}),
+			f("h1", T, y(M.value), 1),
+			N.value ? (_(), d("p", E, y(N.value), 1)) : u("", !0),
+			f("div", D, [m(r, {
+				variant: "primary",
+				size: "lg",
+				flair: "stacked",
+				onClick: t[0] ||= (e) => I("primary-cta")
+			}, {
+				default: x(() => [p(y(P.value) + " ", 1), m(b(S), { class: g(R.value) }, null, 8, ["class"])]),
+				_: 1
+			}), m(r, {
+				variant: "outline",
+				size: "lg",
+				onClick: t[1] ||= (e) => I("secondary-cta")
+			}, {
+				default: x(() => [p(y(F.value), 1)]),
+				_: 1
+			})])
+		]), f("div", O, [
+			t[3] ||= f("span", {
+				"aria-hidden": "true",
+				class: "pointer-events-none select-none absolute -top-14 right-4 font-mono text-[120px] font-black leading-none text-brutal-fg opacity-5"
+			}, "</>", -1),
+			m(c, {
+				name: "star-8",
+				size: 40,
+				class: "absolute -left-3 -top-3 z-10 rotate-12"
+			}),
+			m(c, {
+				name: "star-12",
+				size: 26,
+				color: "var(--brutal-secondary, #4ECDC4)",
+				class: "absolute -bottom-2.5 -right-2 z-10 -rotate-6"
+			}),
+			t[4] ||= f("div", { class: "absolute inset-0 bg-brutal-primary border-3 border-brutal translate-x-3 translate-y-3" }, null, -1),
+			m(a, {
+				texture: "grid",
+				variant: "default",
+				padding: "none",
+				class: "relative bg-brutal-bg font-mono text-sm"
+			}, {
+				default: x(() => [m(s, { title: "terminal_shell // brutxui" }), m(o, { class: "p-5" }, {
+					default: x(() => [v(e.$slots, "terminal", {}, () => [t[2] ||= f("div", { class: "space-y-1" }, [
+						f("p", { class: "text-brutal-muted-foreground" }, " $ npx brutxui init "),
+						f("p", { class: "text-brutal-success font-bold" }, " ✓ Project initialized "),
+						f("p", { class: "text-brutal-muted-foreground" }, " $ npx brutxui add button "),
+						f("p", { class: "text-brutal-success font-bold" }, " ✓ Button component added "),
+						f("p", { class: "text-brutal-muted-foreground" }, " $ npx brutxui add card dialog "),
+						f("p", { class: "text-brutal-success font-bold" }, " ✓ 2 components added "),
+						f("p", { class: "text-brutal-accent font-bold motion-safe:animate-pulse" }, " █ ")
+					], -1)])]),
+					_: 3
+				})]),
+				_: 3
+			})
+		])])], 2));
+	}
+});
+//#endregion
+export { k as t };