brutx-ui-vue 0.9.7 → 0.9.9

package/dist/chunks/{AccordionContent-CB1FhY6J.js → AccordionContent-BP8XrwIx.js}

@@ -50,20 +50,19 @@ var D = /* @__PURE__ */ c({
 		]
 	} },
 	defaultVariants: { variant: "default" }
-}), k = E([
+}), k = "hover:bg-brutal-muted hover:shadow-brutal-sm hover:-translate-y-0.5", A = E([
 	"flex flex-1 items-center justify-between py-4 px-6",
 	"text-left font-black tracking-wide transition-all",
-	n,
-	"hover:shadow-brutal-sm hover:-translate-y-0.5"
+	n
 ], {
 	variants: { variant: {
-		default: "hover:bg-brutal-muted",
-		flat: "hover:bg-brutal-muted",
-		ghost: "hover:bg-brutal-muted",
+		default: k,
+		flat: k,
+		ghost: k,
 		interactive: "hover:bg-brutal-muted"
 	} },
 	defaultVariants: { variant: "default" }
-}), A = E("border-t-3 border-brutal p-6 bg-brutal-bg text-brutal-fg", {
+}), j = E("border-t-3 border-brutal p-6 bg-brutal-bg text-brutal-fg", {
 	variants: { variant: {
 		default: "",
 		flat: "bg-brutal-muted/30",
@@ -71,7 +70,7 @@ var D = /* @__PURE__ */ c({
 		interactive: "hover:bg-brutal-muted/20"
 	} },
 	defaultVariants: { variant: "default" }
-}), j = Symbol("accordionItem"), M = /* @__PURE__ */ c({
+}), M = Symbol("accordionItem"), N = /* @__PURE__ */ c({
 	__name: "AccordionItem",
 	props: {
 		variant: { default: "default" },
@@ -87,12 +86,12 @@ var D = /* @__PURE__ */ c({
 			let { class: e, variant: t, ...r } = n;
 			return r;
 		})), o = i(() => e(O({ variant: n.variant }), n.class));
-		return p(j, { variant: h(n, "variant") }), (e, t) => (f(), a(g(x), u(g(r), { class: o.value }), {
+		return p(M, { variant: h(n, "variant") }), (e, t) => (f(), a(g(x), u(g(r), { class: o.value }), {
 			default: _(() => [m(e.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), N = /* @__PURE__ */ c({
+}), P = /* @__PURE__ */ c({
 	__name: "AccordionTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -101,10 +100,10 @@ var D = /* @__PURE__ */ c({
 		iconSize: { default: "lg" }
 	},
 	setup(t) {
-		let n = t, o = l(j, { variant: i(() => void 0) }), c = w(i(() => {
+		let n = t, o = l(M, { variant: i(() => void 0) }), c = w(i(() => {
 			let { class: e, iconSize: t, ...r } = n;
 			return r;
-		})), p = i(() => e(k({ variant: o.variant.value }), "[&[data-state=open]>svg]:rotate-180", n.class)), h = i(() => e(r({ size: n.iconSize }), "shrink-0 transition-transform duration-200 border-3 border-brutal rounded-brutal bg-brutal-bg p-0.5 shadow-brutal-sm"));
+		})), p = i(() => e(A({ variant: o.variant.value }), "[&[data-state=open]>svg]:rotate-180", n.class)), h = i(() => e(r({ size: n.iconSize }), "shrink-0 transition-transform duration-200 border-3 border-brutal rounded-brutal bg-brutal-bg p-0.5 shadow-brutal-sm"));
 		return (e, t) => (f(), a(g(b), { class: "flex !m-0" }, {
 			default: _(() => [s(g(C), u(g(c), { class: p.value }), {
 				default: _(() => [m(e.$slots, "default"), m(e.$slots, "icon", {}, () => [s(g(v), { class: d(h.value) }, null, 8, ["class"])])]),
@@ -113,7 +112,7 @@ var D = /* @__PURE__ */ c({
 			_: 3
 		}));
 	}
-}), P = /* @__PURE__ */ c({
+}), F = /* @__PURE__ */ c({
 	__name: "AccordionContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -122,10 +121,10 @@ var D = /* @__PURE__ */ c({
 		class: {}
 	},
 	setup(t) {
-		let n = t, r = l(j, { variant: i(() => void 0) }), s = i(() => {
+		let n = t, r = l(M, { variant: i(() => void 0) }), s = i(() => {
 			let { class: e, ...t } = n;
 			return t;
-		}), c = i(() => e(A({ variant: r.variant.value }), n.class));
+		}), c = i(() => e(j({ variant: r.variant.value }), n.class));
 		return (e, t) => (f(), a(g(y), u(s.value, { class: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
 			default: _(() => [o("div", { class: d(c.value) }, [m(e.$slots, "default")], 2)]),
 			_: 3
@@ -133,4 +132,4 @@ var D = /* @__PURE__ */ c({
 	}
 });
 //#endregion
-export { A as a, D as c, j as i, N as n, O as o, M as r, k as s, P as t };
+export { j as a, D as c, M as i, P as n, O as o, N as r, A as s, F as t };

package/dist/chunks/{AlertDescription--g0juUsk.js → AlertDescription-B3f7NHHQ.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./utils-CUXX1zll.js";
 import { t } from "./icon-size-variants-nPLFCnI7.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-UuduRGTk.js";
+import { t as r } from "./Button-CQH3jyWY.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, useSlots as m, withCtx as h } from "vue";
 import { X as g } from "@lucide/vue";
 import { Primitive as _ } from "reka-ui";
@@ -50,6 +50,7 @@ var y = v([
 			p(v).actions ? (d(), s("div", b, [f(e.$slots, "actions")])) : o("", !0),
 			l.closable ? (d(), a(r, {
 				key: 1,
+				type: "button",
 				variant: "ghost",
 				size: "icon",
 				class: "absolute right-3 top-3 h-8 w-8",

package/dist/chunks/{AlertDialogCancel-DXBjaQOy.js → AlertDialogCancel-CG-fZMiS.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./utils-CUXX1zll.js";
 import { t } from "./button-variants-BLYYjo0C.js";
 import { a as n, i as r, r as i, t as a } from "./modal-variants-CyL0Kxke.js";
-import { t as o } from "./floating-animation-classes-CTHbi2Bu.js";
+import { t as o } from "./floating-animation-classes-BpG5LmZa.js";
 import { computed as s, createBlock as c, createElementBlock as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, unref as g, withCtx as _ } from "vue";
 import { AlertDialogAction as v, AlertDialogCancel as y, AlertDialogContent as b, AlertDialogDescription as x, AlertDialogOverlay as S, AlertDialogPortal as C, AlertDialogTitle as w, useForwardProps as T } from "reka-ui";
 import { cva as E } from "class-variance-authority";

package/dist/chunks/{AuthCard-DmUp4761.js → AuthCard-DAk6Q3n2.js}

@@ -1,10 +1,10 @@
 import { n as e } from "./utils-CUXX1zll.js";
 import { t } from "./icon-size-variants-nPLFCnI7.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-UuduRGTk.js";
+import { t as r } from "./Button-CQH3jyWY.js";
 import { t as i } from "./Label-B3416ZVX.js";
 import { t as a } from "./Input-Cgt7mldw.js";
-import { t as o } from "./Card-DSO1PnPd.js";
+import { t as o } from "./Card-BbuXTMF2.js";
 import { i as s, n as c, r as l, t as u } from "./CardFooter-qWuhvRh2.js";
 import { t as d } from "./CardContent-BMUyIIpB.js";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, openBlock as x, ref as S, toDisplayString as C, unref as w, useId as T, withCtx as E, withModifiers as D } from "vue";

package/dist/chunks/{AvatarFallback-XHhqvLLl.js → AvatarFallback-D0QK2v6h.js}

@@ -82,17 +82,16 @@ var y = v(["relative flex shrink-0 overflow-hidden", "border-3 border-brutal"],
 		class: {}
 	},
 	setup(t) {
-		let a = t, o = n(() => e("aspect-square h-full w-full object-cover", a.class));
-		return (e, n) => t.src ? (u(), r(p(g), {
-			key: 0,
+		let i = t, a = n(() => e("aspect-square h-full w-full object-cover", i.class));
+		return (e, n) => (u(), r(p(g), {
 			src: t.src,
 			alt: t.alt,
-			class: l(o.value)
+			class: l(a.value)
 		}, null, 8, [
 			"src",
 			"alt",
 			"class"
-		])) : i("", !0);
+		]));
 	}
 }), E = /* @__PURE__ */ s({
 	__name: "AvatarFallback",

package/dist/chunks/{Backtop-C0dv95GB.js → Backtop-DBubMyq3.js}

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

package/dist/chunks/{BrutalistHero-DYf-QOqz.js → BrutalistHero-C2yBfDVL.js}

@@ -1,9 +1,9 @@
 import { n as e } from "./utils-CUXX1zll.js";
 import { t } from "./icon-size-variants-nPLFCnI7.js";
 import { useLocale as n } from "../composables/useLocale.js";
-import { t as r } from "./Button-UuduRGTk.js";
+import { t as r } from "./Button-CQH3jyWY.js";
 import { t as i } from "./Badge-CHXf0ZM1.js";
-import { t as a } from "./Card-DSO1PnPd.js";
+import { t as a } from "./Card-BbuXTMF2.js";
 import { t as o } from "./CardContent-BMUyIIpB.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, toDisplayString as g, unref as _, withCtx as v } from "vue";
 import { ArrowRight as y, Sparkles as b } from "@lucide/vue";

package/dist/chunks/{Button-UuduRGTk.js → Button-CQH3jyWY.js}

@@ -5,12 +5,12 @@ import { useLocale as r } from "../composables/useLocale.js";
 import { p as i } from "./defaults-BrqEfXpQ.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, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
-import { Loader2 as b } from "@lucide/vue";
-import { Primitive as x } from "reka-ui";
+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";
+import { Loader2 as C } from "@lucide/vue";
+import { Primitive as w } from "reka-ui";
 //#endregion
 //#region src/components/button/Button.vue
-var S = /*#__PURE__*/ o(/* @__PURE__ */ p({
+var T = /*#__PURE__*/ o(/* @__PURE__ */ p({
 	__name: "Button",
 	props: {
 		variant: { default: "default" },
@@ -45,59 +45,72 @@ var S = /*#__PURE__*/ o(/* @__PURE__ */ p({
 		class: { default: void 0 }
 	},
 	setup(i, { expose: o }) {
-		let p = i, { t: S } = r(), C = c(() => p.disabled || p.loading), { isGlitching: w, onMouseEnter: T, onMouseLeave: E, onClick: D, play: O, stop: k } = a({
+		let p = i, { t: T } = r(), E = c(() => p.disabled || p.loading), { isGlitching: D, onMouseEnter: O, onMouseLeave: k, onClick: A, play: j, stop: M } = a({
 			trigger: () => p.glitchTrigger,
 			interval: () => p.glitchInterval,
-			disabled: C
-		}), A = c(() => e(t({
+			disabled: E
+		}), N = c(() => e(t({
 			variant: p.variant,
 			size: p.size,
 			effect: p.effect,
 			glitchSpeed: p.glitchSpeed,
 			glitchDirection: p.glitchDirection
-		}), p.effect === "glitch" && w.value ? "is-glitching" : "", p.asChild && C.value && "pointer-events-none", p.class)), j = {
+		}), p.effect === "glitch" && D.value ? "is-glitching" : "", p.asChild && E.value && "pointer-events-none", p.class)), P = {
 			sm: "sm",
 			default: "default",
 			lg: "lg",
 			xl: "xl",
 			icon: "default"
-		}, M = c(() => e(n({ size: j[p.size] }), "animate-spin")), N = c(() => p.pendingText ?? S("submitButton.submitting")), P = c(() => p.type === "submit" && p.loading && !!N.value);
-		function F() {
-			p.effect === "glitch" && T();
+		}, F = c(() => e(n({ size: P[p.size] }), "animate-spin")), I = c(() => p.pendingText ?? T("submitButton.submitting")), L = c(() => p.type === "submit" && p.loading && !!I.value);
+		function R() {
+			p.effect === "glitch" && O();
 		}
-		function I() {
-			p.effect === "glitch" && E();
+		function z() {
+			p.effect === "glitch" && k();
 		}
-		function L() {
-			p.effect === "glitch" && D();
+		function B(e) {
+			if (E.value) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			p.effect === "glitch" && A();
 		}
-		return o({
-			play: O,
-			stop: k
-		}), (e, t) => (h(), l(v(x), {
+		let V = v(null), H = v("");
+		function U() {
+			let e = V.value?.$el;
+			e instanceof HTMLElement && (H.value = e.textContent?.trim() ?? "");
+		}
+		return h(U), g(U), o({
+			play: j,
+			stop: M
+		}), (e, t) => (_(), l(x(w), {
+			ref_key: "rootEl",
+			ref: V,
 			as: i.asChild ? void 0 : "button",
 			"as-child": i.asChild,
-			class: m(A.value),
+			class: m(N.value),
 			type: i.type,
-			disabled: !i.asChild && C.value,
-			"aria-disabled": i.asChild && C.value ? !0 : void 0,
+			"data-text": H.value,
+			disabled: !i.asChild && E.value,
+			"aria-disabled": i.asChild && E.value ? !0 : void 0,
 			"aria-busy": i.loading || void 0,
 			"aria-pressed": i.pressed,
 			"aria-expanded": i.expanded,
-			onMouseenter: F,
-			onMouseleave: I,
-			onClick: L
+			onMouseenter: R,
+			onMouseleave: z,
+			onClick: B
 		}, {
-			default: y(() => [i.loading ? (h(), l(v(b), {
+			default: S(() => [i.loading ? (_(), l(x(C), {
 				key: 0,
-				class: m(M.value)
-			}, null, 8, ["class"])) : u("", !0), g(e.$slots, "default", {}, () => [P.value ? (h(), d(s, { key: 0 }, [f(_(N.value), 1)], 64)) : u("", !0)], !0)]),
+				class: m(F.value)
+			}, null, 8, ["class"])) : u("", !0), y(e.$slots, "default", {}, () => [L.value ? (_(), d(s, { key: 0 }, [f(b(I.value), 1)], 64)) : u("", !0)], !0)]),
 			_: 3
 		}, 8, [
 			"as",
 			"as-child",
 			"class",
 			"type",
+			"data-text",
 			"disabled",
 			"aria-disabled",
 			"aria-busy",
@@ -105,6 +118,6 @@ var S = /*#__PURE__*/ o(/* @__PURE__ */ p({
 			"aria-expanded"
 		]));
 	}
-}), [["__scopeId", "data-v-42460e15"]]);
+}), [["__scopeId", "data-v-b6f917c2"]]);
 //#endregion
-export { S as t };
+export { T as t };

package/dist/chunks/{Card-DSO1PnPd.js → Card-BbuXTMF2.js}

@@ -20,8 +20,8 @@ var u = l([
 				n,
 				"cursor-pointer"
 			],
-			primary: "shadow-brutal-primary border-[var(--brutal-primary)]",
-			secondary: "shadow-brutal-secondary border-[var(--brutal-secondary)]"
+			primary: "shadow-brutal-primary border-brutal-primary",
+			secondary: "shadow-brutal-secondary border-brutal-secondary"
 		},
 		padding: {
 			none: "p-0",

package/dist/chunks/{Card3D-Cif05TB8.js → Card3D-COE-PpwE.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./utils-CUXX1zll.js";
 import { useLocale as t } from "../composables/useLocale.js";
 import { d as n } from "./defaults-BrqEfXpQ.js";
-import { o as r } from "./env-Blte_yub.js";
+import { o as r } from "./env-CvRqOgSF.js";
 import { useReducedMotion as i } from "../composables/useReducedMotion.js";
 import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onMounted as f, openBlock as p, ref as m, renderSlot as h, unref as g, watch as _ } from "vue";
 import { cva as v } from "class-variance-authority";
@@ -64,11 +64,12 @@ var y = 4, b = v([
 		});
 		let M = m(0), N = m(0), P = (e) => {
 			if (v.disabled || O.value) return;
-			let t = w.value?.getBoundingClientRect();
-			if (!t) return;
+			let t = w.value, n = t?.getBoundingClientRect();
+			if (!t || !n || n.width <= 0 || n.height <= 0) return;
+			let r = n.width, i = n.height;
 			D.value = !0;
-			let n = (e.clientX - t.left) / t.width - C, r = (e.clientY - t.top) / t.height - C;
-			T.value = -r * v.maxRotation, E.value = n * v.maxRotation, M.value = -n * v.shadowOffset + j.value, N.value = -r * v.shadowOffset + j.value;
+			let a = (e.clientX - n.left) / r - C, o = (e.clientY - n.top) / i - C;
+			!Number.isFinite(a) || !Number.isFinite(o) || (T.value = -o * v.maxRotation, E.value = a * v.maxRotation, M.value = -a * v.shadowOffset + j.value, N.value = -o * v.shadowOffset + j.value);
 		}, F = () => {
 			D.value = !1, T.value = 0, E.value = 0, M.value = j.value, N.value = j.value;
 		};

package/dist/chunks/{Cascader-B3r5-pva.js → Cascader-B9zMvT7J.js}

@@ -2,8 +2,8 @@ import { n as e } from "./utils-CUXX1zll.js";
 import { n as t } from "./brutal-interaction-variants-BAheBvSg.js";
 import { useLocale as n } from "../composables/useLocale.js";
 import { t as r } from "./Checkbox-BJKxAvEj.js";
-import { n as i } from "./floating-animation-classes-CTHbi2Bu.js";
-import { t as a } from "./PopoverContent-DHbLlAZi.js";
+import { n as i } from "./floating-animation-classes-BpG5LmZa.js";
+import { t as a } from "./PopoverContent-BR4RHXYa.js";
 import { useSelectableTrigger as o } from "../composables/useSelectableTrigger.js";
 import { useSelectionDisplayText as s } from "../composables/useSelectionDisplayText.js";
 import { useClearableSelection as ee } from "../composables/useClearableSelection.js";

package/dist/chunks/{ChatContainer-CtIYx6SP.js → ChatContainer-DxI1-cmJ.js}

@@ -12,7 +12,7 @@ var w = C([
 ], {
 	variants: {
 		variant: {
-			sent: "bg-brutal-primary text-brutal-primary-foreground ml-auto",
+			sent: "ml-auto",
 			received: "bg-brutal-bg text-brutal-fg mr-auto",
 			system: "bg-brutal-muted text-brutal-fg mx-auto text-center italic border-dashed shadow-none text-xs"
 		},
@@ -27,15 +27,23 @@ var w = C([
 			lg: "px-5 py-3.5 text-base"
 		}
 	},
-	compoundVariants: [{
-		variant: "sent",
-		color: "primary",
-		class: "shadow-brutal-primary"
-	}, {
-		variant: "sent",
-		color: "accent",
-		class: "bg-brutal-accent text-brutal-accent-foreground"
-	}],
+	compoundVariants: [
+		{
+			variant: "sent",
+			color: "default",
+			class: "bg-brutal-primary text-brutal-primary-foreground"
+		},
+		{
+			variant: "sent",
+			color: "primary",
+			class: "bg-brutal-primary text-brutal-primary-foreground shadow-brutal-primary"
+		},
+		{
+			variant: "sent",
+			color: "accent",
+			class: "bg-brutal-accent text-brutal-accent-foreground"
+		}
+	],
 	defaultVariants: {
 		variant: "received",
 		color: "default",
@@ -187,7 +195,7 @@ var w = C([
 			let t = [], n = [], r = "", i = "", a = null, o = f.groupInterval * I;
 			for (let s of e) {
 				let e = s.timestamp, c = null;
-				e instanceof Date ? c = e : typeof e == "string" && e && (c = new Date(e));
+				e instanceof Date ? c = e : typeof e == "string" && e && (c = new Date(e)), c && Number.isNaN(c.getTime()) && (c = null);
 				let l = c ? m(c) : "", u = l !== i, d = c !== null && a !== null && !u && c.getTime() - a.getTime() > o;
 				u ? (n.length > 0 && t.push({
 					label: r,

package/dist/chunks/{ColorModeSwitcher-BySSzyzW.js → ColorModeSwitcher-BfODyloh.js}

@@ -1,7 +1,7 @@
 import { useLocale as e } from "../composables/useLocale.js";
-import { t } from "./Button-UuduRGTk.js";
+import { t } from "./Button-CQH3jyWY.js";
 import { useTheme as n } from "../composables/useTheme.js";
-import { a as r, n as i, t as a } from "./SelectItem-FgG999e-.js";
+import { a as r, n as i, t as a } from "./SelectItem-B541Rhqy.js";
 import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 import { Monitor as b, Moon as x, Sun as S } from "@lucide/vue";
 import { SelectRoot as C, SelectValue as w } from "reka-ui";