brutx-ui-vue 0.11.0 → 0.11.2

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

@@ -1,5 +1,5 @@
-import { n as e } from "./utils-DKpMz1Sg.js";
-import { a as t, c as n } from "./brutal-interaction-variants-Cqho0qw6.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-e89Vdfr2.js → AlertDescription-BR_jCFgj.js}

@@ -1,7 +1,7 @@
-import { n as e } from "./utils-DKpMz1Sg.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-B8PYG-6t.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";

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

@@ -1,13 +1,13 @@
-import { n as e } from "./utils-DKpMz1Sg.js";
-import { t } from "./button-variants-E49JLfSf.js";
-import { a as n, i as r, r as i, t as a } from "./modal-variants-BHsn3SLO.js";
-import { t as o } from "./floating-animation-classes-OJbzqUCJ.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-CleLuF6u.js → AuthCard-BcptCryR.js}

@@ -1,12 +1,12 @@
-import { n as e } from "./utils-DKpMz1Sg.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-B8PYG-6t.js";
-import { t as i } from "./Label-D7NB9dUY.js";
-import { t as a } from "./Input-BZyhzwcx.js";
-import { t as o } from "./Card-BAfbUusz.js";
-import { i as s, n as c, r as ee, t as l } from "./CardFooter--OaW7mi2.js";
-import { t as u } from "./CardContent-0BhL1fWX.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-BN4lqh-M.js → AvatarFallback-Hxv0LRzl.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./utils-DKpMz1Sg.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,20 +68,24 @@ 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: { default: void 0 },
@@ -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-H2U3agZw.js → Backtop-Cyb38H7B.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-DKpMz1Sg.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-B8PYG-6t.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-B9MaLVHg.js → Badge-uKEgezej.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./utils-DKpMz1Sg.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-CvNrR5NL.js";

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

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-DKpMz1Sg.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-DmTpUiIL.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?.trim() || 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?.trim() || 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",
@@ -63,18 +63,18 @@ 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?.trim() || i("spinner.loading")), _ = [
+		let i = n, { t: a } = t(), d = c(() => i.label?.trim() || a("spinner.loading")), _ = [
 			.7,
 			.55,
 			.85,
 			.6,
 			.75
-		], v = _.length, y = c(() => e(o({ size: r.size }), r.class)), b = {
+		], 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"
-		}, x = c(() => a(r.color, v).map((t) => e(b[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(y.value),
 			role: "status",

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

@@ -1,4 +1,4 @@
-import { n as e } from "./utils-DKpMz1Sg.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";

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

@@ -1,5 +1,5 @@
-import { n as e } from "./utils-DKpMz1Sg.js";
-import { c as t } from "./brutal-interaction-variants-Cqho0qw6.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 };

package/dist/chunks/{Button-B8PYG-6t.js → Button-CGM96-hx.js}

@@ -1,8 +1,8 @@
-import { n as e } from "./utils-DKpMz1Sg.js";
-import { t } from "./button-variants-E49JLfSf.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
+import { t } from "./button-variants-6Q5uxqtu.js";
 import { t as n } from "./icon-size-variants-Cp9lYoRk.js";
 import { useLocale as r } from "../composables/useLocale.js";
-import { p as i } from "./defaults-BK2-BapC.js";
+import { C as i } from "./defaults-kSu-7Pjp.js";
 import { useGlitchEffect as a } from "../composables/useGlitchEffect.js";
 import { t as o } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createTextVNode as f, defineComponent as p, normalizeClass as m, onMounted as h, onUpdated as g, openBlock as _, ref as v, renderSlot as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
@@ -15,6 +15,7 @@ var T = /*#__PURE__*/ o(/* @__PURE__ */ p({
 	props: {
 		variant: { default: "default" },
 		size: { default: "default" },
+		flair: { default: "none" },
 		asChild: {
 			type: Boolean,
 			default: !1
@@ -52,6 +53,7 @@ var T = /*#__PURE__*/ o(/* @__PURE__ */ p({
 		}), N = c(() => e(t({
 			variant: p.variant,
 			size: p.size,
+			flair: p.flair,
 			effect: p.effect,
 			...p.effect === "glitch" ? {
 				glitchSpeed: p.glitchSpeed,
@@ -120,6 +122,6 @@ var T = /*#__PURE__*/ o(/* @__PURE__ */ p({
 			"aria-expanded"
 		]));
 	}
-}), [["__scopeId", "data-v-ddb8beec"]]);
+}), [["__scopeId", "data-v-11a2f70c"]]);
 //#endregion
 export { T as t };

package/dist/chunks/{Card-BAfbUusz.js → Card-BC4kGoYn.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./utils-DKpMz1Sg.js";
-import { c as t, r as n } from "./brutal-interaction-variants-Cqho0qw6.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
+import { c as t, r as n } from "./brutal-interaction-variants-V8gdaai1.js";
 import { x as r } from "./env-BWANtEHP.js";
 import { computed as i, createElementBlock as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l } from "vue";
 import { cva as u } from "class-variance-authority";
@@ -35,11 +35,22 @@ var d = u([
 			sm: "p-3",
 			default: "p-5",
 			lg: "p-8"
+		},
+		texture: {
+			none: "",
+			grid: "bg-pattern-grid",
+			dots: "bg-pattern-dots"
+		},
+		deco: {
+			none: "",
+			hud: "hud-crosshairs"
 		}
 	},
 	defaultVariants: {
 		variant: "default",
-		padding: "default"
+		padding: "default",
+		texture: "none",
+		deco: "none"
 	}
 }), f = [
 	"role",
@@ -50,6 +61,8 @@ var d = u([
 	props: {
 		variant: { default: "default" },
 		padding: { default: "default" },
+		texture: { default: void 0 },
+		deco: { default: void 0 },
 		interactive: {
 			type: Boolean,
 			default: !1
@@ -64,7 +77,9 @@ var d = u([
 	setup(t, { emit: n }) {
 		let o = t, u = n, p = i(() => o.interactive || o.variant === "interactive"), m = i(() => e(d({
 			variant: o.disabled && o.variant === "interactive" ? "default" : o.variant,
-			padding: o.padding
+			padding: o.padding,
+			texture: o.texture,
+			deco: o.deco
 		}), o.interactive && !o.disabled && o.variant !== "interactive" && "cursor-pointer hover:shadow-brutal-lg hover:-translate-y-0.5 transition-all", o.class)), h = !1;
 		function g(e, t) {
 			if (e === t || !(e instanceof Element)) return !1;

package/dist/chunks/{Card3D-D435SmNb.js → Card3D-CRtEEg6z.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-DKpMz1Sg.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
 import { useLocale as t } from "../composables/useLocale.js";
-import { d as n } from "./defaults-BK2-BapC.js";
+import { x as n } from "./defaults-kSu-7Pjp.js";
 import { o as r } from "./env-BWANtEHP.js";
 import { useReducedMotion as i } from "../composables/useReducedMotion.js";
 import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeProps as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onMounted as p, openBlock as m, ref as h, renderSlot as g, unref as _, watch as v } from "vue";

package/dist/chunks/{CardContent-0BhL1fWX.js → CardContent-CcVsOs9t.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./utils-DKpMz1Sg.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
 import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
 //#endregion
 //#region src/components/card/CardContent.vue

package/dist/chunks/{CardFooter--OaW7mi2.js → CardFooter-kc_I65JQ.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./utils-DKpMz1Sg.js";
+import { n as e } from "./utils-CLyG8Lfg.js";
 import { y as t } from "./env-BWANtEHP.js";
 import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, withCtx as u } from "vue";
 //#endregion