@mkbabb/glass-ui 4.0.0 → 4.0.1

package/dist/{HoverPopover-Dpzwvc4t.js → HoverPopover-CbqbNwgU.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-Bu1Avy-a.js";
+import { i as t } from "./dockContext-BNfyPLe9.js";
 import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useId as h, useModel as g, watch as _, withCtx as v } from "vue";
 import { HoverCardContent as y, HoverCardPortal as b, HoverCardRoot as x, HoverCardTrigger as S } from "reka-ui";
 //#region src/components/custom/hover-popover/HoverPopover.vue?vue&type=script&setup=true&lang.ts
@@ -36,7 +36,7 @@ var C = { class: "hover-popover-label" }, w = { class: "hover-popover-label" },
 	}),
 	emits: ["update:open"],
 	setup(c) {
-		let l = c, T = g(c, "open"), E = r(() => e("z-popover hover-popover-panel popover-animate", l.class)), D = typeof HTMLButtonElement < "u" && "interestForElement" in HTMLButtonElement.prototype, O = r(() => l.native && D), k = `gl-hover-popover-${h() ?? "0"}`;
+		let l = c, T = g(c, "open"), E = r(() => e("z-popover hover-popover-panel glass-reveal", l.class)), D = typeof HTMLButtonElement < "u" && "interestForElement" in HTMLButtonElement.prototype, O = r(() => l.native && D), k = `gl-hover-popover-${h() ?? "0"}`;
 		function A(e) {
 			let t = e.newState === "open";
 			t !== T.value && (T.value = t);

package/dist/{IconChip-BDw1j5mu.js → IconChip-BTD-nay5.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vReveal-D9k0jADx.js";
+import { t } from "./vReveal-Czsb7zQC.js";
 import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, resolveDynamicComponent as l, unref as u, withDirectives as d } from "vue";
 //#region src/components/custom/icon-chip/IconChip.vue?vue&type=script&setup=true&lang.ts
 var f = ["data-duotone"], p = 48, m = 22, h = /* @__PURE__ */ a({
@@ -15,6 +15,7 @@ var f = ["data-duotone"], p = 48, m = 22, h = /* @__PURE__ */ a({
 		bare: { type: Boolean },
 		duotone: { type: Boolean },
 		bloom: { type: Boolean },
+		saturated: { type: Boolean },
 		reveal: { type: [Boolean, Number] },
 		class: { type: [
 			Boolean,
@@ -35,7 +36,7 @@ var f = ["data-duotone"], p = 48, m = 22, h = /* @__PURE__ */ a({
 			};
 		});
 		return (n, a) => d((c(), i("span", {
-			class: o(["icon-chip", u(e)(h.bare && "icon-chip--bare", h.duotone && "icon-chip--duotone", h.bloom && "icon-chip--bloom", y.value && "icon-chip--reveal", h.class)]),
+			class: o(["icon-chip", u(e)(h.bare && "icon-chip--bare", h.duotone && "icon-chip--duotone", h.bloom && "icon-chip--bloom", h.saturated && "icon-chip--saturated", y.value && "icon-chip--reveal", h.class)]),
 			"data-duotone": h.duotone ? "" : void 0,
 			style: s(x.value)
 		}, [(c(), r(l(h.icon), {

package/dist/{IconTooltip-DSjasZIt.js → IconTooltip-Bl8gFZ8d.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-B3MkB_8P.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-rzvnXz60.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 //#endregion
 //#region src/components/custom/icon-tooltip/IconTooltip.vue

package/dist/{Input-DVG_J0ne.js → Input-h9v5LeXf.js}

@@ -48,7 +48,7 @@ var d = /* @__PURE__ */ r({
 		}, {
 			...t.$attrs,
 			...m.value
-		}, { class: s(e)("input-pill text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium", f.class) }), null, 16)), [[c, s(p)]]);
+		}, { class: s(e)("input-pill [--control-surface-bg:var(--input-on-glass)] text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium", f.class) }), null, 16)), [[c, s(p)]]);
 	}
 });
 //#endregion

package/dist/{MetricBadge-BpC0R_Ec.js → MetricBadge-RHdBP72w.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { n as t } from "./coalesceMetric-5qIeZnTx.js";
-import { t as n } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, toDisplayString as f, unref as p } from "vue";
 //#region src/components/custom/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
 var m = ["data-size"], h = {

package/dist/Notification-VUwexFUf.js

@@ -0,0 +1,43 @@
+import { d as e, g as t, h as n, m as r, t as i } from "./vendor-CKmzio-i.js";
+import { t as a } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { Fragment as o, TransitionGroup as s, createBlock as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+//#region src/components/ui/notification/Notification.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "flex-1 text-sm font-medium" }, x = ["onClick"], S = /* @__PURE__ */ a(/* @__PURE__ */ f({
+	__name: "Notification",
+	props: { notifications: {} },
+	emits: ["remove"],
+	setup(a) {
+		let f = {
+			success: "feedback-tone-success",
+			error: "feedback-tone-destructive",
+			warning: "feedback-tone-warning",
+			info: "feedback-tone-info"
+		}, S = {
+			success: n,
+			error: r,
+			warning: t,
+			info: e
+		};
+		return (e, t) => (m(), c(s, {
+			"data-slot": "notification",
+			name: "notification",
+			tag: "div",
+			class: "fixed bottom-4 right-4 z-toast flex flex-col gap-2"
+		}, {
+			default: y(() => [(m(!0), l(o, null, h(a.notifications, (t) => (m(), l("div", {
+				key: t.id,
+				class: p(["glass-floating feedback-tone flex items-center gap-3 rounded-panel px-4 py-3 text-foreground", [f[t.type], "min-w-[300px] max-w-[500px]"]])
+			}, [
+				(m(), c(g(S[t.type]), { class: "feedback-tone-glyph h-5 w-5 flex-shrink-0" })),
+				u("p", b, _(t.message), 1),
+				u("button", {
+					onClick: (n) => e.$emit("remove", t.id),
+					class: "rounded-button p-1 transition-colors hover:bg-white/10"
+				}, [d(v(i), { class: "h-4 w-4" })], 8, x)
+			], 2))), 128))]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-cec8742e"]]);
+//#endregion
+export { S as t };

package/dist/NumberFieldContent-Cq7EzX-U.js

@@ -0,0 +1,138 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { i as t, s as n } from "./vendor-CKmzio-i.js";
+import { n as r } from "./button-DYCUa-tH.js";
+import { computed as i, createBlock as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, withCtx as m } from "vue";
+import { NumberFieldDecrement as h, NumberFieldIncrement as g, NumberFieldInput as _, NumberFieldRoot as v, useForwardProps as y, useForwardPropsEmits as b } from "reka-ui";
+//#endregion
+//#region src/components/ui/number-field/NumberField.vue
+var x = /* @__PURE__ */ c({
+	__name: "NumberField",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		min: {},
+		max: {},
+		step: {},
+		stepSnapping: { type: Boolean },
+		focusOnChange: { type: Boolean },
+		formatOptions: {},
+		locale: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		disableWheelChange: { type: Boolean },
+		invertWheelChange: { type: Boolean },
+		id: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let r = t, o = n, s = b(i(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}), o);
+		return (t, n) => (d(), a(p(v), l({ "data-slot": "number-field" }, p(s), { class: p(e)("grid gap-1.5", r.class) }), {
+			default: m(() => [f(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), S = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "NumberFieldInput",
+	setup(t) {
+		let n = { inputmode: "decimal" };
+		return (t, r) => (d(), a(p(_), l({
+			...n,
+			...t.$attrs
+		}, {
+			"data-slot": "input",
+			class: p(e)("input-pill h-(--control-h-md) rounded-field px-9 py-2 text-sm text-center")
+		}), null, 16, ["class"]));
+	}
+}), C = /* @__PURE__ */ c({
+	__name: "NumberFieldIncrement",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let o = n, c = y(i(() => {
+			let { class: e, ...t } = o;
+			return t;
+		}));
+		return (n, i) => (d(), a(p(g), l({ "data-slot": "increment" }, p(c), { "as-child": "" }), {
+			default: m(() => [s(p(r), {
+				variant: "ghost",
+				size: "icon",
+				class: u(p(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", o.class))
+			}, {
+				default: m(() => [f(n.$slots, "default", {}, () => [s(p(t), { class: "size-icon-sm" })])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16));
+	}
+}), w = /* @__PURE__ */ c({
+	__name: "NumberFieldDecrement",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let o = t, c = y(i(() => {
+			let { class: e, ...t } = o;
+			return t;
+		}));
+		return (t, i) => (d(), a(p(h), l({ "data-slot": "decrement" }, p(c), { "as-child": "" }), {
+			default: m(() => [s(p(r), {
+				variant: "ghost",
+				size: "icon",
+				class: u(p(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", o.class))
+			}, {
+				default: m(() => [f(t.$slots, "default", {}, () => [s(p(n), { class: "size-icon-sm" })])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16));
+	}
+}), T = /* @__PURE__ */ c({
+	__name: "NumberFieldContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (d(), o("div", { class: u(p(e)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", n.class)) }, [f(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { x as a, S as i, w as n, C as r, T as t };

package/dist/{PopoverContent-BTorlp--.js → PopoverContent-DL7E6vJP.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-CMnF2zHb.js";
-import { i as n } from "./dockContext-Bu1Avy-a.js";
+import { t } from "./useSurfaceAxis-g0NloYEF.js";
+import { i as n } from "./dockContext-BNfyPLe9.js";
 import { computed as r, createBlock as i, createVNode as a, defineComponent as o, guardReactiveProps as s, mergeProps as c, normalizeProps as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
 import { PopoverContent as m, PopoverPortal as h, PopoverRoot as g, PopoverTrigger as _, useForwardPropsEmits as v } from "reka-ui";
 //#endregion
@@ -93,7 +93,7 @@ var y = /* @__PURE__ */ o({
 				"data-glass-dock-portal": f(y)?.id ? "" : void 0,
 				"data-glass-dock-owner": f(y)?.id,
 				"data-surface": l.surface,
-				class: f(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", b.value, l.class)
+				class: f(e)("popover-content z-popover w-72 glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) glass-reveal", b.value, l.class)
 			}), {
 				default: p(() => [d(t.$slots, "default")]),
 				_: 3
@@ -111,7 +111,7 @@ var y = /* @__PURE__ */ o({
 			"data-glass-dock-portal": f(y)?.id ? "" : void 0,
 			"data-glass-dock-owner": f(y)?.id,
 			"data-surface": l.surface,
-			class: f(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", b.value, l.class)
+			class: f(e)("popover-content z-popover w-72 glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) glass-reveal", b.value, l.class)
 		}), {
 			default: p(() => [d(t.$slots, "default")]),
 			_: 3

package/dist/{Progress-hAT4gqGH.js → Progress-DctG61iZ.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, toRef as p, unref as m, watchEffect as h, withCtx as g } from "vue";
 import { ProgressIndicator as _, ProgressRoot as v } from "reka-ui";
 //#endregion
@@ -26,7 +26,7 @@ var y = /* @__PURE__ */ c({
 			let { class: e, ...t } = i;
 			return t;
 		});
-		return (t, n) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, { class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))]", i.class) }), {
+		return (t, n) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, { class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))]", i.class) }), {
 			default: g(() => [s(m(_), {
 				class: "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform",
 				style: d({ transform: `translateX(-${100 - (i.modelValue ?? 0)}%)` })
@@ -68,7 +68,7 @@ var y = /* @__PURE__ */ c({
 			return { "--progress-crescendo": `${Math.min(100, Math.max(0, t))}%` };
 		});
 		return (n, u) => (f(), r(m(v), l({ "data-slot": "progress" }, a.value, {
-			class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))] progress-gradient-rail", i.class),
+			class: m(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--progress-track-on-glass))] progress-gradient-rail", i.class),
 			"data-lifecycle": o.value,
 			"data-indeterminate": t.indeterminate || void 0
 		}), {
@@ -86,7 +86,7 @@ var y = /* @__PURE__ */ c({
 			"data-indeterminate"
 		]));
 	}
-}), [["__scopeId", "data-v-f29a8e97"]]);
+}), [["__scopeId", "data-v-971dff91"]]);
 //#endregion
 //#region src/components/ui/progress/useProgressGeometry.ts
 function x(e) {

package/dist/{ScrollingText-CUVFTWk2.js → ScrollingText-yOpBzFYq.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
-import { t as n } from "./useResizeObserver-V6nq5gJb.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as n } from "./useResizeObserver-Bpoi7tRE.js";
 import { createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useTemplateRef as p, watchEffect as m } from "vue";
 //#region src/components/custom/scrolling-text/ScrollingText.vue?vue&type=script&setup=true&lang.ts
 var h = ["data-overflows"], g = /* @__PURE__ */ t(/* @__PURE__ */ o({

package/dist/{SelectScrollDownButton-C1jb3b3K.js → SelectScrollDownButton-CrA8F0iV.js}

@@ -1,8 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./chevron-down-DKkxb4VV.js";
-import { t as n } from "./chevron-up-n_24SqI-.js";
-import { t as r } from "./menuItemVariants-DWRQXBxJ.js";
-import { i } from "./dockContext-Bu1Avy-a.js";
+import { _ as t, b as n } from "./vendor-CKmzio-i.js";
+import { t as r } from "./menuItemVariants-D8VNHq22.js";
+import { i } from "./dockContext-BNfyPLe9.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
 import { SelectContent as b, SelectIcon as x, SelectItem as S, SelectItemIndicator as C, SelectItemText as w, SelectPortal as T, SelectRoot as E, SelectScrollDownButton as D, SelectScrollUpButton as O, SelectTrigger as k, SelectValue as A, SelectViewport as j, useForwardProps as M, useForwardPropsEmits as N } from "reka-ui";
 //#endregion
@@ -61,8 +60,8 @@ var P = /* @__PURE__ */ d({
 		variant: { default: "default" },
 		size: { default: "default" }
 	},
-	setup(n) {
-		let r = n, i = M(a(() => {
+	setup(t) {
+		let r = t, i = M(a(() => {
 			let { class: e, variant: t, size: n, ...i } = r;
 			return i;
 		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "control-surface"), c = a(() => {
@@ -79,12 +78,12 @@ var P = /* @__PURE__ */ d({
 				"--text-dropdown": e
 			};
 		});
-		return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), {
+		return (t, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), {
 			style: l.value,
-			class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-(--destructive) aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class)
+			class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-(--destructive) user-invalid:border-(--destructive) focus-visible:aria-invalid:shadow-(--invalid-ring) focus-visible:user-invalid:shadow-(--invalid-ring)", r.class)
 		}), {
-			default: y(() => [_(n.$slots, "default"), u(v(x), { "as-child": "" }, {
-				default: y(() => [u(v(t), { class: "transition-transform duration-200 ease-standard [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-50" })]),
+			default: y(() => [_(t.$slots, "default"), u(v(x), { "as-child": "" }, {
+				default: y(() => [u(v(n), { class: "transition-transform duration-200 ease-standard [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-50" })]),
 				_: 1
 			})]),
 			_: 3
@@ -144,7 +143,7 @@ var P = /* @__PURE__ */ d({
 				"data-glass-dock-portal": v(l)?.id ? "" : void 0,
 				"data-glass-dock-owner": v(l)?.id,
 				"data-slot": "select-content",
-				class: v(e)("relative z-popover min-w-32 overflow-y-auto rounded-panel border text-popover-foreground popover-animate origin-(--reka-select-content-transform-origin)", t.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "glass-floating", r.class)
+				class: v(e)("relative z-popover min-w-32 overflow-y-auto rounded-panel border text-popover-foreground glass-reveal origin-(--reka-select-content-transform-origin)", t.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "glass-floating", r.class)
 			}), {
 				default: y(() => [
 					u(v(V)),
@@ -215,13 +214,13 @@ var P = /* @__PURE__ */ d({
 			Array
 		] }
 	},
-	setup(t) {
-		let r = t, i = M(a(() => {
+	setup(n) {
+		let r = n, i = M(a(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}));
-		return (t, a) => (g(), o(v(O), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
-			default: y(() => [_(t.$slots, "default", {}, () => [u(v(n), { class: "h-4 w-4" })])]),
+		return (n, a) => (g(), o(v(O), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
+			default: y(() => [_(n.$slots, "default", {}, () => [u(v(t), { class: "h-4 w-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}
@@ -238,13 +237,13 @@ var P = /* @__PURE__ */ d({
 			Array
 		] }
 	},
-	setup(n) {
-		let r = n, i = M(a(() => {
+	setup(t) {
+		let r = t, i = M(a(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}));
-		return (n, a) => (g(), o(v(D), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
-			default: y(() => [_(n.$slots, "default", {}, () => [u(v(t), { class: "h-4 w-4" })])]),
+		return (t, a) => (g(), o(v(D), p(v(i), { class: v(e)("flex cursor-default items-center justify-center py-1", r.class) }), {
+			default: y(() => [_(t.$slots, "default", {}, () => [u(v(n), { class: "h-4 w-4" })])]),
 			_: 3
 		}, 16, ["class"]));
 	}