brutx-ui-vue 0.9.9 → 0.9.10

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/{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/{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/{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";

package/dist/chunks/ScratchCard-CSnH0QrE.js

@@ -0,0 +1,100 @@
+import { n as e } from "./utils-CUXX1zll.js";
+import { useLocale as t } from "../composables/useLocale.js";
+import { a as n, c as r, o as i, s as a } from "./env-CvRqOgSF.js";
+import { useReducedMotion as o } from "../composables/useReducedMotion.js";
+import { useCanvasInteraction as s } from "../composables/useCanvasInteraction.js";
+import { computed as c, createElementBlock as l, createElementVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onUnmounted as ee, openBlock as m, ref as h, renderSlot as g, toRef as _, unref as v, vShow as y, watch as b, withDirectives as te, withKeys as x, withModifiers as S } from "vue";
+import { cva as C } from "class-variance-authority";
+//#region src/lib/theme-fallbacks.ts
+var w = "#FF6B6B", T = "#4ECDC4", E = "#000000", D = C([
+	"relative",
+	"border-3 border-brutal",
+	"rounded-brutal",
+	"overflow-hidden",
+	"bg-brutal-bg"
+]), O = ["aria-label"], k = { class: "scratch-card-content w-full h-full" }, A = 50, j = 20, M = 300, N = 10, P = 2, F = 20, I = 5, L = /* @__PURE__ */ d({
+	__name: "ScratchCard",
+	props: {
+		percentage: { default: A },
+		brushRadius: { default: j },
+		overlayColor: { default: void 0 },
+		fadeDuration: { default: M },
+		class: { default: void 0 }
+	},
+	emits: ["progress", "completed"],
+	setup(d, { expose: C, emit: A }) {
+		let j = d, M = A, L = h(null), R = h(null), z = h(!1), B = o(), { t: V } = t(), H = (e, t, n) => {
+			if (e.clearRect(0, 0, t, n), j.overlayColor) e.fillStyle = j.overlayColor, e.fillRect(0, 0, t, n);
+			else {
+				let a = w, o = T, s = E, c = r();
+				if (c) {
+					let e = i(c.documentElement);
+					a = e?.getPropertyValue("--brutal-primary").trim() || a, o = e?.getPropertyValue("--brutal-secondary").trim() || o, s = e?.getPropertyValue("--brutal-fg").trim() || s;
+				}
+				e.fillStyle = o, e.fillRect(0, 0, t, n), e.strokeStyle = a, e.lineWidth = N;
+				for (let r = -n; r < t + n; r += F) e.beginPath(), e.moveTo(r, 0), e.lineTo(r + n, n), e.stroke();
+				e.strokeStyle = s, e.lineWidth = P;
+				for (let r = -n; r < t + n; r += F) e.beginPath(), e.moveTo(r + I, 0), e.lineTo(r + I + n, n), e.stroke();
+			}
+		}, { isRevealed: U, revealAll: W, handlePointerDown: G, handlePointerMove: K, handlePointerUp: q, touchAction: J } = s({
+			containerRef: L,
+			canvasRef: R,
+			brushRadius: _(j, "brushRadius"),
+			percentage: _(j, "percentage"),
+			fadeDuration: _(j, "fadeDuration"),
+			prefersReducedMotion: B,
+			onProgress: (e) => M("progress", e),
+			onCompleted: () => M("completed"),
+			drawOverlay: H
+		});
+		C({
+			isRevealed: U,
+			revealAll: W
+		});
+		let Y = c(() => e(D(), j.class)), X = c(() => ({
+			transition: `opacity ${B.value ? 0 : j.fadeDuration}ms ease-out`,
+			opacity: +!U.value
+		}));
+		function Z() {
+			let e = R.value;
+			if (!e) return;
+			let t = n(e);
+			if (!t) return;
+			let r = a();
+			H(t, e.width / r, e.height / r);
+		}
+		let Q = null;
+		function $() {
+			Q &&= (clearTimeout(Q), null);
+		}
+		return b(U, (e) => {
+			$(), e ? Q = setTimeout(() => {
+				z.value = !0, Q = null;
+			}, B.value ? 0 : j.fadeDuration) : (z.value = !1, Z());
+		}), ee(() => {
+			$();
+		}), (t, n) => (m(), l("div", {
+			ref_key: "containerRef",
+			ref: L,
+			class: f(Y.value),
+			role: "region",
+			"aria-label": v(V)("scratchCard.ariaLabel"),
+			tabindex: "0",
+			onKeydown: [n[4] ||= x((...e) => v(W) && v(W)(...e), ["enter"]), n[5] ||= x(S((...e) => v(W) && v(W)(...e), ["prevent"]), ["space"])]
+		}, [u("div", k, [g(t.$slots, "default")]), te(u("canvas", {
+			ref_key: "canvasRef",
+			ref: R,
+			class: f(v(e)("absolute inset-0 cursor-crosshair select-none z-10", v(U) && "pointer-events-none")),
+			style: p({
+				...X.value,
+				touchAction: v(J)
+			}),
+			onPointerdown: n[0] ||= (...e) => v(G) && v(G)(...e),
+			onPointermove: n[1] ||= (...e) => v(K) && v(K)(...e),
+			onPointerup: n[2] ||= (...e) => v(q) && v(q)(...e),
+			onPointercancel: n[3] ||= (...e) => v(q) && v(q)(...e)
+		}, null, 38), [[y, !z.value]])], 42, O));
+	}
+});
+//#endregion
+export { D as n, L as t };

package/dist/chunks/{SelectSeparator-B4kviEmv.js → SelectSeparator-PCTmI70q.js}

@@ -49,33 +49,34 @@ var D = /* @__PURE__ */ d({
 	}),
 	emits: ["update:modelValue"],
 	setup(d) {
-		let f = y(d, "modelValue"), C = b(), T = a(() => !!C.default), O = a(() => !!C.trigger), k = a(() => {
+		let f = y(d, "modelValue"), C = b(), T = a(() => !!C.default), O = a(() => !!C.trigger), k = a(() => d.options ?? []), A = a(() => {
+			let e = k.value;
 			if (!d.groupField) return [{
 				key: "all",
 				label: "",
-				options: d.options
+				options: e
 			}];
-			let e = {}, t = [];
-			d.options.forEach((n) => {
-				let r = n[d.groupField];
+			let t = {}, n = [];
+			e.forEach((e) => {
+				let r = e[d.groupField];
 				if (r != null) {
-					let t = String(r);
-					e[t] || (e[t] = []), e[t].push(n);
-				} else t.push(n);
+					let n = String(r);
+					t[n] || (t[n] = []), t[n].push(e);
+				} else n.push(e);
 			});
-			let n = [];
-			return Object.keys(e).forEach((t) => {
-				let r = e[t][0];
-				n.push({
-					key: t,
-					label: d.groupLabel && r && r[d.groupLabel] !== void 0 ? String(r[d.groupLabel]) : t,
-					options: e[t]
+			let r = [];
+			return Object.keys(t).forEach((e) => {
+				let n = t[e][0];
+				r.push({
+					key: e,
+					label: d.groupLabel && n && n[d.groupLabel] !== void 0 ? String(n[d.groupLabel]) : e,
+					options: t[e]
 				});
-			}), t.length > 0 && n.push({
+			}), n.length > 0 && r.push({
 				key: "__ungrouped__",
 				label: "",
-				options: t
-			}), n;
+				options: n
+			}), r;
 		});
 		return (a, y) => (m(), o(v(w), {
 			modelValue: f.value,
@@ -111,7 +112,7 @@ var D = /* @__PURE__ */ d({
 				position: d.position,
 				class: p(d.contentClass)
 			}, {
-				default: x(() => [d.groupField ? (m(!0), c(i, { key: 0 }, h(k.value, (e) => (m(), o(v(S), { key: e.key }, {
+				default: x(() => [d.groupField ? (m(!0), c(i, { key: 0 }, h(A.value, (e) => (m(), o(v(S), { key: e.key }, {
 					default: x(() => [e.label ? (m(), o(D, { key: 0 }, {
 						default: x(() => [l(_(e.label), 1)]),
 						_: 2
@@ -129,7 +130,7 @@ var D = /* @__PURE__ */ d({
 						"variant"
 					]))), 128))]),
 					_: 2
-				}, 1024))), 128)) : (m(!0), c(i, { key: 1 }, h(d.options, (e) => (m(), o(r, {
+				}, 1024))), 128)) : (m(!0), c(i, { key: 1 }, h(k.value, (e) => (m(), o(r, {
 					key: e.value,
 					value: e.value,
 					disabled: e.disabled,

package/dist/chunks/{SkeletonTable-jS8HiisA.js → SkeletonTable-Y3mmt4Ru.js}

@@ -30,6 +30,7 @@ var m = /* @__PURE__ */ l({
 	setup(r) {
 		let o = r, s = i(() => e(t[o.size], o.class));
 		return (e, t) => (f(), a(n, {
+			shape: "circle",
 			variant: r.variant,
 			size: r.size,
 			class: u(s.value)