@mkbabb/glass-ui 3.6.0 → 3.8.0

package/dist/CardAction-q2qHCJFG.js

@@ -0,0 +1,157 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./useSpecularTracking-BVRZsRHA.js";
+import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { computed as r, createBlock as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+import { Primitive as p } from "reka-ui";
+var m = /* @__PURE__ */ o({
+	__name: "Card",
+	props: {
+		tier: { default: "resting" },
+		surface: { default: "glass" },
+		shadow: {
+			type: Boolean,
+			default: !0
+		},
+		grain: {
+			type: Boolean,
+			default: !0
+		},
+		specular: { default: "off" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(n) {
+		let a = n, { specularStyle: o, onPointerMove: m } = t(), h = r(() => a.surface === "glass" && a.specular !== "off"), g = r(() => a.specular === "full" ? {
+			"--glass-specular-intensity-rest": "0.08",
+			"--glass-specular-intensity-hover": "0.45",
+			"--glass-specular-intensity-active": "0.6"
+		} : {}), _ = r(() => h.value ? {
+			...g.value,
+			...o.value
+		} : void 0);
+		return (t, r) => (l(), i(d(p), {
+			"data-slot": "card",
+			"data-tier": n.tier,
+			"data-surface": n.surface,
+			"data-grain": n.grain,
+			as: n.as,
+			"as-child": n.asChild,
+			style: c(_.value),
+			onPointermove: r[0] ||= (e) => h.value && d(m)(e),
+			class: s(d(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-spacing:--spacing(6)] data-[size=sm]:[--card-spacing:--spacing(4)]", `glass-${n.tier}`, h.value && "glass-specular-track", n.surface === "cartoon" && "cartoon-surface", n.shadow && n.surface === "glass" && "shadow-card", !n.grain && "[&::after]:hidden", a.class))
+		}, {
+			default: f(() => [u(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"data-tier",
+			"data-surface",
+			"data-grain",
+			"as",
+			"as-child",
+			"style",
+			"class"
+		]));
+	}
+}), h = /* @__PURE__ */ n(/* @__PURE__ */ o({
+	__name: "CardHeader",
+	props: {
+		shrink: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (l(), a("div", {
+			"data-slot": "card-header",
+			class: s(d(e)("@container/card-header flex flex-col gap-y-1.5 p-(--card-spacing)", "has-data-[slot=card-action]:grid has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-action]:items-start", t.shrink && "card-header--shrink", n.class))
+		}, [u(r.$slots, "default", {}, void 0, !0)], 2));
+	}
+}), [["__scopeId", "data-v-835e5cc0"]]), g = /* @__PURE__ */ o({
+	__name: "CardTitle",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("h3", {
+			"data-slot": "card-title",
+			class: s(d(e)("text-heading leading-none tracking-tight", n.class))
+		}, [u(t.$slots, "default")], 2));
+	}
+}), _ = /* @__PURE__ */ o({
+	__name: "CardDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("p", {
+			"data-slot": "card-description",
+			class: s(d(e)("text-sm text-muted-foreground-strong", n.class))
+		}, [u(t.$slots, "default")], 2));
+	}
+}), v = /* @__PURE__ */ o({
+	__name: "CardContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("div", { class: s(d(e)("p-(--card-spacing)", n.class)) }, [u(t.$slots, "default")], 2));
+	}
+}), y = /* @__PURE__ */ o({
+	__name: "CardFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("div", { class: s(d(e)("flex items-center p-(--card-spacing) pt-0", n.class)) }, [u(t.$slots, "default")], 2));
+	}
+}), b = /* @__PURE__ */ o({
+	__name: "CardAction",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (l(), a("div", {
+			"data-slot": "card-action",
+			class: s(d(e)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n.class))
+		}, [u(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { g as a, _ as i, y as n, h as o, v as r, m as s, b as t };

package/dist/CollapsibleContent-CP9qF1v4.js

@@ -0,0 +1,63 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
+import { CollapsibleContent as l, CollapsibleRoot as u, CollapsibleTrigger as d, useForwardPropsEmits as f } from "reka-ui";
+//#endregion
+//#region src/components/ui/collapsible/Collapsible.vue
+var p = /* @__PURE__ */ r({
+	__name: "Collapsible",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		disabled: { type: Boolean },
+		unmountOnHide: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let r = f(e, t);
+		return (e, t) => (a(), n(s(u), i({ "data-slot": "collapsible" }, s(r)), {
+			default: c(({ open: t }) => [o(e.$slots, "default", { open: t })]),
+			_: 3
+		}, 16));
+	}
+}), m = /* @__PURE__ */ r({
+	__name: "CollapsibleTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let l = r, u = t(() => {
+			let { class: e, ...t } = l;
+			return t;
+		});
+		return (t, r) => (a(), n(s(d), i({ "data-slot": "collapsible-trigger" }, u.value, { class: s(e)("tap-squish focus-ring rounded-control transition-control disabled:pointer-events-none disabled:opacity-disabled", l.class) }), {
+			default: c(() => [o(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), h = /* @__PURE__ */ r({
+	__name: "CollapsibleContent",
+	props: {
+		forceMount: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (a(), n(s(l), i(t, { class: "overflow-hidden transition-collapse data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down" }), {
+			default: c(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { m as n, p as r, h as t };

package/dist/{CommandShortcut-BiVyqipe.js → CommandShortcut-SzWRhROC.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./search-DBG8qaRs.js";
-import { n, t as r } from "./DialogContent-IQ8_BRrC.js";
-import { t as i } from "./menuItemVariants-C2QlXqT3.js";
+import { t } from "./search-nbkvr2dC.js";
+import { n, t as r } from "./DialogContent-DjZWT3lK.js";
+import { t as i } from "./menuItemVariants-DKM85SNE.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 import { ComboboxContent as S, ComboboxEmpty as C, ComboboxGroup as w, ComboboxInput as T, ComboboxItem as E, ComboboxLabel as D, ComboboxRoot as O, ComboboxSeparator as k, useForwardProps as A, useForwardPropsEmits as j } from "reka-ui";
 //#endregion
@@ -49,7 +49,7 @@ var M = /* @__PURE__ */ f({
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (_(), o(b(O), m(b(s), { class: b(e)("flex h-full w-full flex-col overflow-hidden rounded-panel bg-popover text-popover-foreground", r.class) }), {
+		return (t, n) => (_(), o(b(O), m({ "data-slot": "command" }, b(s), { class: b(e)("glass-floating flex h-full w-full flex-col overflow-hidden rounded-panel text-popover-foreground", r.class) }), {
 			default: x(() => [v(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));

package/dist/{ContextMenuContent-De01_83g.js → ContextMenuContent-DDa0v27s.js}

@@ -13,7 +13,7 @@ var v = /* @__PURE__ */ i({
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
 		let r = _(e, t);
-		return (e, t) => (c(), n(u(m), s(a(u(r))), {
+		return (e, t) => (c(), n(u(m), o({ "data-slot": "context-menu" }, u(r)), {
 			default: d(() => [l(e.$slots, "default")]),
 			_: 3
 		}, 16));

package/dist/{ContextMenuSubContent-DrWkXKQP.js → ContextMenuSubContent-Do977Cbf.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DuDoe_ra.js";
-import { t as n } from "./check-CdkxGxXJ.js";
-import { t as r } from "./chevron-right-BjeKC22V.js";
-import { t as i } from "./menuItemVariants-C2QlXqT3.js";
+import { t } from "./createLucideIcon-B6uNAU9G.js";
+import { t as n } from "./check-BBKKKSTf.js";
+import { t as r } from "./chevron-right-sDM0Yvrf.js";
+import { t as i } from "./menuItemVariants-DKM85SNE.js";
 import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, unref as _, withCtx as v } from "vue";
 import { ContextMenuCheckboxItem as y, ContextMenuItem as b, ContextMenuItemIndicator as x, ContextMenuLabel as S, ContextMenuRadioGroup as C, ContextMenuRadioItem as w, ContextMenuSeparator as T, ContextMenuSubContent as E, ContextMenuSubTrigger as D, useForwardProps as O, useForwardPropsEmits as k } from "reka-ui";
 var A = t("circle", [["circle", {

package/dist/{DataTable-BGVXx0Ww.js → DataTable-CvlWXz65.js}

@@ -1,11 +1,14 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./button-BcMzVrqs.js";
-import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n as r, r as i, t as a } from "./ContextMenuContent-De01_83g.js";
-import { t as o } from "./useResizeObserver-DX-STszm.js";
+import { n as t } from "./button-CAywcrhO.js";
+import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { n as r, r as i, t as a } from "./ContextMenuContent-DDa0v27s.js";
+import { t as o } from "./useResizeObserver-CWCbk5Px.js";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, toValue as T, unref as E, useModel as ee, useSlots as te, withCtx as D, withModifiers as O } from "vue";
 //#region src/components/ui/table/Table.vue?vue&type=script&setup=true&lang.ts
-var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
+var k = {
+	"data-slot": "table",
+	class: "relative w-full overflow-auto"
+}, A = /* @__PURE__ */ h({
 	__name: "Table",
 	props: { class: { type: [
 		Boolean,
@@ -122,9 +125,12 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	},
 	setup(t) {
 		let n = t;
-		return (r, i) => (y(), d("div", { class: v(E(e)("rounded-input bg-muted", t.variant === "pulse" && "animate-pulse", t.variant === "shimmer" && "skeleton-shimmer", t.variant === "breath" && "skeleton-breath", n.class)) }, null, 2));
+		return (r, i) => (y(), d("div", {
+			"data-slot": "skeleton",
+			class: v(E(e)("rounded-input bg-muted", t.variant === "pulse" && "animate-pulse", t.variant === "shimmer" && "skeleton-shimmer", t.variant === "breath" && "skeleton-breath", n.class))
+		}, null, 2));
 	}
-}), [["__scopeId", "data-v-bb7e255e"]]), z = { class: "tabular-nums" }, B = { class: "flex items-center gap-1" }, V = {
+}), [["__scopeId", "data-v-9c84f8e2"]]), z = { class: "tabular-nums" }, B = { class: "flex items-center gap-1" }, V = {
 	key: 0,
 	class: "px-1 select-none"
 }, H = /* @__PURE__ */ h({
@@ -353,6 +359,7 @@ var Y = {
 			return e.sortable ? h.sort?.key === e.key ? h.sort.direction === "asc" ? " ↑" : " ↓" : " ↕" : "";
 		}
 		return (n, o) => (y(), d("div", {
+			"data-slot": "data-table",
 			ref_key: "rootRef",
 			ref: z,
 			class: v(E(e)("overflow-hidden", h.class))

package/dist/DeckProgress-AVgbIULY.js

@@ -0,0 +1,23 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./Progress-iEuD9pxG.js";
+import { createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o } from "vue";
+//#endregion
+//#region src/components/custom/deck-progress/DeckProgress.vue
+var s = /* @__PURE__ */ r({
+	__name: "DeckProgress",
+	props: {
+		value: {},
+		class: {}
+	},
+	setup(r) {
+		let s = r;
+		return (r, c) => (a(), n(o(t), {
+			variant: "default",
+			"model-value": s.value,
+			class: i(o(e)("glass-progress-rail", s.class)),
+			"aria-label": "Deck position"
+		}, null, 8, ["model-value", "class"]));
+	}
+});
+//#endregion
+export { s as t };

package/dist/{DialogContent-IQ8_BRrC.js → DialogContent-DjZWT3lK.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-C4pz9nbD.js";
-import { t as n } from "./useSpringMount-CnizvZGm.js";
-import { t as r } from "./ModalOverlay-B_CBtqcE.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, renderSlot as m, unref as h, withCtx as g } from "vue";
-import { DialogClose as _, DialogContent as v, DialogPortal as y, DialogRoot as b, injectDialogRootContext as x, useForwardPropsEmits as S } from "reka-ui";
+import { t } from "./x-Dfsegz9Y.js";
+import { t as n } from "./useSpringMount-BJSHcLl3.js";
+import { t as r } from "./ModalOverlay-B1GkAjNb.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, unref as p, withCtx as m } from "vue";
+import { DialogClose as h, DialogContent as g, DialogPortal as _, DialogRoot as v, injectDialogRootContext as y, useForwardPropsEmits as b } from "reka-ui";
 //#endregion
 //#region src/components/ui/dialog/Dialog.vue
-var C = /* @__PURE__ */ l({
+var x = /* @__PURE__ */ l({
 	__name: "Dialog",
 	props: {
 		open: { type: Boolean },
@@ -15,13 +15,13 @@ var C = /* @__PURE__ */ l({
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let n = S(e, t);
-		return (e, t) => (p(), a(h(b), f(u(h(n))), {
-			default: g(() => [m(e.$slots, "default")]),
+		let n = b(e, t);
+		return (e, t) => (d(), a(p(v), u({ "data-slot": "dialog" }, p(n)), {
+			default: m(() => [f(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), w = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 p-6", T = "-translate-x-1/2 -translate-y-1/2 duration-normal popover-animate", E = /* @__PURE__ */ l({
+}), S = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 p-6", C = "-translate-x-1/2 -translate-y-1/2 duration-normal popover-animate", w = /* @__PURE__ */ l({
 	__name: "DialogContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -51,13 +51,13 @@ var C = /* @__PURE__ */ l({
 		"openAutoFocus",
 		"closeAutoFocus"
 	],
-	setup(l, { emit: u }) {
-		let f = l, b = u, C = S(i(() => {
-			let { class: e, variant: t, scrimAnimation: n, spring: r, showClose: i, ...a } = f;
+	setup(l, { emit: v }) {
+		let x = l, w = v, T = b(i(() => {
+			let { class: e, variant: t, scrimAnimation: n, spring: r, showClose: i, ...a } = x;
 			return a;
-		}), b), E = i(() => f.variant === "opaque" ? "bg-background border sm:rounded-dialog" : "glass-floating rounded-dialog"), D = f.spring ? x() : null, O = f.spring && D ? n({
+		}), w), E = i(() => x.variant === "opaque" ? "bg-background border sm:rounded-dialog" : "glass-floating rounded-dialog"), D = x.spring ? y() : null, O = x.spring && D ? n({
 			open: D.open,
-			preset: typeof f.spring == "string" ? f.spring : "smooth"
+			preset: typeof x.spring == "string" ? x.spring : "smooth"
 		}) : null, k = i(() => {
 			if (!O) return;
 			let e = O.position.value;
@@ -68,22 +68,22 @@ var C = /* @__PURE__ */ l({
 				transition: "none"
 			};
 		});
-		return (n, i) => (p(), a(h(y), null, {
-			default: g(() => [c(r, {
+		return (n, i) => (d(), a(p(_), null, {
+			default: m(() => [c(r, {
 				scrim: "glass",
 				animate: "fade",
 				layout: "centered",
-				"scrim-animation": f.scrimAnimation
-			}, null, 8, ["scrim-animation"]), c(h(v), d(h(C), {
-				class: h(e)(w, f.spring ? "" : T, E.value, f.class),
+				"scrim-animation": x.scrimAnimation
+			}, null, 8, ["scrim-animation"]), c(p(g), u(p(T), {
+				class: p(e)(S, x.spring ? "" : C, E.value, x.class),
 				style: k.value,
-				"data-spring": f.spring ? typeof f.spring == "string" ? f.spring : "smooth" : void 0
+				"data-spring": x.spring ? typeof x.spring == "string" ? x.spring : "smooth" : void 0
 			}), {
-				default: g(() => [m(n.$slots, "default"), f.showClose ? (p(), a(h(_), {
+				default: m(() => [f(n.$slots, "default"), x.showClose ? (d(), a(p(h), {
 					key: 0,
 					class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
 				}, {
-					default: g(() => [c(h(t), { class: "w-4 h-4" }), i[0] ||= s("span", { class: "sr-only" }, "Close", -1)]),
+					default: m(() => [c(p(t), { class: "w-4 h-4" }), i[0] ||= s("span", { class: "sr-only" }, "Close", -1)]),
 					_: 1
 				})) : o("", !0)]),
 				_: 3
@@ -97,4 +97,4 @@ var C = /* @__PURE__ */ l({
 	}
 });
 //#endregion
-export { C as n, E as t };
+export { x as n, w as t };

package/dist/{DialogFooter-Er0wA3K6.js → DialogFooter-Gprw8H_A.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-C4pz9nbD.js";
-import { t as n } from "./ModalOverlay-B_CBtqcE.js";
+import { t } from "./x-Dfsegz9Y.js";
+import { t as n } from "./ModalOverlay-B1GkAjNb.js";
 import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, unref as h, withCtx as g } from "vue";
 import { DialogClose as _, DialogContent as v, DialogDescription as y, DialogPortal as b, DialogTitle as x, DialogTrigger as S, useForwardProps as C, useForwardPropsEmits as w } from "reka-ui";
 //#endregion

package/dist/{DiscoGlyph-BaZ8OawK.js → DiscoGlyph-CG0F410s.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./keys-BFoma9vm.js";
+import { r as e } from "./keys-BsYjEFOW.js";
 import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, useId as s, watch as c } from "vue";
 //#region src/components/custom/disco-glyph/DiscoGlyph.vue?vue&type=script&setup=true&lang.ts
 var l = ["viewBox"], u = [

package/dist/{GlyphFace-B_7vOmYn.js → GlyphFace-DRjDkB0s.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./keys-BFoma9vm.js";
+import { n as t } from "./keys-BsYjEFOW.js";
 import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderSlot as u } from "vue";
 //#region src/components/custom/glyph-face/GlyphFace.vue?vue&type=script&setup=true&lang.ts
 var d = ["data-active"], f = /* @__PURE__ */ a({

package/dist/{HoverCardContent-ICfIMZX1.js → HoverCardContent-B6CcQ8He.js}

@@ -14,7 +14,7 @@ var v = /* @__PURE__ */ i({
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
 		let r = _(e, t);
-		return (e, t) => (c(), n(u(m), s(a(u(r))), {
+		return (e, t) => (c(), n(u(m), o({ "data-slot": "hover-card" }, u(r)), {
 			default: d(() => [l(e.$slots, "default")]),
 			_: 3
 		}, 16));

package/dist/{HoverPopover-DTSYkJtw.js → HoverPopover-D56O6Ylp.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-spUj_-E5.js";
+import { i as t } from "./dockContext-BKeIMmNk.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

package/dist/{IconTooltip-DZlCkU-0.js → IconTooltip-D2T5nYOM.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-D-JrSqDu.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-CmZzCuaG.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-CRJ2owjN.js → Input-DVG_J0ne.js}

@@ -42,7 +42,10 @@ var d = /* @__PURE__ */ r({
 			name: f.name,
 			readonly: f.readonly
 		}));
-		return (t, r) => l((o(), n("input", a({ "onUpdate:modelValue": r[0] ||= (e) => i(p) ? p.value = e : null }, {
+		return (t, r) => l((o(), n("input", a({
+			"onUpdate:modelValue": r[0] ||= (e) => i(p) ? p.value = e : null,
+			"data-slot": "input"
+		}, {
 			...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)]]);

package/dist/{Label-CZk-3nTc.js → Label-zRfbQdCn.js}

@@ -26,7 +26,7 @@ var f = {
 			let { class: e, required: t, ...n } = p;
 			return n;
 		});
-		return (t, h) => (s(), n(l(d), o(m.value, { class: l(e)("text-small font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", p.class) }), {
+		return (t, h) => (s(), n(l(d), o({ "data-slot": "label" }, m.value, { class: l(e)("text-small font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", p.class) }), {
 			default: u(() => [c(t.$slots, "default"), a.required ? (s(), i("span", f, " *")) : r("", !0)]),
 			_: 3
 		}, 16, ["class"]));

package/dist/{MetricBadge-BlrdbOGN.js → MetricBadge-lTc002u2.js}

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

package/dist/{Notification-DP_ApJLo.js → Notification-BxK8LZMw.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
-import { t } from "./x-C4pz9nbD.js";
-import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
+import { t } from "./x-Dfsegz9Y.js";
+import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
 import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 var _ = e("circle-alert", [
 	["circle", {
@@ -76,6 +76,7 @@ var _ = e("circle-alert", [
 			info: b
 		};
 		return (_, v) => (d(), a(i, {
+			"data-slot": "notification",
 			name: "notification",
 			tag: "div",
 			class: "fixed bottom-4 right-4 z-toast flex flex-col gap-2"
@@ -94,6 +95,6 @@ var _ = e("circle-alert", [
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-d7b5ebdf"]]);
+}), [["__scopeId", "data-v-78cef286"]]);
 //#endregion
 export { C as t };

package/dist/{NumberFieldContent-Bhhmk95p.js → NumberFieldContent-CLNVR1iY.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DuDoe_ra.js";
-import { n } from "./button-BcMzVrqs.js";
+import { t } from "./createLucideIcon-B6uNAU9G.js";
+import { n } from "./button-CAywcrhO.js";
 import { computed as r, createBlock as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
 import { NumberFieldDecrement as m, NumberFieldIncrement as h, NumberFieldInput as g, NumberFieldRoot as _, useForwardProps as v, useForwardPropsEmits as y } from "reka-ui";
 var b = t("minus", [["path", {
@@ -47,7 +47,7 @@ var b = t("minus", [["path", {
 			let { class: e, ...t } = a;
 			return t;
 		}), o);
-		return (t, n) => (u(), i(f(_), c(f(s), { class: f(e)("grid gap-1.5", a.class) }), {
+		return (t, n) => (u(), i(f(_), c({ "data-slot": "number-field" }, f(s), { class: f(e)("grid gap-1.5", a.class) }), {
 			default: p(() => [d(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
@@ -62,7 +62,7 @@ var b = t("minus", [["path", {
 			...t.$attrs
 		}, {
 			"data-slot": "input",
-			class: f(e)("focus-ring flex h-10 w-full rounded-input border border-input bg-background py-2 text-sm text-center placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled")
+			class: f(e)("input-pill h-10 rounded-field px-9 py-2 text-sm text-center")
 		}), null, 16, ["class"]));
 	}
 }), w = /* @__PURE__ */ s({
@@ -142,4 +142,4 @@ var b = t("minus", [["path", {
 	}
 });
 //#endregion
-export { S as a, C as i, T as n, w as r, E as t };
+export { S as a, C as i, T as n, b as o, w as r, E as t };

package/dist/{PopoverContent-B8WtJECb.js → PopoverContent-BId6ggf_.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-spUj_-E5.js";
+import { i as t } from "./dockContext-BKeIMmNk.js";
 import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
 import { PopoverContent as p, PopoverPortal as m, PopoverRoot as h, PopoverTrigger as g, useForwardPropsEmits as _ } from "reka-ui";
 //#endregion
@@ -14,7 +14,7 @@ var v = /* @__PURE__ */ a({
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
 		let n = _(e, t);
-		return (e, t) => (l(), r(d(h), c(o(d(n))), {
+		return (e, t) => (l(), r(d(h), s({ "data-slot": "popover" }, d(n)), {
 			default: f(() => [u(e.$slots, "default")]),
 			_: 3
 		}, 16));

package/dist/{Progress-DjM86vfb.js → Progress-iEuD9pxG.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, toRef as h, unref as g, watchEffect as _, withCtx as v } from "vue";
 import { ProgressIndicator as y, ProgressRoot as b } from "reka-ui";
 //#endregion
@@ -26,9 +26,9 @@ var x = /* @__PURE__ */ l({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, r) => (p(), i(g(b), u(a.value, { class: g(e)("relative h-4 w-full overflow-hidden rounded-pill bg-secondary", n.class) }), {
+		return (t, r) => (p(), i(g(b), u({ "data-slot": "progress" }, a.value, { class: g(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))]", n.class) }), {
 			default: v(() => [c(g(y), {
-				class: "h-full w-full flex-1 rounded-pill bg-primary transition-transform",
+				class: "h-full w-full flex-1 rounded-pill [background:var(--progress-fill,var(--primary))] transition-transform",
 				style: f({ transform: `translateX(-${100 - (n.modelValue ?? 0)}%)` })
 			}, null, 8, ["style"])]),
 			_: 1
@@ -67,7 +67,7 @@ var x = /* @__PURE__ */ l({
 			let t = (e - 85) / 15 * 100;
 			return { "--progress-crescendo": `${Math.min(100, Math.max(0, t))}%` };
 		});
-		return (r, l) => (p(), i(g(b), u(a.value, {
+		return (r, l) => (p(), i(g(b), u({ "data-slot": "progress" }, a.value, {
 			class: g(e)("relative h-4 w-full overflow-hidden rounded-pill bg-[var(--progress-track,var(--secondary))] progress-gradient-rail", n.class),
 			"data-lifecycle": o.value,
 			"data-indeterminate": t.indeterminate || void 0
@@ -86,7 +86,7 @@ var x = /* @__PURE__ */ l({
 			"data-indeterminate"
 		]));
 	}
-}), [["__scopeId", "data-v-f67eced2"]]);
+}), [["__scopeId", "data-v-f29a8e97"]]);
 //#endregion
 //#region src/components/ui/progress/useProgressGeometry.ts
 function C(e) {
@@ -154,7 +154,7 @@ var w = ["data-state", "data-index"], T = {
 			currentSegmentKey: h(l, "currentSegmentKey"),
 			activeProgress: h(l, "activeProgress")
 		});
-		return (t, r) => (p(), i(g(b), u(d.value, {
+		return (t, r) => (p(), i(g(b), u({ "data-slot": "progress" }, d.value, {
 			"model-value": g(x),
 			class: g(e)("relative h-[var(--progress-sectioned-height,0.875rem)] w-full overflow-hidden rounded-pill progress-sectioned-rail", l.class)
 		}), {
@@ -189,7 +189,7 @@ var w = ["data-state", "data-index"], T = {
 			_: 1
 		}, 16, ["model-value", "class"]));
 	}
-}), [["__scopeId", "data-v-52179597"]]), D = /* @__PURE__ */ l({
+}), [["__scopeId", "data-v-5847d4c6"]]), D = /* @__PURE__ */ l({
 	__name: "Progress",
 	props: {
 		modelValue: { default: 0 },