brutx-ui-vue 0.7.7 → 0.8.0

package/dist/{Calendar-BRQy0IZx.cjs → Calendar-DAgGaURK.cjs}

@@ -1 +1 @@
-const e=require("./utils-BC5WDCkH.cjs");let t=require("vue"),n=require("@lucide/vue"),r=require("v-calendar");var i={class:`font-black text-xs sm:text-sm tracking-tight uppercase text-brutal-fg`},a=(0,t.defineComponent)({__name:`Calendar`,props:{modelValue:{default:void 0},isRange:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},class:{default:void 0}},emits:[`update:modelValue`],setup(a,{emit:o}){let s=a,c=o,l=(0,t.computed)(()=>e.t(`brutx-calendar`,`p-2 sm:p-3`,`bg-brutal-bg text-brutal-fg`,`border-3 border-brutal`,`shadow-brutal`,`w-fit max-w-full overflow-x-auto`,s.disabled?`opacity-50 pointer-events-none`:``,s.class)),u=(0,t.computed)(()=>s.isRange&&Array.isArray(s.modelValue)&&s.modelValue.length===2?{start:s.modelValue[0],end:s.modelValue[1]}:s.isRange?null:s.modelValue instanceof Date?s.modelValue:null);function d(e){s.disabled||(s.isRange?e&&typeof e==`object`&&`start`in e&&`end`in e?c(`update:modelValue`,[e.start,e.end]):c(`update:modelValue`,null):e instanceof Date||e===null?c(`update:modelValue`,e):c(`update:modelValue`,null))}function f(e){s.disabled||e&&typeof e==`object`&&`start`in e&&`end`in e&&c(`update:modelValue`,[e.start,e.end])}let p=(0,t.computed)(()=>({highlight:{class:`brutal-selected`,contentClass:`brutal-selected-content`}})),m=(0,t.computed)(()=>({highlight:{class:`brutal-range`,contentClass:`brutal-range-content`}})),h=(0,t.computed)(()=>e.t(`flex h-6 w-6 sm:h-8 sm:w-8 items-center justify-center text-[10px] sm:text-xs font-semibold transition-all duration-100 hover:bg-brutal-secondary hover:text-brutal-secondary-foreground hover:font-bold hover:shadow-brutal-sm cursor-pointer border-3 border-brutal/10`,`active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none transition-all`)),g=(0,t.computed)(()=>`text-brutal-muted-foreground opacity-40`),_=(0,t.computed)(()=>`opacity-40 cursor-not-allowed`);function v(t,n){let r=!t.inMonth;return e.t(h.value,n,t.isToday?`bg-brutal-secondary text-brutal-secondary-foreground font-black border-3 border-brutal`:``,r?g.value:``,t.isDisabled?_.value:``)}return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.DatePicker),{"model-value":u.value,mode:`date`,"is-range":a.isRange,class:(0,t.normalizeClass)(l.value),"select-attribute":p.value,"drag-attribute":m.value,"trim-weeks":``,"first-day-of-week":1,popover:!1,"onUpdate:modelValue":d,onDrag:f},{"header-prev-button":(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ChevronLeft),{class:`w-4 h-4`})]),"header-title":(0,t.withCtx)(({title:e})=>[(0,t.createElementVNode)(`span`,i,(0,t.toDisplayString)(e),1)]),"header-next-button":(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ChevronRight),{class:`w-4 h-4`})]),"day-content":(0,t.withCtx)(({day:e,dayProps:n,dayEvents:r})=>[(0,t.createElementVNode)(`div`,(0,t.mergeProps)(n,{class:v(e,n.class)},(0,t.toHandlers)(r,!0)),(0,t.toDisplayString)(e.label),17)]),_:1},8,[`model-value`,`is-range`,`class`,`select-attribute`,`drag-attribute`]))}}),o=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},s=o(a,[[`__scopeId`,`data-v-57739802`]]);Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
+const e=require("./utils-BC5WDCkH.cjs");let t=require("vue"),n=require("@lucide/vue"),r=require("v-calendar");var i={class:`font-black text-xs sm:text-sm tracking-tight uppercase text-brutal-fg`},a=(0,t.defineComponent)({__name:`Calendar`,props:{modelValue:{default:void 0},isRange:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},class:{default:void 0}},emits:[`update:modelValue`],setup(a,{emit:o}){let s=a,c=o,l=(0,t.computed)(()=>e.t(`brutx-calendar`,`p-2 sm:p-3`,`bg-brutal-bg text-brutal-fg`,`border-3 border-brutal`,`shadow-brutal`,`w-fit max-w-full overflow-x-auto`,s.disabled?`opacity-50 pointer-events-none`:``,s.class)),u=(0,t.computed)(()=>s.isRange&&Array.isArray(s.modelValue)&&s.modelValue.length===2?{start:s.modelValue[0],end:s.modelValue[1]}:s.isRange?null:s.modelValue instanceof Date?s.modelValue:null);function d(e){s.disabled||(s.isRange?e&&typeof e==`object`&&`start`in e&&`end`in e?c(`update:modelValue`,[e.start,e.end]):c(`update:modelValue`,null):e instanceof Date||e===null?c(`update:modelValue`,e):c(`update:modelValue`,null))}function f(e){s.disabled||e&&typeof e==`object`&&`start`in e&&`end`in e&&c(`update:modelValue`,[e.start,e.end])}let p=(0,t.computed)(()=>({highlight:{class:`brutal-selected`,contentClass:`brutal-selected-content`}})),m=(0,t.computed)(()=>({highlight:{class:`brutal-range`,contentClass:`brutal-range-content`}})),h=(0,t.computed)(()=>e.t(`flex h-6 w-6 sm:h-8 sm:w-8 items-center justify-center text-[10px] sm:text-xs font-semibold transition-all duration-100 hover:bg-brutal-secondary hover:text-brutal-secondary-foreground hover:font-bold hover:shadow-brutal-sm cursor-pointer border-3 border-brutal/10`,`active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none transition-all`)),g=(0,t.computed)(()=>`text-brutal-muted-foreground opacity-40`),_=(0,t.computed)(()=>`opacity-40 cursor-not-allowed`),v=new Map;(0,t.watch)([h,g,_],()=>{v.clear()});function y(t,n){let r=`${t.isToday}-${t.isDisabled}-${t.inMonth}-${n??``}`,i=v.get(r);if(i!==void 0)return i;let a=!t.inMonth,o=e.t(h.value,n,t.isToday?`bg-brutal-secondary text-brutal-secondary-foreground font-black border-3 border-brutal`:``,a?g.value:``,t.isDisabled?_.value:``);return v.set(r,o),o}return(e,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.DatePicker),{"model-value":u.value,mode:`date`,"is-range":a.isRange,class:(0,t.normalizeClass)(l.value),"select-attribute":p.value,"drag-attribute":m.value,"trim-weeks":``,"first-day-of-week":1,popover:!1,"onUpdate:modelValue":d,onDrag:f},{"header-prev-button":(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ChevronLeft),{class:`w-4 h-4`})]),"header-title":(0,t.withCtx)(({title:e})=>[(0,t.createElementVNode)(`span`,i,(0,t.toDisplayString)(e),1)]),"header-next-button":(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ChevronRight),{class:`w-4 h-4`})]),"day-content":(0,t.withCtx)(({day:e,dayProps:n,dayEvents:r})=>[(0,t.createElementVNode)(`div`,(0,t.mergeProps)(n,{class:y(e,n.class)},(0,t.toHandlers)(r,!0)),(0,t.toDisplayString)(e.label),17)]),_:1},8,[`model-value`,`is-range`,`class`,`select-attribute`,`drag-attribute`]))}}),o=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},s=o(a,[[`__scopeId`,`data-v-2cf00a3c`]]);Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/Calendar-DIHQIBJw.js

