brutx-ui-vue 0.8.1 → 0.8.2

package/dist/Button-A-6b4rWX.js

@@ -0,0 +1,133 @@
+import { t as e } from "./utils-BkwM-_ON.js";
+import { t } from "./dist-CvtuClfa.js";
+import { t as n } from "./icon-size-variants-Ck2NDe3L.js";
+import { computed as r, createBlock as i, createCommentVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
+import { Loader2 as f } from "@lucide/vue";
+import { Primitive as p } from "reka-ui";
+//#region src/components/button/button-variants.ts
+var m = t([
+	"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"
+	}
+}), h = /* @__PURE__ */ o({
+	__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 o = t, h = r(() => o.disabled || o.loading), g = r(() => e(m({
+			variant: o.variant,
+			size: o.size
+		}), o.asChild && h.value && "pointer-events-none", o.class)), _ = {
+			sm: "sm",
+			default: "default",
+			lg: "lg",
+			xl: "xl",
+			icon: "default"
+		}, v = r(() => e(n({ size: _[o.size] }), "animate-spin"));
+		return (e, n) => (c(), i(u(p), {
+			as: t.asChild ? void 0 : "button",
+			"as-child": t.asChild,
+			class: s(g.value),
+			disabled: !t.asChild && h.value,
+			"aria-disabled": t.asChild && h.value ? !0 : void 0,
+			"aria-busy": t.loading || void 0
+		}, {
+			default: d(() => [t.loading ? (c(), i(u(f), {
+				key: 0,
+				class: s(v.value)
+			}, null, 8, ["class"])) : a("", !0), l(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class",
+			"disabled",
+			"aria-disabled",
+			"aria-busy"
+		]));
+	}
+});
+//#endregion
+export { m as n, h as t };

package/dist/Button-Do0Oszf9.cjs

@@ -0,0 +1 @@
+const e=require("./utils-BC5WDCkH.cjs"),t=require("./dist-BHWcR9E8.cjs"),n=require("./icon-size-variants-TAHpixex.cjs");let r=require("vue"),i=require("@lucide/vue"),a=require("reka-ui");var o=t.t([`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`}}),s=(0,r.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 s=t,c=(0,r.computed)(()=>s.disabled||s.loading),l=(0,r.computed)(()=>e.t(o({variant:s.variant,size:s.size}),s.asChild&&c.value&&`pointer-events-none`,s.class)),u={sm:`sm`,default:`default`,lg:`lg`,xl:`xl`,icon:`default`},d=(0,r.computed)(()=>e.t(n.t({size:u[s.size]}),`animate-spin`));return(e,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(a.Primitive),{as:t.asChild?void 0:`button`,"as-child":t.asChild,class:(0,r.normalizeClass)(l.value),disabled:!t.asChild&&c.value,"aria-disabled":t.asChild&&c.value?!0:void 0,"aria-busy":t.loading||void 0},{default:(0,r.withCtx)(()=>[t.loading?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.Loader2),{key:0,class:(0,r.normalizeClass)(d.value)},null,8,[`class`])):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`disabled`,`aria-disabled`,`aria-busy`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/Calendar-B4CyTa9e.cjs

@@ -0,0 +1 @@
+const e=require("./utils-BC5WDCkH.cjs");let t=require("vue"),n=require("@lucide/vue");var r={class:`font-black text-xs sm:text-sm tracking-tight uppercase text-brutal-fg`},i=(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(i,{emit:a}){let o=(0,t.defineAsyncComponent)(async()=>{try{return(await import(`v-calendar`)).DatePicker}catch{return console.warn(`[BrutxUI] Calendar component requires v-calendar. Install it: pnpm add v-calendar`),{template:`<div/>`}}}),s=i,c=a,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,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(o),{"model-value":u.value,mode:`date`,"is-range":i.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`,r,(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`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/dist/Calendar-CXlcLuQy.js

@@ -0,0 +1,85 @@
+import { t as e } from "./utils-BkwM-_ON.js";
+import { computed as t, createBlock as n, createElementVNode as r, createVNode as i, defineAsyncComponent as a, defineComponent as o, mergeProps as s, normalizeClass as c, openBlock as l, toDisplayString as u, toHandlers as d, unref as f, watch as p, withCtx as m } from "vue";
+import { ChevronLeft as h, ChevronRight as g } from "@lucide/vue";
+//#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__ */ o({
+	__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(o, { emit: v }) {
+		let y = a(async () => {
+			try {
+				return (await import("v-calendar")).DatePicker;
+			} catch {
+				return console.warn("[BrutxUI] Calendar component requires v-calendar. Install it: pnpm add v-calendar"), { template: "<div/>" };
+			}
+		}), b = o, x = v, S = 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", b.disabled ? "opacity-50 pointer-events-none" : "", b.class)), C = t(() => b.isRange && Array.isArray(b.modelValue) && b.modelValue.length === 2 ? {
+			start: b.modelValue[0],
+			end: b.modelValue[1]
+		} : b.isRange ? null : b.modelValue instanceof Date ? b.modelValue : null);
+		function w(e) {
+			b.disabled || (b.isRange ? e && typeof e == "object" && "start" in e && "end" in e ? x("update:modelValue", [e.start, e.end]) : x("update:modelValue", null) : e instanceof Date || e === null ? x("update:modelValue", e) : x("update:modelValue", null));
+		}
+		function T(e) {
+			b.disabled || e && typeof e == "object" && "start" in e && "end" in e && x("update:modelValue", [e.start, e.end]);
+		}
+		let E = t(() => ({ highlight: {
+			class: "brutal-selected",
+			contentClass: "brutal-selected-content"
+		} })), D = t(() => ({ highlight: {
+			class: "brutal-range",
+			contentClass: "brutal-range-content"
+		} })), O = 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")), k = t(() => "text-brutal-muted-foreground opacity-40"), A = t(() => "opacity-40 cursor-not-allowed"), j = /* @__PURE__ */ new Map();
+		p([
+			O,
+			k,
+			A
+		], () => {
+			j.clear();
+		});
+		function M(t, n) {
+			let r = `${t.isToday}-${t.isDisabled}-${t.inMonth}-${n ?? ""}`, i = j.get(r);
+			if (i !== void 0) return i;
+			let a = !t.inMonth, o = e(O.value, n, t.isToday ? "bg-brutal-secondary text-brutal-secondary-foreground font-black border-3 border-brutal" : "", a ? k.value : "", t.isDisabled ? A.value : "");
+			return j.set(r, o), o;
+		}
+		return (e, t) => (l(), n(f(y), {
+			"model-value": C.value,
+			mode: "date",
+			"is-range": o.isRange,
+			class: c(S.value),
+			"select-attribute": E.value,
+			"drag-attribute": D.value,
+			"trim-weeks": "",
+			"first-day-of-week": 1,
+			popover: !1,
+			"onUpdate:modelValue": w,
+			onDrag: T
+		}, {
+			"header-prev-button": m(() => [i(f(h), { class: "w-4 h-4" })]),
+			"header-title": m(({ title: e }) => [r("span", _, u(e), 1)]),
+			"header-next-button": m(() => [i(f(g), { class: "w-4 h-4" })]),
+			"day-content": m(({ day: e, dayProps: t, dayEvents: n }) => [r("div", s(t, { class: M(e, t.class) }, d(n, !0)), u(e.label), 17)]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"is-range",
+			"class",
+			"select-attribute",
+			"drag-attribute"
+		]));
+	}
+});
+//#endregion
+export { v as t };

package/dist/CardFooter-BweHbtKQ.js

@@ -0,0 +1,93 @@
+import { t as e } from "./utils-BkwM-_ON.js";
+import { t } from "./dist-CvtuClfa.js";
+import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, withCtx as u } from "vue";
+//#region src/components/card/card-variants.ts
+var d = t([
+	"border-3 border-brutal",
+	"rounded-brutal",
+	"bg-brutal-bg text-brutal-fg",
+	"transition-all duration-150"
+], {
+	variants: {
+		variant: {
+			default: "shadow-brutal",
+			elevated: "shadow-brutal-lg",
+			flat: "shadow-none",
+			interactive: [
+				"shadow-brutal",
+				"hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5",
+				"active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none",
+				"cursor-pointer"
+			],
+			primary: "shadow-brutal-primary border-[var(--brutal-primary)]",
+			secondary: "shadow-brutal-secondary border-[var(--brutal-secondary)]"
+		},
+		padding: {
+			none: "p-0",
+			sm: "p-3",
+			default: "p-5",
+			lg: "p-8"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		padding: "default"
+	}
+}), f = /* @__PURE__ */ a({
+	__name: "Card",
+	props: {
+		variant: { default: "default" },
+		padding: { default: "default" },
+		class: { default: void 0 }
+	},
+	setup(t) {
+		let r = t, a = n(() => e(d({
+			variant: r.variant,
+			padding: r.padding
+		}), r.class));
+		return (e, t) => (s(), i("div", { class: o(a.value) }, [c(e.$slots, "default")], 2));
+	}
+}), p = /* @__PURE__ */ a({
+	__name: "CardHeader",
+	props: { class: {} },
+	setup(t) {
+		let r = t, a = n(() => e("flex flex-col space-y-1.5 pb-4", r.class));
+		return (e, t) => (s(), i("div", { class: o(a.value) }, [c(e.$slots, "default")], 2));
+	}
+}), m = /* @__PURE__ */ a({
+	__name: "CardTitle",
+	props: {
+		as: { default: "h3" },
+		class: { default: void 0 }
+	},
+	setup(t) {
+		let i = t, a = n(() => e("text-2xl font-black tracking-tight leading-none", i.class));
+		return (e, n) => (s(), r(l(t.as), { class: o(a.value) }, {
+			default: u(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), h = /* @__PURE__ */ a({
+	__name: "CardDescription",
+	props: { class: {} },
+	setup(t) {
+		let r = t, a = n(() => e("text-sm text-brutal-muted-foreground font-medium", r.class));
+		return (e, t) => (s(), i("p", { class: o(a.value) }, [c(e.$slots, "default")], 2));
+	}
+}), g = /* @__PURE__ */ a({
+	__name: "CardContent",
+	props: { class: {} },
+	setup(t) {
+		let r = t, a = n(() => e(r.class));
+		return (e, t) => (s(), i("div", { class: o(a.value) }, [c(e.$slots, "default")], 2));
+	}
+}), _ = /* @__PURE__ */ a({
+	__name: "CardFooter",
+	props: { class: {} },
+	setup(t) {
+		let r = t, a = n(() => e("flex items-center pt-4 border-t-3 border-brutal", r.class));
+		return (e, t) => (s(), i("div", { class: o(a.value) }, [c(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { p as a, m as i, g as n, f as o, h as r, d as s, _ as t };

package/dist/CardFooter-Bz_0se-T.cjs

@@ -0,0 +1 @@
+const e=require("./utils-BC5WDCkH.cjs"),t=require("./dist-BHWcR9E8.cjs");let n=require("vue");var r=t.t([`border-3 border-brutal`,`rounded-brutal`,`bg-brutal-bg text-brutal-fg`,`transition-all duration-150`],{variants:{variant:{default:`shadow-brutal`,elevated:`shadow-brutal-lg`,flat:`shadow-none`,interactive:[`shadow-brutal`,`hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5`,`active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none`,`cursor-pointer`],primary:`shadow-brutal-primary border-[var(--brutal-primary)]`,secondary:`shadow-brutal-secondary border-[var(--brutal-secondary)]`},padding:{none:`p-0`,sm:`p-3`,default:`p-5`,lg:`p-8`}},defaultVariants:{variant:`default`,padding:`default`}}),i=(0,n.defineComponent)({__name:`Card`,props:{variant:{default:`default`},padding:{default:`default`},class:{default:void 0}},setup(t){let i=t,a=(0,n.computed)(()=>e.t(r({variant:i.variant,padding:i.padding}),i.class));return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)(a.value)},[(0,n.renderSlot)(e.$slots,`default`)],2))}}),a=(0,n.defineComponent)({__name:`CardHeader`,props:{class:{}},setup(t){let r=t,i=(0,n.computed)(()=>e.t(`flex flex-col space-y-1.5 pb-4`,r.class));return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)(i.value)},[(0,n.renderSlot)(e.$slots,`default`)],2))}}),o=(0,n.defineComponent)({__name:`CardTitle`,props:{as:{default:`h3`},class:{default:void 0}},setup(t){let r=t,i=(0,n.computed)(()=>e.t(`text-2xl font-black tracking-tight leading-none`,r.class));return(e,r)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(t.as),{class:(0,n.normalizeClass)(i.value)},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`]))}}),s=(0,n.defineComponent)({__name:`CardDescription`,props:{class:{}},setup(t){let r=t,i=(0,n.computed)(()=>e.t(`text-sm text-brutal-muted-foreground font-medium`,r.class));return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`p`,{class:(0,n.normalizeClass)(i.value)},[(0,n.renderSlot)(e.$slots,`default`)],2))}}),c=(0,n.defineComponent)({__name:`CardContent`,props:{class:{}},setup(t){let r=t,i=(0,n.computed)(()=>e.t(r.class));return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)(i.value)},[(0,n.renderSlot)(e.$slots,`default`)],2))}}),l=(0,n.defineComponent)({__name:`CardFooter`,props:{class:{}},setup(t){let r=t,i=(0,n.computed)(()=>e.t(`flex items-center pt-4 border-t-3 border-brutal`,r.class));return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)(i.value)},[(0,n.renderSlot)(e.$slots,`default`)],2))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/DialogDescription-DlEKfSB0.cjs

@@ -0,0 +1 @@
+const e=require("./utils-BC5WDCkH.cjs"),t=require("./dist-BHWcR9E8.cjs"),n=require("./icon-size-variants-TAHpixex.cjs"),r=require("./useLocale-CNQLn5sW.cjs"),i=require("./defaults-C3tS_SLq.cjs");let a=require("vue"),o=require("@lucide/vue"),s=require("reka-ui");var c=t.t([`fixed inset-0 z-50 bg-brutal-overlay`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`]),l=t.t([`flex flex-col space-y-2 pb-4 border-b-3 border-brutal`]),u=t.t([`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-3 pt-4 border-t-3 border-brutal`]),d=[`h-8 w-8 flex items-center justify-center`,`border-3 border-brutal bg-brutal-bg text-brutal-fg`,`shadow-brutal-sm`,`transition-all duration-150`,`hover:bg-brutal-destructive hover:text-brutal-fg`,`active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none`,`focus:outline-none focus:ring-2 focus:ring-brutal-ring focus:ring-offset-2`],f=(0,a.defineComponent)({__name:`DialogOverlay`,props:{class:{}},setup(t){let n=t,r=(0,a.computed)(()=>e.t(c(),n.class));return(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(s.DialogOverlay),{class:(0,a.normalizeClass)(r.value)},null,8,[`class`]))}}),p=t.t([`fixed left-[50%] top-[50%] z-50 translate-x-[-50%] translate-y-[-50%]`,`w-full p-6`,`bg-brutal-bg text-brutal-fg border-3 border-brutal shadow-brutal-xl rounded-brutal`,`duration-200`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`,`data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]`,`data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]`],{variants:{size:{sm:`max-w-sm`,default:`max-w-lg`,lg:`max-w-2xl`,xl:`max-w-4xl`,full:`max-w-[calc(100vw-2rem)]`}},defaultVariants:{size:`default`}}),m=t.t([...d,`absolute right-4 top-4`,`hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5`]),h={class:`sr-only`},g=(0,a.defineComponent)({__name:`DialogContent`,props:{showCloseButton:{type:Boolean,default:!0},size:{default:`default`},forceMount:{type:Boolean,default:void 0},class:{default:void 0}},setup(t){let i=t,{t:c}=r.r(),l=(0,a.computed)(()=>e.t(p({size:i.size}),i.class)),u=(0,a.computed)(()=>e.t(m())),d=e.t(n.t({size:`default`}),`stroke-[3]`);return(e,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(s.DialogPortal),null,{default:(0,a.withCtx)(()=>[(0,a.createVNode)(f),(0,a.createVNode)((0,a.unref)(s.DialogContent),{class:(0,a.normalizeClass)(l.value),"force-mount":i.forceMount===!0?!0:void 0},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`default`),t.showCloseButton?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(s.DialogClose),{key:0,class:(0,a.normalizeClass)(u.value)},{default:(0,a.withCtx)(()=>[(0,a.createVNode)((0,a.unref)(o.X),{class:(0,a.normalizeClass)((0,a.unref)(d))},null,8,[`class`]),(0,a.createElementVNode)(`span`,h,(0,a.toDisplayString)((0,a.unref)(c)(`dialog.close`)),1)]),_:1},8,[`class`])):(0,a.createCommentVNode)(``,!0)]),_:3},8,[`class`,`force-mount`])]),_:3}))}}),_={class:`sr-only`},v=(0,a.defineComponent)({__name:`DialogEnhanced`,props:{showCloseButton:{type:Boolean,default:!0},forceMount:{type:Boolean,default:void 0},class:{default:void 0},draggable:{type:Boolean,default:!1},dragHandle:{default:void 0},bounds:{default:`viewport`},initialPosition:{default:void 0},resizable:{type:Boolean,default:!1},minWidth:{default:200},minHeight:{default:150},maxWidth:{default:void 0},maxHeight:{default:void 0},aspectRatio:{default:void 0}},setup(t){let c=t,{t:l}=r.r(),u=(0,a.ref)(null),d=(0,a.ref)(!1),h=(0,a.ref)(!1),g=(0,a.ref)({x:0,y:0}),v=(0,a.ref)({width:0,height:0}),y=(0,a.ref)({x:0,y:0}),b=(0,a.ref)({x:0,y:0,width:0,height:0,corner:`se`}),x=(0,a.computed)(()=>e.t(p(),c.draggable&&`cursor-move`,c.resizable&&`overflow-hidden`,c.class)),S=(0,a.computed)(()=>e.t(m())),C=e.t(n.t({size:`default`}),`stroke-[3]`),w=(0,a.computed)(()=>{let e={};return c.draggable&&(e.transform=`translate(${g.value.x}px, ${g.value.y}px)`,e.position=`fixed`,e.top=`50%`,e.left=`50%`,e.margin=`0`),c.resizable&&v.value.width>0&&v.value.height>0&&(e.width=`${v.value.width}px`,e.height=`${v.value.height}px`),e});function T(){return c.draggable?typeof c.dragHandle==`string`?u.value?.querySelector(c.dragHandle)??null:c.dragHandle instanceof HTMLElement?c.dragHandle:u.value:null}function E(e){return[`INPUT`,`TEXTAREA`,`SELECT`,`BUTTON`,`A`].includes(e.tagName)||e.isContentEditable}function D(e,t){let n=u.value?.getBoundingClientRect();if(!n)return{x:e,y:t};if(c.bounds===`viewport`)return{x:Math.max(-n.width/2,Math.min(e,window.innerWidth-n.width/2)),y:Math.max(-n.height/2,Math.min(t,window.innerHeight-n.height/2))};if(c.bounds===`parent`){let r=u.value?.parentElement?.getBoundingClientRect();if(r)return{x:Math.max(r.left-n.width/2,Math.min(e,r.right-n.width/2)),y:Math.max(r.top-n.height/2,Math.min(t,r.bottom-n.height/2))}}else if(typeof c.bounds==`object`)return{x:Math.max(c.bounds.left-n.width/2,Math.min(e,c.bounds.right-n.width/2)),y:Math.max(c.bounds.top-n.height/2,Math.min(t,c.bounds.bottom-n.height/2))};return{x:e,y:t}}function O(e){if(!i.i||!c.draggable)return;let t=e.target;if(!(t instanceof HTMLElement)||E(t))return;let n=T();n&&!n.contains(t)||(d.value=!0,y.value={x:e.clientX-g.value.x,y:e.clientY-g.value.y},document.addEventListener(`mousemove`,k),document.addEventListener(`mouseup`,A),e.preventDefault())}function k(e){d.value&&(g.value=D(e.clientX-y.value.x,e.clientY-y.value.y))}function A(){i.i&&(d.value=!1,document.removeEventListener(`mousemove`,k),document.removeEventListener(`mouseup`,A))}function j(e,t){i.i&&c.resizable&&(h.value=!0,b.value={x:e.clientX,y:e.clientY,width:v.value.width,height:v.value.height,corner:t},document.addEventListener(`mousemove`,M),document.addEventListener(`mouseup`,N),e.preventDefault(),e.stopPropagation())}function M(e){if(!h.value)return;let t=e.clientX-b.value.x,n=e.clientY-b.value.y,r=b.value.width,i=b.value.height;switch(b.value.corner){case`se`:r+=t,i+=n;break;case`sw`:r-=t,i+=n;break;case`ne`:r+=t,i-=n;break;case`nw`:r-=t,i-=n;break}c.minWidth&&(r=Math.max(c.minWidth,r)),c.minHeight&&(i=Math.max(c.minHeight,i)),c.maxWidth&&(r=Math.min(c.maxWidth,r)),c.maxHeight&&(i=Math.min(c.maxHeight,i)),c.aspectRatio&&(i=r/c.aspectRatio,c.minHeight&&(i=Math.max(c.minHeight,i)),c.maxHeight&&(i=Math.min(c.maxHeight,i))),v.value={width:r,height:i}}function N(){i.i&&(h.value=!1,document.removeEventListener(`mousemove`,M),document.removeEventListener(`mouseup`,N))}function P(){c.initialPosition?g.value={...c.initialPosition}:g.value={x:0,y:0}}function F(){u.value&&requestAnimationFrame(()=>{let e=u.value?.getBoundingClientRect();e&&e.width>0&&e.height>0&&(v.value={width:e.width,height:e.height})})}return(0,a.watch)(()=>c.initialPosition,e=>{e&&(g.value={...e})}),(0,a.onMounted)(()=>{P(),F()}),(0,a.onUnmounted)(()=>{i.i&&(document.removeEventListener(`mousemove`,k),document.removeEventListener(`mouseup`,A),document.removeEventListener(`mousemove`,M),document.removeEventListener(`mouseup`,N))}),(e,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(s.DialogPortal),null,{default:(0,a.withCtx)(()=>[(0,a.createVNode)(f),(0,a.createVNode)((0,a.unref)(s.DialogContent),{ref_key:`contentRef`,ref:u,class:(0,a.normalizeClass)(x.value),style:(0,a.normalizeStyle)(w.value),"force-mount":c.forceMount===!0?!0:void 0,onMousedown:O},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`default`),t.showCloseButton?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(s.DialogClose),{key:0,class:(0,a.normalizeClass)(S.value)},{default:(0,a.withCtx)(()=>[(0,a.createVNode)((0,a.unref)(o.X),{class:(0,a.normalizeClass)((0,a.unref)(C))},null,8,[`class`]),(0,a.createElementVNode)(`span`,_,(0,a.toDisplayString)((0,a.unref)(l)(`dialog.close`)),1)]),_:1},8,[`class`])):(0,a.createCommentVNode)(``,!0),t.resizable?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createElementVNode)(`div`,{class:`absolute bottom-0 right-0 w-4 h-4 cursor-se-resize`,onMousedown:n[0]||=e=>j(e,`se`)},null,32),(0,a.createElementVNode)(`div`,{class:`absolute bottom-0 left-0 w-4 h-4 cursor-sw-resize`,onMousedown:n[1]||=e=>j(e,`sw`)},null,32),(0,a.createElementVNode)(`div`,{class:`absolute top-0 right-0 w-4 h-4 cursor-ne-resize`,onMousedown:n[2]||=e=>j(e,`ne`)},null,32),(0,a.createElementVNode)(`div`,{class:`absolute top-0 left-0 w-4 h-4 cursor-nw-resize`,onMousedown:n[3]||=e=>j(e,`nw`)},null,32)],64)):(0,a.createCommentVNode)(``,!0)]),_:3},8,[`class`,`style`,`force-mount`])]),_:3}))}}),y=(0,a.defineComponent)({__name:`DialogHeader`,props:{class:{}},setup(t){let n=t,r=(0,a.computed)(()=>e.t(l(),n.class));return(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)(r.value)},[(0,a.renderSlot)(e.$slots,`default`)],2))}}),b=(0,a.defineComponent)({__name:`DialogFooter`,props:{class:{}},setup(t){let n=t,r=(0,a.computed)(()=>e.t(u(),n.class));return(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)(r.value)},[(0,a.renderSlot)(e.$slots,`default`)],2))}}),x=(0,a.defineComponent)({__name:`DialogTitle`,props:{class:{}},setup(t){let n=t,r=(0,a.computed)(()=>e.t(`text-xl font-black tracking-tight`,n.class));return(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(s.DialogTitle),{class:(0,a.normalizeClass)(r.value)},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`]))}}),S=(0,a.defineComponent)({__name:`DialogDescription`,props:{class:{}},setup(t){let n=t,r=(0,a.computed)(()=>e.t(`text-sm text-brutal-muted-foreground font-medium`,n.class));return(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(s.DialogDescription),{class:(0,a.normalizeClass)(r.value)},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`]))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return d}});