brutx-ui-vue 0.9.9 → 0.9.11

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

@@ -3,7 +3,7 @@ import { t } from "./icon-size-variants-nPLFCnI7.js";
 import { useLocale as n } from "../composables/useLocale.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 a } from "./Input-qKeVv2nE.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";

package/dist/chunks/{DashboardShell-C9QDHVsG.js → DashboardShell-BuAqv-5Z.js}

@@ -5,7 +5,7 @@ import { t as r } from "./Button-CQH3jyWY.js";
 import { computed as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 import { Menu as _ } from "@lucide/vue";
 //#region src/components/dashboard-shell/DashboardShell.vue?vue&type=script&setup=true&lang.ts
-var v = ["aria-label"], y = { class: "flex-1 space-y-1" }, b = { class: "border-t-3 border-brutal pt-4 mt-4" }, x = { class: "text-sm font-bold truncate" }, S = { class: "flex-1 flex flex-col overflow-hidden" }, C = { class: "border-b-3 border-brutal bg-brutal-bg px-6 py-3 flex items-center justify-between" }, w = { class: "flex-1 overflow-y-auto p-6" }, T = /* @__PURE__ */ l({
+var v = ["aria-label"], y = { class: "flex-1 space-y-1" }, b = { class: "border-t-3 border-brutal pt-4 mt-4" }, x = { class: "text-sm font-bold truncate" }, S = { class: "flex-1 flex flex-col overflow-hidden" }, C = { class: "border-b-3 border-brutal bg-brutal-bg px-6 py-3 flex items-center justify-between" }, w = { class: "flex-1 overflow-y-auto p-6" }, T = "user@example.com", E = /* @__PURE__ */ l({
 	__name: "DashboardShell",
 	props: {
 		userEmail: { default: void 0 },
@@ -13,32 +13,32 @@ var v = ["aria-label"], y = { class: "flex-1 space-y-1" }, b = { class: "border-
 		iconSize: { default: "default" }
 	},
 	emits: ["sign-out"],
-	setup(l, { emit: T }) {
-		let E = l, D = T, { t: O } = n(), k = f(!0), A = i(() => E.userEmail ?? O("dashboardShell.defaultEmail")), j = i(() => e("flex h-screen bg-brutal-bg", E.class)), M = i(() => e("border-r-3 border-brutal bg-brutal-bg p-4 flex flex-col", k.value ? "w-64" : "w-0 overflow-hidden md:w-64")), N = i(() => e(t({ size: E.iconSize }), "stroke-[3]"));
-		return (e, t) => (d(), a("div", { class: u(j.value) }, [o("aside", {
-			class: u(M.value),
-			"aria-label": h(O)("dashboardShell.sidebarNavigation")
+	setup(l, { emit: E }) {
+		let D = l, O = E, { t: k } = n(), A = f(!0), j = i(() => D.userEmail ?? T), M = i(() => e("flex h-screen bg-brutal-bg", D.class)), N = i(() => e("border-r-3 border-brutal bg-brutal-bg p-4 flex flex-col", A.value ? "w-64" : "w-0 overflow-hidden md:w-64")), P = i(() => e(t({ size: D.iconSize }), "stroke-[3]"));
+		return (e, t) => (d(), a("div", { class: u(M.value) }, [o("aside", {
+			class: u(N.value),
+			"aria-label": h(k)("dashboardShell.sidebarNavigation")
 		}, [
 			t[2] ||= o("div", { class: "font-black text-lg tracking-tight mb-8" }, " BrutxUI ", -1),
 			o("nav", y, [p(e.$slots, "sidebar")]),
-			o("div", b, [o("div", x, m(A.value), 1), c(r, {
+			o("div", b, [o("div", x, m(j.value), 1), c(r, {
 				variant: "link",
 				class: "text-sm font-bold text-brutal-destructive mt-1 hover:no-underline",
-				onClick: t[0] ||= (e) => D("sign-out")
+				onClick: t[0] ||= (e) => O("sign-out")
 			}, {
-				default: g(() => [s(m(h(O)("dashboardShell.signOut")), 1)]),
+				default: g(() => [s(m(h(k)("dashboardShell.signOut")), 1)]),
 				_: 1
 			})])
 		], 10, v), o("div", S, [o("header", C, [c(r, {
 			variant: "default",
 			size: "icon",
 			class: "md:hidden h-8 w-8 shadow-brutal-sm",
-			onClick: t[1] ||= (e) => k.value = !k.value
+			onClick: t[1] ||= (e) => A.value = !A.value
 		}, {
-			default: g(() => [c(h(_), { class: u(N.value) }, null, 8, ["class"])]),
+			default: g(() => [c(h(_), { class: u(P.value) }, null, 8, ["class"])]),
 			_: 1
 		}), p(e.$slots, "header")]), o("main", w, [p(e.$slots, "default")])])], 2));
 	}
 });
 //#endregion
-export { T as t };
+export { E as t };

package/dist/chunks/{DataTable-v6odfpSY.js → DataTable-S5luTeKx.js}

@@ -4,7 +4,7 @@ import { useLocale as n } from "../composables/useLocale.js";
 import { g as r } from "./defaults-BrqEfXpQ.js";
 import { t as i } from "./Button-CQH3jyWY.js";
 import { t as a } from "./Checkbox-BJKxAvEj.js";
-import { t as o } from "./Input-Cgt7mldw.js";
+import { t as o } from "./Input-qKeVv2nE.js";
 import { t as ee } from "./PopoverContent-BR4RHXYa.js";
 import { a as te, n as ne, t as s } from "./SelectItem-B541Rhqy.js";
 import { t as c } from "./data-table-utils-Cilh_JGU.js";
@@ -12,7 +12,7 @@ import { useDataTableSort as l } from "../composables/useDataTableSort.js";
 import { useDataTableFilter as u } from "../composables/useDataTableFilter.js";
 import { useDataTableSelection as d } from "../composables/useDataTableSelection.js";
 import { useDataTablePagination as re } from "../composables/useDataTablePagination.js";
-import { t as ie } from "./VirtualScroll-1GcfIhEp.js";
+import { t as ie } from "./VirtualScroll-BUg5hvXK.js";
 import { n as ae, t as f } from "./PopoverTrigger-BxStODw9.js";
 import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, markRaw as oe, normalizeClass as S, normalizeStyle as C, openBlock as w, renderList as T, renderSlot as E, shallowRef as se, toDisplayString as D, unref as O, useSlots as ce, vShow as le, watch as k, watchEffect as ue, withCtx as A, withDirectives as de, withKeys as j, withModifiers as M } from "vue";
 import { ArrowDown as fe, ArrowUp as pe, ArrowUpDown as me, ChevronDown as N, ChevronLeft as he, ChevronRight as P, ChevronsLeft as ge, ChevronsRight as _e, Filter as F, Inbox as ve, Loader2 as ye } from "@lucide/vue";

package/dist/chunks/{FeedbackForm-Bj38uGf-.js → FeedbackForm-xqjfiPHv.js}

@@ -3,10 +3,10 @@ import { t } from "./icon-size-variants-nPLFCnI7.js";
 import { useLocale as ee } from "../composables/useLocale.js";
 import { t as n } from "./Button-CQH3jyWY.js";
 import { t as r } from "./Label-B3416ZVX.js";
-import { t as i } from "./Input-Cgt7mldw.js";
+import { t as i } from "./Input-qKeVv2nE.js";
 import { t as a } from "./Card-BbuXTMF2.js";
 import { t as o } from "./Result-DiJVipLS.js";
-import { t as s } from "./Textarea-BWwVFvYd.js";
+import { t as s } from "./Textarea-zK2n7NrR.js";
 import { t as c } from "./CardContent-BMUyIIpB.js";
 import { Fragment as l, computed as u, createBlock as te, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, openBlock as v, reactive as ne, ref as y, renderSlot as b, toDisplayString as x, unref as S, withCtx as C, withModifiers as w } from "vue";
 import { Send as T } from "@lucide/vue";

package/dist/chunks/{FooterSection-Cv2eQQXH.js → FooterSection-BWAUiRAn.js}

@@ -10,7 +10,7 @@ var y = { class: "max-w-7xl mx-auto px-4 md:px-6 py-10" }, b = { class: "mb-8" }
 }, C = {
 	key: 0,
 	class: "grid grid-cols-2 md:grid-cols-4 gap-8 mb-8"
-}, w = { class: "font-black text-sm tracking-wide text-brutal-fg mb-3" }, T = { class: "space-y-2 list-none" }, E = ["href", "onClick"], D = { class: "pt-6 text-center" }, O = { class: "text-sm text-brutal-muted-foreground font-medium" }, k = /* @__PURE__ */ f({
+}, w = { class: "font-black text-sm tracking-wide text-brutal-fg mb-3" }, T = { class: "space-y-2 list-none" }, E = ["href", "onClick"], D = { class: "pt-6 text-center" }, O = { class: "text-sm text-brutal-muted-foreground font-medium" }, k = "BrutxUI", A = /* @__PURE__ */ f({
 	__name: "FooterSection",
 	props: {
 		logoText: { default: void 0 },
@@ -20,18 +20,18 @@ var y = { class: "max-w-7xl mx-auto px-4 md:px-6 py-10" }, b = { class: "mb-8" }
 		class: { default: void 0 }
 	},
 	emits: ["link-click"],
-	setup(f, { emit: k }) {
-		let A = f, j = k, { t: M } = t(), N = a(() => A.logoText ?? M("footerSection.defaultLogoText")), P = a(() => A.description ?? M("footerSection.defaultDescription")), F = a(() => A.copyright ?? M("footerSection.defaultCopyright")), I = a(() => e("w-full", "bg-brutal-bg border-t-3 border-brutal", A.class)), L = (e) => !e || !/^(?:javascript|data|vbscript):/i.test(e.trim());
-		return (e, t) => (m(), c("footer", { class: p(I.value) }, [l("div", y, [
-			g(e.$slots, "header", {}, () => [l("div", b, [l("span", x, _(N.value), 1), P.value ? (m(), c("p", S, _(P.value), 1)) : s("", !0)])]),
+	setup(f, { emit: A }) {
+		let j = f, M = A, { t: N } = t(), P = a(() => j.logoText ?? k), F = a(() => j.description ?? N("footerSection.defaultDescription")), I = a(() => j.copyright ?? N("footerSection.defaultCopyright", { year: String((/* @__PURE__ */ new Date()).getFullYear()) })), L = a(() => e("w-full", "bg-brutal-bg border-t-3 border-brutal", j.class)), R = (e) => !e || !/^(?:javascript|data|vbscript):/i.test(e.trim());
+		return (e, t) => (m(), c("footer", { class: p(L.value) }, [l("div", y, [
+			g(e.$slots, "header", {}, () => [l("div", b, [l("span", x, _(P.value), 1), F.value ? (m(), c("p", S, _(F.value), 1)) : s("", !0)])]),
 			g(e.$slots, "default", {}, () => [f.linkGroups.length > 0 ? (m(), c("div", C, [(m(!0), c(i, null, h(f.linkGroups, (e, r) => (m(), c("div", { key: r }, [l("h3", w, _(e.title), 1), l("ul", T, [(m(!0), c(i, null, h(e.links, (e, i) => (m(), c("li", {
 				key: i,
 				class: "flex items-center gap-2"
-			}, [t[0] ||= l("span", { class: "h-1.5 w-1.5 bg-brutal-fg flex-shrink-0" }, null, -1), e.href && L(e.href) ? (m(), c("a", {
+			}, [t[0] ||= l("span", { class: "h-1.5 w-1.5 bg-brutal-fg flex-shrink-0" }, null, -1), e.href && R(e.href) ? (m(), c("a", {
 				key: 0,
 				href: e.href,
 				class: "px-0 text-brutal-muted-foreground hover:text-brutal-fg text-sm font-medium cursor-pointer active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none transition-all",
-				onClick: (e) => j("link-click", {
+				onClick: (e) => M("link-click", {
 					groupIndex: r,
 					linkIndex: i
 				})
@@ -40,7 +40,7 @@ var y = { class: "max-w-7xl mx-auto px-4 md:px-6 py-10" }, b = { class: "mb-8" }
 				variant: "ghost",
 				size: "sm",
 				class: "px-0 text-brutal-muted-foreground hover:text-brutal-fg",
-				onClick: (e) => j("link-click", {
+				onClick: (e) => M("link-click", {
 					groupIndex: r,
 					linkIndex: i
 				})
@@ -49,9 +49,9 @@ var y = { class: "max-w-7xl mx-auto px-4 md:px-6 py-10" }, b = { class: "mb-8" }
 				_: 2
 			}, 1032, ["onClick"]))]))), 128))])]))), 128))])) : s("", !0)]),
 			d(r),
-			g(e.$slots, "footer", {}, () => [l("div", D, [l("p", O, _(F.value), 1)])])
+			g(e.$slots, "footer", {}, () => [l("div", D, [l("p", O, _(I.value), 1)])])
 		])], 2));
 	}
 });
 //#endregion
-export { k as t };
+export { A as t };

package/dist/chunks/{HardcoreInput-b6-eON5f.js → HardcoreInput-DgMpsS2d.js}

@@ -82,66 +82,75 @@ var w = C([
 	},
 	emits: ["update:modelValue", "validation-change"],
 	setup(n, { expose: r, emit: f }) {
-		let C = n, j = f, M = `input-error-${S().replace(/:/g, "-")}`, N = _(!1), P = _(void 0), F = _(!1), I = a(b(C, "sound")), { t: L } = t(), R = p(i, null), { validationState: z, errorMessage: B, validate: V } = o({
+		let C = n, j = f, M = `input-error-${S().replace(/:/g, "-")}`, N = _(!1), P = _(void 0), F = _(!1), I = !1, L = a(b(C, "sound")), { t: R } = t(), z = p(i, null), { validationState: B, errorMessage: V, validate: H } = o({
 			rules: () => C.rules,
 			validateOn: () => C.validateOn,
-			defaultErrorMessage: () => L("hardcoreInput.invalidInput")
+			defaultErrorMessage: () => R("hardcoreInput.invalidInput")
 		});
 		h(() => {
 			P.value && clearTimeout(P.value);
 		});
-		let H = (e) => {
-			let t = C.rules.length === 0, n = z.value;
-			if (V(e), t) {
-				R?.setError(void 0), n !== "default" && z.value === "default" && j("validation-change", "default");
+		let U = (e) => {
+			let t = C.rules.length === 0, n = B.value;
+			if (H(e), t) {
+				z?.setError(void 0), n !== "default" && B.value === "default" && j("validation-change", "default");
 				return;
 			}
-			n !== z.value && (z.value === "error" ? I.playSound("fail") : z.value === "success" && I.playSound("success")), z.value === "error" && C.shakeOnError && (P.value && clearTimeout(P.value), N.value = !1, P.value = setTimeout(() => {
+			n !== B.value && (B.value === "error" ? L.playSound("fail") : B.value === "success" && L.playSound("success")), B.value === "error" && C.shakeOnError && (P.value && clearTimeout(P.value), N.value = !1, P.value = setTimeout(() => {
 				P.value = void 0, N.value = !0;
-			}, 10)), R && R.setError(z.value === "error" ? B.value : void 0), z.value === "error" ? j("validation-change", "error", B.value) : z.value === "success" && j("validation-change", "success");
-		}, U = (e) => {
-			let t = e.target;
-			t instanceof HTMLInputElement && (F.value || (j("update:modelValue", t.value), R && R.setValue(t.value), I.playSound("type"), C.validateOn === "input" && H(t.value)));
+			}, 10)), z && z.setError(B.value === "error" ? V.value : void 0), B.value === "error" ? j("validation-change", "error", V.value) : B.value === "success" && j("validation-change", "success");
 		}, W = (e) => {
 			let t = e.target;
-			t instanceof HTMLInputElement && (F.value = !1, j("update:modelValue", t.value), R && R.setValue(t.value), C.validateOn === "input" && H(t.value));
-		}, G = () => {
-			C.validateOn === "blur" && H(C.modelValue ?? "");
+			if (t instanceof HTMLInputElement && !(F.value || e.isComposing)) {
+				if (I) {
+					I = !1;
+					return;
+				}
+				j("update:modelValue", t.value), z && z.setValue(t.value), L.playSound("type"), C.validateOn === "input" && U(t.value);
+			}
+		}, G = (e) => {
+			let t = e.target;
+			t instanceof HTMLInputElement && (F.value = !1, j("update:modelValue", t.value), I = !0, z && z.setValue(t.value), C.validateOn === "input" && U(t.value));
 		}, K = () => {
+			F.value = !1;
+		}, q = () => {
+			C.validateOn === "blur" && U(C.modelValue ?? "");
+		}, J = () => {
 			P.value || (N.value = !1);
 		};
 		r({
 			validate: () => {
-				H(C.modelValue ?? "");
+				U(C.modelValue ?? "");
 			},
-			validationState: z,
-			errorMessage: B
+			validationState: B,
+			errorMessage: V
 		});
-		let q = s(() => e("relative w-full flex flex-col gap-1.5", C.class)), J = s(() => e(w({ variant: z.value }), N.value ? "animate-shake" : "")), Y = s(() => e(T(), z.value === "success" ? "bg-brutal-success" : "", z.value === "error" ? "bg-brutal-destructive text-brutal-fg animate-bounce-short" : ""));
-		return (e, t) => (g(), l("div", { class: m(q.value) }, [u("div", E, [u("input", {
+		let Y = s(() => e("relative w-full flex flex-col gap-1.5", C.class)), X = s(() => e(w({ variant: B.value }), N.value ? "animate-shake" : "")), Z = s(() => e(T(), B.value === "success" ? "bg-brutal-success" : "", B.value === "error" ? "bg-brutal-destructive text-brutal-fg animate-bounce-short" : ""));
+		return (e, t) => (g(), l("div", { class: m(Y.value) }, [u("div", E, [u("input", {
 			type: n.type,
 			value: n.modelValue,
 			disabled: n.disabled,
 			readonly: n.readonly,
 			placeholder: n.placeholder,
-			class: m(J.value),
-			"aria-invalid": x(z) === "error",
-			"aria-describedby": x(B) ? M : void 0,
-			onInput: U,
-			onBlur: G,
-			onAnimationend: K,
+			class: m(X.value),
+			"aria-invalid": x(B) === "error",
+			"aria-describedby": x(V) ? M : void 0,
+			onInput: W,
+			onBlur: q,
+			onAnimationend: J,
 			onCompositionstart: t[0] ||= (e) => F.value = !0,
-			onCompositionend: W
-		}, null, 42, D), u("div", O, [v(e.$slots, "default", {}, () => [x(z) === "default" ? c("", !0) : (g(), l("div", {
+			onCompositionend: G,
+			onCompositioncancel: K
+		}, null, 42, D), u("div", O, [v(e.$slots, "default", {}, () => [x(B) === "default" ? c("", !0) : (g(), l("div", {
 			key: 0,
-			class: m(Y.value)
-		}, [x(z) === "success" ? (g(), l("svg", k, [...t[1] ||= [d("<circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"var(--brutal-accent)\" stroke=\"currentColor\" stroke-width=\"2.5\" data-v-0cb34aed></circle><rect x=\"6\" y=\"8\" width=\"5\" height=\"4\" rx=\"1.5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\" data-v-0cb34aed></rect><rect x=\"13\" y=\"8\" width=\"5\" height=\"4\" rx=\"1.5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\" data-v-0cb34aed></rect><line x1=\"11\" y1=\"10\" x2=\"13\" y2=\"10\" stroke=\"currentColor\" stroke-width=\"2\" data-v-0cb34aed></line><path d=\"M8 15 Q12 19 16 15\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\" data-v-0cb34aed></path>", 5)]])) : c("", !0), x(z) === "error" ? (g(), l("svg", A, [...t[2] ||= [d("<circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"var(--brutal-destructive)\" stroke=\"currentColor\" stroke-width=\"2.5\" data-v-0cb34aed></circle><line x1=\"6\" y1=\"8\" x2=\"10\" y2=\"10\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" data-v-0cb34aed></line><line x1=\"18\" y1=\"8\" x2=\"14\" y2=\"10\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" data-v-0cb34aed></line><circle cx=\"8\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" data-v-0cb34aed></circle><circle cx=\"16\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" data-v-0cb34aed></circle><path d=\"M9 17 Q12 14 15 17\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\" data-v-0cb34aed></path>", 6)]])) : c("", !0)], 2))], !0)])]), x(z) === "error" && x(B) ? (g(), l("p", {
+			class: m(Z.value)
+		}, [x(B) === "success" ? (g(), l("svg", k, [...t[1] ||= [d("<circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"var(--brutal-accent)\" stroke=\"currentColor\" stroke-width=\"2.5\" data-v-a026da72></circle><rect x=\"6\" y=\"8\" width=\"5\" height=\"4\" rx=\"1.5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\" data-v-a026da72></rect><rect x=\"13\" y=\"8\" width=\"5\" height=\"4\" rx=\"1.5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\" data-v-a026da72></rect><line x1=\"11\" y1=\"10\" x2=\"13\" y2=\"10\" stroke=\"currentColor\" stroke-width=\"2\" data-v-a026da72></line><path d=\"M8 15 Q12 19 16 15\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\" data-v-a026da72></path>", 5)]])) : c("", !0), x(B) === "error" ? (g(), l("svg", A, [...t[2] ||= [d("<circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"var(--brutal-destructive)\" stroke=\"currentColor\" stroke-width=\"2.5\" data-v-a026da72></circle><line x1=\"6\" y1=\"8\" x2=\"10\" y2=\"10\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" data-v-a026da72></line><line x1=\"18\" y1=\"8\" x2=\"14\" y2=\"10\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" data-v-a026da72></line><circle cx=\"8\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" data-v-a026da72></circle><circle cx=\"16\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" data-v-a026da72></circle><path d=\"M9 17 Q12 14 15 17\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\" data-v-a026da72></path>", 6)]])) : c("", !0)], 2))], !0)])]), x(B) === "error" && x(V) ? (g(), l("p", {
 			key: 0,
 			id: M,
 			class: "text-xs font-black tracking-wide text-brutal-destructive animate-fade-in",
 			"aria-live": "polite"
-		}, y(x(B)), 1)) : c("", !0)], 2));
+		}, y(x(V)), 1)) : c("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-0cb34aed"]]);
+}), [["__scopeId", "data-v-a026da72"]]);
 //#endregion
 export { T as n, w as r, j as t };

package/dist/chunks/{HeaderSection-Dm7MhNWk.js → HeaderSection-BwOsh0lZ.js}

@@ -8,7 +8,7 @@ import { Fragment as l, computed as u, createBlock as d, createElementBlock as f
 import { Menu as T } from "@lucide/vue";
 import { DialogRoot as E } from "reka-ui";
 //#region src/components/header-section/HeaderSection.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "flex h-16 items-center justify-between px-4 md:px-6 max-w-7xl mx-auto" }, O = { class: "text-xl font-black tracking-tight text-brutal-fg" }, k = { class: "hidden md:flex items-center gap-1" }, A = { class: "flex items-center gap-3" }, j = { class: "sr-only" }, M = { class: "flex flex-col gap-2 py-4" }, N = { class: "pt-4" }, P = /* @__PURE__ */ g({
+var D = { class: "flex h-16 items-center justify-between px-4 md:px-6 max-w-7xl mx-auto" }, O = { class: "text-xl font-black tracking-tight text-brutal-fg" }, k = { class: "hidden md:flex items-center gap-1" }, A = { class: "flex items-center gap-3" }, j = { class: "sr-only" }, M = { class: "flex flex-col gap-2 py-4" }, N = { class: "pt-4" }, P = "BrutxUI", F = /* @__PURE__ */ g({
 	__name: "HeaderSection",
 	props: {
 		logoText: { default: void 0 },
@@ -18,16 +18,16 @@ var D = { class: "flex h-16 items-center justify-between px-4 md:px-6 max-w-7xl
 		iconSize: { default: "lg" }
 	},
 	emits: ["cta-click", "nav-click"],
-	setup(g, { emit: P }) {
-		let F = g, I = P, { t: L } = n(), R = u(() => F.logoText ?? L("headerSection.defaultLogoText")), z = u(() => F.ctaText ?? L("headerSection.defaultCtaText")), B = u(() => L("headerSection.menuLabel")), V = y(!1), H = u(() => e("sticky top-0 z-40 w-full", "bg-brutal-bg border-b-3 border-brutal shadow-brutal-sm", F.class)), U = u(() => t({ size: F.iconSize }));
-		return (e, t) => (v(), f("header", { class: _(H.value) }, [p("div", D, [
-			x(e.$slots, "header", {}, () => [p("span", O, S(R.value), 1)]),
+	setup(g, { emit: F }) {
+		let I = g, L = F, { t: R } = n(), z = u(() => I.logoText ?? P), B = u(() => I.ctaText ?? R("headerSection.defaultCtaText")), V = u(() => R("headerSection.menuLabel")), H = y(!1), U = u(() => e("sticky top-0 z-40 w-full", "bg-brutal-bg border-b-3 border-brutal shadow-brutal-sm", I.class)), W = u(() => t({ size: I.iconSize }));
+		return (e, t) => (v(), f("header", { class: _(U.value) }, [p("div", D, [
+			x(e.$slots, "header", {}, () => [p("span", O, S(z.value), 1)]),
 			x(e.$slots, "default", {}, () => [p("nav", k, [(v(!0), f(l, null, b(g.navItems, (e, t) => (v(), d(r, {
 				key: t,
 				type: "button",
 				variant: "ghost",
 				size: "sm",
-				onClick: (e) => I("nav-click", t)
+				onClick: (e) => L("nav-click", t)
 			}, {
 				default: w(() => [m(S(e.label), 1)]),
 				_: 2
@@ -37,32 +37,32 @@ var D = { class: "flex h-16 items-center justify-between px-4 md:px-6 max-w-7xl
 				variant: "primary",
 				size: "sm",
 				class: "hidden md:inline-flex",
-				onClick: t[0] ||= (e) => I("cta-click")
+				onClick: t[0] ||= (e) => L("cta-click")
 			}, {
-				default: w(() => [m(S(z.value), 1)]),
+				default: w(() => [m(S(B.value), 1)]),
 				_: 1
 			})]), h(r, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				class: "md:hidden",
-				onClick: t[1] ||= (e) => V.value = !0
+				onClick: t[1] ||= (e) => H.value = !0
 			}, {
-				default: w(() => [h(C(T), { class: _(U.value) }, null, 8, ["class"]), p("span", j, S(B.value), 1)]),
+				default: w(() => [h(C(T), { class: _(W.value) }, null, 8, ["class"]), p("span", j, S(V.value), 1)]),
 				_: 1
 			})])
 		]), h(C(E), {
-			open: V.value,
-			"onUpdate:open": t[3] ||= (e) => V.value = e
+			open: H.value,
+			"onUpdate:open": t[3] ||= (e) => H.value = e
 		}, {
 			default: w(() => [h(a, { side: "right" }, {
 				default: w(() => [
 					h(s, null, {
 						default: w(() => [h(o, null, {
-							default: w(() => [m(S(R.value), 1)]),
+							default: w(() => [m(S(z.value), 1)]),
 							_: 1
 						}), h(c, null, {
-							default: w(() => [m(S(B.value), 1)]),
+							default: w(() => [m(S(V.value), 1)]),
 							_: 1
 						})]),
 						_: 1
@@ -73,7 +73,7 @@ var D = { class: "flex h-16 items-center justify-between px-4 md:px-6 max-w-7xl
 						variant: "ghost",
 						class: "justify-start",
 						onClick: (e) => {
-							I("nav-click", t), V.value = !1;
+							L("nav-click", t), H.value = !1;
 						}
 					}, {
 						default: w(() => [m(S(e.label), 1)]),
@@ -85,10 +85,10 @@ var D = { class: "flex h-16 items-center justify-between px-4 md:px-6 max-w-7xl
 						variant: "primary",
 						class: "w-full",
 						onClick: t[2] ||= (e) => {
-							I("cta-click"), V.value = !1;
+							L("cta-click"), H.value = !1;
 						}
 					}, {
-						default: w(() => [m(S(z.value), 1)]),
+						default: w(() => [m(S(B.value), 1)]),
 						_: 1
 					})])
 				]),
@@ -99,4 +99,4 @@ var D = { class: "flex h-16 items-center justify-between px-4 md:px-6 max-w-7xl
 	}
 });
 //#endregion
-export { P as t };
+export { F as t };

package/dist/chunks/{Input-Cgt7mldw.js → Input-qKeVv2nE.js}

@@ -118,29 +118,38 @@ var T = w([
 	},
 	emits: ["update:modelValue", "clear"],
 	setup(t, { expose: n, emit: i }) {
-		let f = t, w = i, R = b(), z = h(null), B = h(!1), V = h(!1), { t: H } = r(), U = o(() => H(V.value ? "input.hidePassword" : "input.showPassword")), { showClear: W, handleClear: G, onMouseEnter: K, onMouseLeave: q } = a({
+		let f = t, w = i, R = b(), z = h(null), B = h(!1), V = !1, H = h(!1), { t: U } = r(), W = o(() => U(H.value ? "input.hidePassword" : "input.showPassword")), { showClear: G, handleClear: K, onMouseEnter: q, onMouseLeave: J } = a({
 			modelValue: () => f.modelValue,
 			clearable: () => f.clearable,
 			disabled: () => f.disabled,
 			onClear: () => {
 				w("update:modelValue", ""), w("clear");
 			}
-		}), J = o(() => f.type === "password" ? V.value ? "text" : "password" : f.type), Y = o(() => f.type === "password" && f.showPassword), X = o(() => f.showWordLimit && f.maxlength !== void 0), Z = o(() => f.modelValue?.length ?? 0), Q = o(() => f.suffixIcon || W.value || Y.value), $ = o(() => e(T({
+		}), Y = o(() => f.type === "password" ? H.value ? "text" : "password" : f.type), X = o(() => f.type === "password" && f.showPassword), Z = o(() => f.showWordLimit && f.maxlength !== void 0), Q = o(() => f.modelValue?.length ?? 0), $ = o(() => f.suffixIcon || G.value || X.value), ee = o(() => e(T({
 			variant: f.variant,
 			size: f.size,
 			disabled: f.disabled
-		}), f.class)), ee = o(() => e(E(), f.readonly && "cursor-default", f.prefixIcon ? "pl-9" : "pl-3", Q.value ? "pr-9" : "pr-3"));
-		function te() {
-			V.value = !V.value;
-		}
-		function ne(e) {
-			G(e);
+		}), f.class)), te = o(() => e(E(), f.readonly && "cursor-default", f.prefixIcon ? "pl-9" : "pl-3", $.value ? "pr-9" : "pr-3"));
+		function ne() {
+			H.value = !H.value;
 		}
 		function re(e) {
-			B.value || w("update:modelValue", e.target.value);
+			K(e);
 		}
 		function ie(e) {
-			B.value = !1, w("update:modelValue", e.target.value);
+			if (!(B.value || e.isComposing)) {
+				if (V) {
+					V = !1;
+					return;
+				}
+				w("update:modelValue", e.target.value);
+			}
+		}
+		function ae(e) {
+			B.value = !1, w("update:modelValue", e.target.value), V = !0;
+		}
+		function oe() {
+			B.value = !1;
 		}
 		return n({
 			ref: z,
@@ -149,9 +158,9 @@ var T = w([
 			select: () => z.value?.select()
 		}), (e, n) => (m(), l("div", D, [
 			u("div", {
-				class: p(["brutal-input-container", $.value]),
-				onMouseenter: n[1] ||= (...e) => y(K) && y(K)(...e),
-				onMouseleave: n[2] ||= (...e) => y(q) && y(q)(...e)
+				class: p(["brutal-input-container", ee.value]),
+				onMouseenter: n[1] ||= (...e) => y(q) && y(q)(...e),
+				onMouseleave: n[2] ||= (...e) => y(J) && y(J)(...e)
 			}, [
 				y(R).prepend ? (m(), l("div", O, [g(e.$slots, "prepend")])) : c("", !0),
 				u("div", k, [
@@ -159,13 +168,13 @@ var T = w([
 					u("input", {
 						ref_key: "inputRef",
 						ref: z,
-						type: J.value,
+						type: Y.value,
 						value: t.modelValue,
 						disabled: t.disabled,
 						readonly: t.readonly,
 						placeholder: t.placeholder,
 						maxlength: t.maxlength,
-						class: p(ee.value),
+						class: p(te.value),
 						"aria-label": t.ariaLabel,
 						"aria-labelledby": t.ariaLabelledby,
 						"aria-describedby": t.ariaDescribedby,
@@ -173,30 +182,31 @@ var T = w([
 						"aria-errormessage": t.ariaErrormessage,
 						"aria-required": t.ariaRequired,
 						onCompositionstart: n[0] ||= (e) => B.value = !0,
-						onCompositionend: ie,
-						onInput: re
+						onCompositionend: ae,
+						onCompositioncancel: oe,
+						onInput: ie
 					}, null, 42, j),
 					u("div", M, [
-						y(W) ? (m(), l("button", {
+						y(G) ? (m(), l("button", {
 							key: 0,
 							type: "button",
 							class: "p-0.5 hover:bg-brutal-muted rounded-brutal transition-colors",
-							onClick: ne
+							onClick: re
 						}, [d(y(C), { class: "h-3.5 w-3.5 text-brutal-placeholder" })])) : c("", !0),
-						Y.value ? (m(), l("button", {
+						X.value ? (m(), l("button", {
 							key: 1,
 							type: "button",
 							class: "p-0.5 hover:bg-brutal-muted rounded-brutal transition-colors",
-							"aria-label": U.value,
-							onClick: te
-						}, [V.value ? (m(), s(y(S), {
+							"aria-label": W.value,
+							onClick: ne
+						}, [H.value ? (m(), s(y(S), {
 							key: 1,
 							class: "h-3.5 w-3.5 text-brutal-placeholder"
 						})) : (m(), s(y(x), {
 							key: 0,
 							class: "h-3.5 w-3.5 text-brutal-placeholder"
 						}))], 8, N)) : c("", !0),
-						t.suffixIcon && !y(W) && !Y.value ? (m(), s(_(t.suffixIcon), {
+						t.suffixIcon && !y(G) && !X.value ? (m(), s(_(t.suffixIcon), {
 							key: 2,
 							class: "h-4 w-4 text-brutal-placeholder"
 						})) : c("", !0)
@@ -204,7 +214,7 @@ var T = w([
 				]),
 				y(R).append ? (m(), l("div", P, [g(e.$slots, "append")])) : c("", !0)
 			], 34),
-			X.value ? (m(), l("div", F, [u("span", I, v(Z.value) + " / " + v(t.maxlength), 1)])) : c("", !0),
+			Z.value ? (m(), l("div", F, [u("span", I, v(Q.value) + " / " + v(t.maxlength), 1)])) : c("", !0),
 			t.variant === "error" && t.errorMessage ? (m(), l("p", L, v(t.errorMessage), 1)) : c("", !0)
 		]));
 	}

package/dist/chunks/{KanbanBoard-CsmS0Sr-.js → KanbanBoard-DPBZJwqL.js}

@@ -229,8 +229,8 @@ var O = D([
 			if (K.value = null, H.value = null, n === t) return;
 			let r = Y.value.findIndex((e) => e.id === n), i = Y.value.findIndex((e) => e.id === t);
 			if (r === -1 || i === -1) return;
-			let a = [...Y.value], [o] = a.splice(r, 1), s = r < i ? i - 1 : i;
-			a.splice(s, 0, o), z("update:modelValue", a), z("column-move", n, r, i);
+			let a = [...Y.value], [o] = a.splice(r, 1);
+			a.splice(i, 0, o), z("update:modelValue", a), z("column-move", n, r, i);
 		}
 		function $(e) {
 			z("add-card", e);

package/dist/chunks/{NoiseBackground-MyEeaFgH.js → NoiseBackground-u5ie1E_M.js}

@@ -38,8 +38,7 @@ var v = _(["relative overflow-hidden"], {
 	setup(c) {
 		let _ = c, C = i(), w = p(null), T = `noise-${h()}`, E = null, D = p(_.frequency);
 		function O() {
-			if (!_.animated || !r || _.animationDuration <= 0 || C.value) return;
-			k();
+			if (k(), !_.animated || !r || _.animationDuration <= 0 || C.value) return;
 			let e = performance.now(), n = _.frequency, i = _.animationRange;
 			function a(r) {
 				let o = (r - e) / 1e3 % _.animationDuration / _.animationDuration;

package/dist/chunks/{Pagination-D94MJ-5i.js → Pagination-TPDhgBtp.js}

@@ -2,7 +2,7 @@ import { n as e } from "./utils-CUXX1zll.js";
 import { a as t, o as n } from "./brutal-interaction-variants-BAheBvSg.js";
 import { t as r } from "./icon-size-variants-nPLFCnI7.js";
 import { useLocale as i } from "../composables/useLocale.js";
-import { t as a } from "./Input-Cgt7mldw.js";
+import { t as a } from "./Input-qKeVv2nE.js";
 import { a as o, n as s, t as c } from "./SelectItem-B541Rhqy.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as ee, createVNode as h, defineComponent as g, normalizeClass as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, withCtx as C, withKeys as w } from "vue";
 import { ChevronLeft as te, ChevronRight as ne, ChevronsLeft as re, ChevronsRight as ie } from "@lucide/vue";