brutx-ui-vue 0.10.1 → 0.10.2

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

@@ -1,5 +1,5 @@
-import { n as e } from "./utils-D4SUu3He.js";
-import { i as t, o as n } from "./brutal-interaction-variants-Dd50fX12.js";
+import { n as e } from "./utils-B_mSHye_.js";
+import { a as t, s as n } from "./brutal-interaction-variants-CEQ3PywD.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";

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

@@ -1,7 +1,7 @@
-import { n as e } from "./utils-D4SUu3He.js";
+import { n as e } from "./utils-B_mSHye_.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-QI4aDHQu.js";
+import { t as r } from "./Button-q6iBsrfD.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-bJYOPbTY.js → AlertDialogCancel-mNOGcdUd.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-D4SUu3He.js";
-import { t } from "./button-variants-CBpRcDNH.js";
-import { a as n, i as r, r as i, t as a } from "./modal-variants-BpiGhY-y.js";
+import { 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 { 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";

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

@@ -1,12 +1,12 @@
-import { n as e } from "./utils-D4SUu3He.js";
+import { n as e } from "./utils-B_mSHye_.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-QI4aDHQu.js";
-import { t as i } from "./Label-XrK3v0Wx.js";
-import { t as a } from "./Input-CUcG77vb.js";
-import { t as o } from "./Card-01h9lLdf.js";
-import { i as s, n as c, r as ee, t as l } from "./CardFooter-C6APHurx.js";
-import { t as u } from "./CardContent-DQSu-W_o.js";
+import { 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 { 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-aHxpzpEF.js → AvatarFallback-ClZeBT_M.js}

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

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

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-D4SUu3He.js";
+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-QI4aDHQu.js";
+import { t as i } from "./Button-q6iBsrfD.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-xfW_Kb-K.js → Badge-24Ammu5Y.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./utils-D4SUu3He.js";
+import { n as e } from "./utils-B_mSHye_.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";
@@ -78,7 +78,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:outline-none focus:ring-2 focus:ring-brutal-ring focus:ring-offset-2 rounded-brutal",
+				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",
 				"aria-label": p(y)("badge.close"),
 				onClick: C
 			}, [c(p(m), {

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

@@ -1,6 +1,6 @@
-import { n as e } from "./utils-D4SUu3He.js";
+import { n as e } from "./utils-B_mSHye_.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-YefckbmJ.js";
+import { a as n, i as r, n as i, o as a, r as o } from "./Spinner-B0ynR2Jm.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-CveqVRjE.js → BeforeAfter-H8BbM93n.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./utils-D4SUu3He.js";
+import { n as e } from "./utils-B_mSHye_.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-CNwlJSMT.js → BreadcrumbEllipsis-BXKyWll9.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./utils-D4SUu3He.js";
-import { o as t } from "./brutal-interaction-variants-Dd50fX12.js";
+import { n as e } from "./utils-B_mSHye_.js";
+import { s as t } from "./brutal-interaction-variants-CEQ3PywD.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";

package/dist/chunks/{BrutalistHero-JGVRjcsw.js → BrutalistHero-FSLNCIsk.js}

@@ -1,10 +1,10 @@
-import { n as e } from "./utils-D4SUu3He.js";
+import { n as e } from "./utils-B_mSHye_.js";
 import { t } from "./icon-size-variants-Cp9lYoRk.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-QI4aDHQu.js";
-import { t as i } from "./Badge-xfW_Kb-K.js";
-import { t as a } from "./Card-01h9lLdf.js";
-import { t as o } from "./CardContent-DQSu-W_o.js";
+import { t as r } from "./Button-q6iBsrfD.js";
+import { t as i } from "./Badge-24Ammu5Y.js";
+import { t as a } from "./Card-D8y_0_6p.js";
+import { t as o } from "./CardContent-D_9mQ6RG.js";
 import { computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 import { ArrowRight as b, Sparkles as x } from "@lucide/vue";
 //#region src/components/brutalist-hero/BrutalistHero.vue?vue&type=script&setup=true&lang.ts

package/dist/chunks/{Button-QI4aDHQu.js → Button-q6iBsrfD.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./utils-D4SUu3He.js";
-import { t } from "./button-variants-CBpRcDNH.js";
+import { n as e } from "./utils-B_mSHye_.js";
+import { t } from "./button-variants-CUdw3nH7.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-1sEDJLoL.js";

package/dist/chunks/Card-D8y_0_6p.js

@@ -0,0 +1,99 @@
+import { n as e } from "./utils-B_mSHye_.js";
+import { r as t, s as n } from "./brutal-interaction-variants-CEQ3PywD.js";
+import { x as r } from "./env-CudGjJlt.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";
+//#region src/components/card/card-variants.ts
+var d = u([
+	"border-3 border-brutal",
+	"rounded-brutal",
+	"bg-brutal-bg text-brutal-fg",
+	"transition-all duration-150"
+], {
+	variants: {
+		variant: {
+			default: "shadow-brutal",
+			elevated: "shadow-brutal-lg",
+			flat: "shadow-none",
+			interactive: [
+				"shadow-brutal",
+				t,
+				n,
+				"cursor-pointer"
+			],
+			primary: "shadow-brutal-primary border-brutal-primary",
+			secondary: "shadow-brutal-secondary border-brutal-secondary"
+		},
+		padding: {
+			none: "p-0",
+			sm: "p-3",
+			default: "p-5",
+			lg: "p-8"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		padding: "default"
+	}
+}), f = [
+	"role",
+	"tabindex",
+	"aria-disabled"
+], p = /* @__PURE__ */ o({
+	__name: "Card",
+	props: {
+		variant: { default: "default" },
+		padding: { default: "default" },
+		interactive: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		class: { default: void 0 }
+	},
+	emits: ["activate"],
+	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
+		}), 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;
+			let n = e.closest("a, button, input, select, textarea, [role=\"button\"]");
+			return !!n && n !== t;
+		}
+		function _(e) {
+			!p.value || o.disabled || e.repeat || g(e.target, e.currentTarget) || ((e.key === "Enter" || e.key === " ") && e.preventDefault(), e.key === "Enter" && (h = !0, u("activate", e), r(() => {
+				h = !1;
+			})));
+		}
+		function v(e) {
+			!p.value || o.disabled || e.repeat || e.key !== " " || g(e.target, e.currentTarget) || (e.preventDefault(), h = !0, u("activate", e), r(() => {
+				h = !1;
+			}));
+		}
+		function y(e) {
+			if (!(!p.value || o.disabled) && e.button === 0 && !g(e.target, e.currentTarget)) {
+				if (h) {
+					h = !1;
+					return;
+				}
+				u("activate", e);
+			}
+		}
+		return (e, t) => (c(), a("div", {
+			class: s(m.value),
+			role: p.value ? "button" : void 0,
+			tabindex: p.value ? o.disabled ? -1 : 0 : void 0,
+			"aria-disabled": p.value && o.disabled ? !0 : void 0,
+			onClick: y,
+			onKeydown: _,
+			onKeyup: v
+		}, [l(e.$slots, "default")], 42, f));
+	}
+});
+//#endregion
+export { d as n, p as t };

package/dist/chunks/Card3D-UB4QdjJd.js

@@ -0,0 +1,125 @@
+import { n as e } from "./utils-B_mSHye_.js";
+import { useLocale as t } from "../composables/useLocale.js";
+import { d as n } from "./defaults-1sEDJLoL.js";
+import { o as r } from "./env-CudGjJlt.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";
+import { cva as y } from "class-variance-authority";
+//#region src/components/card-3d/card-3d-variants.ts
+var b = { default: 4 }, x = b.default, S = y([
+	"relative",
+	"border-3 border-brutal",
+	"rounded-brutal",
+	"transition-transform duration-200 ease-out"
+], {
+	variants: {
+		shadow: {
+			default: "[--card3d-offset:4px]",
+			lg: "[--card3d-offset:8px]",
+			xl: "[--card3d-offset:12px]"
+		},
+		variant: {
+			default: "bg-brutal-bg text-brutal-fg",
+			primary: "bg-brutal-primary text-brutal-primary-foreground",
+			accent: "bg-brutal-accent text-brutal-accent-foreground",
+			muted: "bg-brutal-muted text-brutal-muted-foreground"
+		}
+	},
+	defaultVariants: {
+		shadow: "default",
+		variant: "default"
+	}
+}), C = "absolute inset-0 border-3 border-brutal rounded-brutal bg-brutal-fg transition-transform duration-200 ease-out -z-10 pointer-events-none", w = ["aria-label"], T = .5, E = /* @__PURE__ */ c({
+	__name: "Card3D",
+	props: {
+		maxRotation: { default: 15 },
+		perspective: { default: n },
+		scale: { default: 1.02 },
+		shadowOffset: { default: 10 },
+		shadow: { default: "default" },
+		variant: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		clickable: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: void 0 },
+		class: { default: void 0 }
+	},
+	emits: ["click"],
+	setup(n, { emit: c }) {
+		let y = n, b = c, E = h(null), D = h(0), O = h(0), k = h(!1), A = i(), { t: j } = t(), M = x, N = () => {
+			if (!E.value) return M;
+			let e = r(E.value)?.getPropertyValue("--card3d-offset").trim(), t = e ? parseInt(e, 10) : NaN;
+			return Number.isNaN(t) ? M : t;
+		}, P = h(M);
+		p(() => {
+			P.value = N();
+		}), v(() => y.shadow, () => {
+			u(() => {
+				P.value = N();
+			});
+		});
+		let F = h(0), I = h(0), L = (e) => {
+			if (y.disabled || A.value) return;
+			let t = E.value, n = t?.getBoundingClientRect();
+			if (!t || !n || n.width <= 0 || n.height <= 0) return;
+			let r = n.width, i = n.height;
+			k.value = !0;
+			let a = (e.clientX - n.left) / r - T, o = (e.clientY - n.top) / i - T;
+			!Number.isFinite(a) || !Number.isFinite(o) || (D.value = -o * y.maxRotation, O.value = a * y.maxRotation, F.value = -a * y.shadowOffset + P.value, I.value = -o * y.shadowOffset + P.value);
+		}, R = () => {
+			k.value = !1, D.value = 0, O.value = 0, F.value = P.value, I.value = P.value;
+		};
+		F.value = P.value, I.value = P.value, v(P, (e) => {
+			k.value || (F.value = e, I.value = e);
+		}), v([() => y.disabled, A], ([e, t]) => {
+			(e || t) && (k.value = !1, D.value = 0, O.value = 0, F.value = P.value, I.value = P.value);
+		});
+		let z = a(() => y.disabled || A.value ? {} : { transform: k.value ? `perspective(${y.perspective}px) rotateX(${D.value}deg) rotateY(${O.value}deg) scale(${y.scale})` : `perspective(${y.perspective}px) rotateX(0deg) rotateY(0deg) scale(1)` }), B = a(() => y.disabled || A.value ? { transform: `translate(${P.value}px, ${P.value}px)` } : { transform: `translate(${F.value}px, ${I.value}px)` }), V = a(() => e("relative z-0 inline-block w-full", y.class)), H = a(() => e(S({
+			shadow: y.shadow,
+			variant: y.variant
+		}), y.clickable && "cursor-pointer")), U = a(() => y.clickable ? {
+			tabindex: y.disabled ? -1 : 0,
+			role: "button",
+			"aria-disabled": y.disabled || void 0,
+			"aria-label": y.ariaLabel
+		} : {}), W = !1, G = (e) => {
+			if (y.disabled || !y.clickable) return;
+			let t = e.detail === 0 && W;
+			W = !1, !t && b("click", e);
+		}, K = (e) => {
+			if (!(y.disabled || !y.clickable)) if (e.key === "Enter") {
+				if (e.preventDefault(), e.repeat) return;
+				W = !0, b("click", e);
+			} else e.key === " " && e.preventDefault();
+		}, q = (e) => {
+			y.disabled || !y.clickable || e.repeat || e.key !== " " || (e.preventDefault(), W = !0, b("click", e));
+		}, J = a(() => e(C));
+		return (e, t) => (m(), o("div", {
+			class: d(V.value),
+			role: "group",
+			"aria-label": _(j)("card3d.ariaLabel")
+		}, [s("div", l({
+			ref_key: "cardRef",
+			ref: E,
+			class: H.value,
+			style: z.value
+		}, U.value, {
+			onPointermove: L,
+			onPointerleave: R,
+			onClick: G,
+			onKeydown: K,
+			onKeyup: q
+		}), [g(e.$slots, "default")], 16), s("div", {
+			class: d(J.value),
+			style: f(B.value),
+			"aria-hidden": "true"
+		}, null, 6)], 10, w));
+	}
+});
+//#endregion
+export { S as a, C as i, b as n, x as r, E as t };

package/dist/chunks/{CardContent-DQSu-W_o.js → CardContent-D_9mQ6RG.js}

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

@@ -0,0 +1,49 @@
+import { n as e } from "./utils-B_mSHye_.js";
+import { y as t } from "./env-CudGjJlt.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
+//#region src/components/card/CardHeader.vue
+var d = /* @__PURE__ */ a({
+	__name: "CardHeader",
+	props: { class: {} },
+	setup(t) {
+		let r = t, a = n(() => e("flex flex-col space-y-1.5 pb-4", r.class));
+		return (e, t) => (s(), i("div", { class: o(a.value) }, [c(e.$slots, "default")], 2));
+	}
+}), f = /* @__PURE__ */ a({
+	__name: "CardTitle",
+	props: {
+		as: { default: "h3" },
+		class: { default: void 0 }
+	},
+	setup(i) {
+		let a = [
+			"h1",
+			"h2",
+			"h3",
+			"h4",
+			"h5",
+			"h6"
+		], d = i, f = n(() => a.includes(d.as) ? d.as : (t() && console.warn(`[BrutxUI CardTitle] 非法 as 值 "${String(d.as)}"，已回退为 h3（可选值：${a.join("、")}）`), "h3")), p = n(() => e("text-2xl font-black tracking-tight leading-none", d.class));
+		return (e, t) => (s(), r(l(f.value), { class: o(p.value) }, {
+			default: u(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), p = /* @__PURE__ */ a({
+	__name: "CardDescription",
+	props: { class: {} },
+	setup(t) {
+		let r = t, a = n(() => e("text-sm text-brutal-muted-foreground font-medium", r.class));
+		return (e, t) => (s(), i("p", { class: o(a.value) }, [c(e.$slots, "default")], 2));
+	}
+}), m = /* @__PURE__ */ a({
+	__name: "CardFooter",
+	props: { class: {} },
+	setup(t) {
+		let r = t, a = n(() => e("flex items-center pt-4 border-t-3 border-brutal", r.class));
+		return (e, t) => (s(), i("div", { class: o(a.value) }, [c(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { d as i, p as n, f as r, m as t };