@@ -0,0 +1,84 @@
+import { t as e } from "./utils-BkwM-_ON.js";
+import { computed as t, createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, toDisplayString as l, toHandlers as u, unref as d, watch as f, withCtx as p } from "vue";
+import { ChevronLeft as m, ChevronRight as h } from "@lucide/vue";
+import { DatePicker as g } from "v-calendar";
+//#region src/components/calendar/Calendar.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "font-black text-xs sm:text-sm tracking-tight uppercase text-brutal-fg" }, v = /*@__PURE__*/ a({
+	__name: "Calendar",
+	props: {
+		modelValue: { default: void 0 },
+		isRange: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		class: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(a, { emit: v }) {
+		let y = a, b = v, x = t(() => e("brutx-calendar", "p-2 sm:p-3", "bg-brutal-bg text-brutal-fg", "border-3 border-brutal", "shadow-brutal", "w-fit max-w-full overflow-x-auto", y.disabled ? "opacity-50 pointer-events-none" : "", y.class)), S = t(() => y.isRange && Array.isArray(y.modelValue) && y.modelValue.length === 2 ? {
+			start: y.modelValue[0],
+			end: y.modelValue[1]
+		} : y.isRange ? null : y.modelValue instanceof Date ? y.modelValue : null);
+		function C(e) {
+			y.disabled || (y.isRange ? e && typeof e == "object" && "start" in e && "end" in e ? b("update:modelValue", [e.start, e.end]) : b("update:modelValue", null) : e instanceof Date || e === null ? b("update:modelValue", e) : b("update:modelValue", null));
+		}
+		function w(e) {
+			y.disabled || e && typeof e == "object" && "start" in e && "end" in e && b("update:modelValue", [e.start, e.end]);
+		}
+		let T = t(() => ({ highlight: {
+			class: "brutal-selected",
+			contentClass: "brutal-selected-content"
+		} })), E = t(() => ({ highlight: {
+			class: "brutal-range",
+			contentClass: "brutal-range-content"
+		} })), D = t(() => e("flex h-6 w-6 sm:h-8 sm:w-8 items-center justify-center text-[10px] sm:text-xs font-semibold transition-all duration-100 hover:bg-brutal-secondary hover:text-brutal-secondary-foreground hover:font-bold hover:shadow-brutal-sm cursor-pointer border-3 border-brutal/10", "active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none transition-all")), O = t(() => "text-brutal-muted-foreground opacity-40"), k = t(() => "opacity-40 cursor-not-allowed"), A = /* @__PURE__ */ new Map();
+		f([
+			D,
+			O,
+			k
+		], () => {
+			A.clear();
+		});
+		function j(t, n) {
+			let r = `${t.isToday}-${t.isDisabled}-${t.inMonth}-${n ?? ""}`, i = A.get(r);
+			if (i !== void 0) return i;
+			let a = !t.inMonth, o = e(D.value, n, t.isToday ? "bg-brutal-secondary text-brutal-secondary-foreground font-black border-3 border-brutal" : "", a ? O.value : "", t.isDisabled ? k.value : "");
+			return A.set(r, o), o;
+		}
+		return (e, t) => (c(), n(d(g), {
+			"model-value": S.value,
+			mode: "date",
+			"is-range": a.isRange,
+			class: s(x.value),
+			"select-attribute": T.value,
+			"drag-attribute": E.value,
+			"trim-weeks": "",
+			"first-day-of-week": 1,
+			popover: !1,
+			"onUpdate:modelValue": C,
+			onDrag: w
+		}, {
+			"header-prev-button": p(() => [i(d(m), { class: "w-4 h-4" })]),
+			"header-title": p(({ title: e }) => [r("span", _, l(e), 1)]),
+			"header-next-button": p(() => [i(d(h), { class: "w-4 h-4" })]),
+			"day-content": p(({ day: e, dayProps: t, dayEvents: n }) => [r("div", o(t, { class: j(e, t.class) }, u(n, !0)), l(e.label), 17)]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"is-range",
+			"class",
+			"select-attribute",
+			"drag-attribute"
+		]));
+	}
+}), y = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, b = /*#__PURE__*/ y(v, [["__scopeId", "data-v-2cf00a3c"]]);
+//#endregion
+export { y as n, b as t };

