brutx-ui-vue 0.7.7 → 0.7.8

package/dist/{SubmitButton-B-aiDN2P.js → SubmitButton-BVvwf6n0.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 { 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,7 +32,7 @@ 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",
 	"font-black tracking-wide",
@@ -101,11 +102,62 @@ 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 = /* @__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: "h-3 w-3",
+			default: "h-4 w-4",
+			lg: "h-5 w-5",
+			xl: "h-6 w-6"
+		}, l = i(() => c[n.size] ?? c.default);
+		return (n, i) => (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(g(t)(l.value, "animate-spin"))
+			}, null, 8, ["class"])) : o("", !0), m(n.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class",
+			"disabled",
+			"aria-disabled",
+			"aria-busy"
+		]));
+	}
+}), T = Symbol("brutx-ui-locale");
+function E(e) {
+	p(T, e);
 }
-function w(e, t) {
+function D(e, t) {
 	let n = t.split("."), r = e;
 	for (let e of n) {
 		if (typeof r != "object" || !r) return;
@@ -113,16 +165,16 @@ function w(e, t) {
 	}
 	return typeof r == "string" ? r : void 0;
 }
-function T(e, t) {
+function O(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 k() {
+	let e = u(T, 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 = D(t.value, e);
+		if (i !== void 0) return O(i, r);
+		let a = D(n, e);
+		return a === void 0 ? e : O(a, r);
 	}
 	return {
 		locale: t,
@@ -130,8 +182,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 A = /* @__PURE__ */ l({
 	__name: "SubmitButton",
 	props: {
 		variant: { default: "default" },
@@ -148,21 +200,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 } = k(), o = i(() => t.pendingText ?? n("submitButton.submitting"));
+		return (n, i) => (f(), a(w, {
 			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 { w as a, k as i, T as n, C as o, E as r, S as s, A as t };

package/dist/SubmitButton-Dn5gDHDH.cjs

@@ -0,0 +1 @@
+const e=require("./utils-BC5WDCkH.cjs"),t=require("./zh-CN-XM377bmZ.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`,`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=(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)),l={sm:`h-3 w-3`,default:`h-4 w-4`,lg:`h-5 w-5`,xl:`h-6 w-6`},u=(0,n.computed)(()=>l[a.size]??l.default);return(a,c)=>((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)((0,n.unref)(e.t)(u.value,`animate-spin`))},null,8,[`class`])):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(a.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`disabled`,`aria-disabled`,`aria-busy`]))}}),u=Symbol(`brutx-ui-locale`);function d(e){(0,n.provide)(u,e)}function f(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 p(e,t){return t?Object.entries(t).reduce((e,[t,n])=>e.split(`{${t}}`).join(String(n)),e):e}function m(){let e=(0,n.inject)(u,void 0),r=(0,n.computed)(()=>(e?(0,n.unref)(e):void 0)??t.t);function i(e,n){let i=f(r.value,e);if(i!==void 0)return p(i,n);let a=f(t.t,e);return a===void 0?e:p(a,n)}return{locale:r,t:i}}var h=(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}=m(),i=(0,n.computed)(()=>t.pendingText??r(`submitButton.submitting`));return(r,a)=>((0,n.openBlock)(),(0,n.createBlock)(l,{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 l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});