package/dist/{SubmitButton-B-aiDN2P.js → SubmitButton-CJ76Hrwn.js}

@@ -1,20 +1,21 @@
 import { n as e, t } from "./utils-BkwM-_ON.js";
-import { t as n } from "./zh-CN-NiyPjUoc.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, defineComponent as l, inject as u, normalizeClass as d, openBlock as f, provide as p, renderSlot as m, toDisplayString as h, unref as g } from "vue";
-import { Loader2 as _ } from "@lucide/vue";
+import { t as n } from "./zh-CN-hW4BnL3z.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, defineComponent as l, inject as u, normalizeClass as d, openBlock as f, provide as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { Loader2 as v } from "@lucide/vue";
+import { Primitive as y } from "reka-ui";
 //#region ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
-var v = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = e, b = (e, t) => (n) => {
-	if (t?.variants == null) return y(e, n?.class, n?.className);
+var b = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, x = e, S = (e, t) => (n) => {
+	if (t?.variants == null) return x(e, n?.class, n?.className);
 	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
 		let t = n?.[e], a = i?.[e];
 		if (t === null) return null;
-		let o = v(t) || v(a);
+		let o = b(t) || b(a);
 		return r[e][o];
 	}), o = n && Object.entries(n).reduce((e, t) => {
 		let [n, r] = t;
 		return r === void 0 || (e[n] = r), e;
 	}, {});
-	return y(e, a, t?.compoundVariants?.reduce((e, t) => {
+	return x(e, a, t?.compoundVariants?.reduce((e, t) => {
 		let { class: n, className: r, ...a } = t;
 		return Object.entries(a).every((e) => {
 			let [t, n] = e;
@@ -31,9 +32,10 @@ var v = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = e, b = (e
 			r
 		] : e;
 	}, []), n?.class, n?.className);
-}, x = b([
+}, C = S([
 	"inline-flex items-center justify-center gap-2",
 	"border-3 border-brutal",
+	"rounded-brutal",
 	"font-black tracking-wide",
 	"transition-all duration-150",
 	"focus:outline focus:outline-[3px] focus:outline-brutal-ring focus:outline-offset-2",
@@ -101,11 +103,73 @@ var v = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = e, b = (e
 		variant: "default",
 		size: "default"
 	}
-}), S = Symbol("brutx-ui-locale");
-function C(e) {
-	p(S, e);
+}), w = S("", {
+	variants: { size: {
+		xs: "h-2.5 w-2.5",
+		sm: "h-3 w-3",
+		default: "h-4 w-4",
+		lg: "h-5 w-5",
+		xl: "h-6 w-6",
+		"2xl": "h-8 w-8"
+	} },
+	defaultVariants: { size: "default" }
+}), T = /* @__PURE__ */ l({
+	__name: "Button",
+	props: {
+		variant: { default: "default" },
+		size: { default: "default" },
+		asChild: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		class: { default: void 0 }
+	},
+	setup(e) {
+		let n = e, r = i(() => n.disabled || n.loading), s = i(() => t(C({
+			variant: n.variant,
+			size: n.size
+		}), n.asChild && r.value && "pointer-events-none", n.class)), c = {
+			sm: "sm",
+			default: "default",
+			lg: "lg",
+			xl: "xl",
+			icon: "default"
+		}, l = i(() => t(w({ size: c[n.size] }), "animate-spin"));
+		return (t, n) => (f(), a(g(y), {
+			as: e.asChild ? void 0 : "button",
+			"as-child": e.asChild,
+			class: d(s.value),
+			disabled: !e.asChild && r.value,
+			"aria-disabled": e.asChild && r.value ? !0 : void 0,
+			"aria-busy": e.loading || void 0
+		}, {
+			default: _(() => [e.loading ? (f(), a(g(v), {
+				key: 0,
+				class: d(l.value)
+			}, null, 8, ["class"])) : o("", !0), m(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class",
+			"disabled",
+			"aria-disabled",
+			"aria-busy"
+		]));
+	}
+}), E = Symbol("brutx-ui-locale");
+function D(e) {
+	p(E, e);
 }
-function w(e, t) {
+function O(e, t) {
 	let n = t.split("."), r = e;
 	for (let e of n) {
 		if (typeof r != "object" || !r) return;
@@ -113,16 +177,16 @@ function w(e, t) {
 	}
 	return typeof r == "string" ? r : void 0;
 }
-function T(e, t) {
+function k(e, t) {
 	return t ? Object.entries(t).reduce((e, [t, n]) => e.split(`{${t}}`).join(String(n)), e) : e;
 }
-function E() {
-	let e = u(S, void 0), t = i(() => (e ? g(e) : void 0) ?? n);
+function A() {
+	let e = u(E, void 0), t = i(() => (e ? g(e) : void 0) ?? n);
 	function r(e, r) {
-		let i = w(t.value, e);
-		if (i !== void 0) return T(i, r);
-		let a = w(n, e);
-		return a === void 0 ? e : T(a, r);
+		let i = O(t.value, e);
+		if (i !== void 0) return k(i, r);
+		let a = O(n, e);
+		return a === void 0 ? e : k(a, r);
 	}
 	return {
 		locale: t,
@@ -130,8 +194,8 @@ function E() {
 	};
 }
 //#endregion
-//#region src/components/submit-button/SubmitButton.vue?vue&type=script&setup=true&lang.ts
-var D = ["disabled", "aria-busy"], O = /* @__PURE__ */ l({
+//#region src/components/submit-button/SubmitButton.vue
+var j = /* @__PURE__ */ l({
 	__name: "SubmitButton",
 	props: {
 		variant: { default: "default" },
@@ -148,21 +212,25 @@ var D = ["disabled", "aria-busy"], O = /* @__PURE__ */ l({
 		class: { default: void 0 }
 	},
 	setup(e) {
-		let n = e, { t: l } = E(), u = i(() => n.pendingText ?? l("submitButton.submitting")), p = i(() => n.disabled || n.loading), v = i(() => t(x({
-			variant: n.variant,
-			size: n.size
-		}), n.class));
-		return (t, n) => (f(), s("button", {
+		let t = e, { t: n } = A(), o = i(() => t.pendingText ?? n("submitButton.submitting"));
+		return (n, i) => (f(), a(T, {
 			type: "submit",
-			class: d(v.value),
-			disabled: p.value,
-			"aria-busy": e.loading
-		}, [e.loading ? (f(), a(g(_), {
-			key: 0,
-			class: "h-4 w-4 animate-spin",
-			"aria-hidden": "true"
-		})) : o("", !0), e.loading && u.value ? (f(), s(r, { key: 1 }, [c(h(u.value), 1)], 64)) : m(t.$slots, "default", { key: 2 })], 10, D));
+			variant: e.variant,
+			size: e.size,
+			loading: e.loading,
+			disabled: e.disabled,
+			class: d(t.class)
+		}, {
+			default: _(() => [e.loading && o.value ? (f(), s(r, { key: 0 }, [c(h(o.value), 1)], 64)) : m(n.$slots, "default", { key: 1 })]),
+			_: 3
+		}, 8, [
+			"variant",
+			"size",
+			"loading",
+			"disabled",
+			"class"
+		]));
 	}
 });
 //#endregion
-export { x as a, E as i, S as n, b as o, C as r, O as t };
+export { T as a, S as c, A as i, E as n, w as o, D as r, C as s, j as t };

package/dist/SubmitButton-Cw1VdeMv.cjs

@@ -0,0 +1 @@
+const e=require("./utils-BC5WDCkH.cjs"),t=require("./zh-CN-BJ4W0nz6.cjs");let n=require("vue"),r=require("@lucide/vue"),i=require("reka-ui");var a=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,o=e.n,s=(e,t)=>n=>{if(t?.variants==null)return o(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,s=Object.keys(r).map(e=>{let t=n?.[e],o=i?.[e];if(t===null)return null;let s=a(t)||a(o);return r[e][s]}),c=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return o(e,s,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...c}[t]):{...i,...c}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},c=s([`inline-flex items-center justify-center gap-2`,`border-3 border-brutal`,`rounded-brutal`,`font-black tracking-wide`,`transition-all duration-150`,`focus:outline focus:outline-[3px] focus:outline-brutal-ring focus:outline-offset-2`,`disabled:opacity-50 disabled:pointer-events-none`,`active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none`],{variants:{variant:{default:[`bg-brutal-bg text-brutal-fg`,`shadow-brutal`,`hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5`],primary:[`bg-brutal-primary text-brutal-primary-foreground`,`shadow-brutal`,`hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5`],secondary:[`bg-brutal-secondary text-brutal-secondary-foreground`,`shadow-brutal`,`hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5`],accent:[`bg-brutal-accent text-brutal-accent-foreground`,`shadow-brutal`,`hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5`],danger:[`bg-brutal-destructive text-brutal-destructive-foreground`,`shadow-brutal`,`hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5`],success:[`bg-brutal-success text-brutal-success-foreground`,`shadow-brutal`,`hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5`],outline:[`bg-transparent text-brutal-fg`,`shadow-brutal`,`hover:bg-brutal-fg hover:text-brutal-bg`,`hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5`],ghost:[`bg-transparent text-brutal-fg border-transparent`,`shadow-none`,`hover:bg-brutal-muted hover:border-brutal`],link:[`bg-transparent text-brutal-fg border-transparent`,`shadow-none underline-offset-4`,`hover:underline`]},size:{sm:`h-9 px-3 py-1 text-sm`,default:`h-11 px-5 py-2 text-base`,lg:`h-14 px-8 py-3 text-lg`,xl:`h-16 px-10 py-4 text-xl`,icon:`h-11 w-11 p-0`}},defaultVariants:{variant:`default`,size:`default`}}),l=s(``,{variants:{size:{xs:`h-2.5 w-2.5`,sm:`h-3 w-3`,default:`h-4 w-4`,lg:`h-5 w-5`,xl:`h-6 w-6`,"2xl":`h-8 w-8`}},defaultVariants:{size:`default`}}),u=(0,n.defineComponent)({__name:`Button`,props:{variant:{default:`default`},size:{default:`default`},asChild:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},class:{default:void 0}},setup(t){let a=t,o=(0,n.computed)(()=>a.disabled||a.loading),s=(0,n.computed)(()=>e.t(c({variant:a.variant,size:a.size}),a.asChild&&o.value&&`pointer-events-none`,a.class)),u={sm:`sm`,default:`default`,lg:`lg`,xl:`xl`,icon:`default`},d=(0,n.computed)(()=>e.t(l({size:u[a.size]}),`animate-spin`));return(e,a)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(i.Primitive),{as:t.asChild?void 0:`button`,"as-child":t.asChild,class:(0,n.normalizeClass)(s.value),disabled:!t.asChild&&o.value,"aria-disabled":t.asChild&&o.value?!0:void 0,"aria-busy":t.loading||void 0},{default:(0,n.withCtx)(()=>[t.loading?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.Loader2),{key:0,class:(0,n.normalizeClass)(d.value)},null,8,[`class`])):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`disabled`,`aria-disabled`,`aria-busy`]))}}),d=Symbol(`brutx-ui-locale`);function f(e){(0,n.provide)(d,e)}function p(e,t){let n=t.split(`.`),r=e;for(let e of n){if(typeof r!=`object`||!r)return;r=r[e]}return typeof r==`string`?r:void 0}function m(e,t){return t?Object.entries(t).reduce((e,[t,n])=>e.split(`{${t}}`).join(String(n)),e):e}function h(){let e=(0,n.inject)(d,void 0),r=(0,n.computed)(()=>(e?(0,n.unref)(e):void 0)??t.t);function i(e,n){let i=p(r.value,e);if(i!==void 0)return m(i,n);let a=p(t.t,e);return a===void 0?e:m(a,n)}return{locale:r,t:i}}var g=(0,n.defineComponent)({__name:`SubmitButton`,props:{variant:{default:`default`},size:{default:`default`},pendingText:{default:void 0},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},class:{default:void 0}},setup(e){let t=e,{t:r}=h(),i=(0,n.computed)(()=>t.pendingText??r(`submitButton.submitting`));return(r,a)=>((0,n.openBlock)(),(0,n.createBlock)(u,{type:`submit`,variant:e.variant,size:e.size,loading:e.loading,disabled:e.disabled,class:(0,n.normalizeClass)(t.class)},{default:(0,n.withCtx)(()=>[e.loading&&i.value?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:0},[(0,n.createTextVNode)((0,n.toDisplayString)(i.value),1)],64)):(0,n.renderSlot)(r.$slots,`default`,{key:1})]),_:3},8,[`variant`,`size`,`loading`,`disabled`,`class`]))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});