@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/menuItemVariants-D6AOzzND.js

@@ -1,36 +0,0 @@
-import { cva as e } from "class-variance-authority";
-//#region src/components/_shared/menuItemVariants.ts
-var t = e([
-	"interactive-item",
-	"relative flex w-full cursor-default select-none items-center",
-	"text-dropdown outline-none",
-	"data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled"
-].join(" "), {
-	variants: {
-		surface: {
-			glass: "glass-menu-row",
-			accent: [
-				"hover:bg-accent hover:text-accent-foreground",
-				"focus:bg-accent focus:text-accent-foreground",
-				"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
-				"data-[state=open]:bg-accent"
-			].join(" ")
-		},
-		indicator: {
-			none: "px-2",
-			start: "pl-7 pr-2",
-			"start-wide": "pl-8 pr-2"
-		},
-		size: {
-			md: "py-1.5",
-			lg: "py-2.5"
-		}
-	},
-	defaultVariants: {
-		surface: "glass",
-		indicator: "none",
-		size: "md"
-	}
-});
-//#endregion
-export { t };

package/dist/metric-badge.d.ts

@@ -1 +0,0 @@
-export * from "./components/metric-badge";

package/dist/metric-badge.js

@@ -1,79 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n } from "./coalesce-metric-znAcLzkB.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/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
-var m = ["data-size"], h = {
-	key: 1,
-	class: "metric-badge__row"
-}, g = /* @__PURE__ */ t(/* @__PURE__ */ c({
-	__name: "MetricBadge",
-	props: {
-		value: {},
-		unit: {},
-		label: {},
-		abbreviation: {},
-		labelPosition: {},
-		color: {},
-		placeholder: {},
-		size: { default: "md" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let c = t, g = i(() => n(c.value, c.placeholder)), _ = i(() => {
-			switch (c.size) {
-				case "sm": return "text-mono-micro";
-				case "md": return "text-mono-caption";
-				case "lg": return "text-mono-small";
-				case "xl": return "text-mono-prose";
-				default: return "text-mono-caption";
-			}
-		}), v = i(() => {
-			switch (c.size) {
-				case "sm": return "text-micro";
-				case "md": return "text-caption";
-				case "lg": return "text-small";
-				case "xl": return "text-prose";
-				default: return "text-caption";
-			}
-		}), y = i(() => {
-			switch (c.size) {
-				case "sm": return "text-mono-micro";
-				case "md": return "text-mono-micro";
-				case "lg": return "text-mono-caption";
-				case "xl": return "text-mono-small";
-				default: return "text-mono-micro";
-			}
-		}), b = i(() => !!(c.labelPosition && (c.abbreviation || c.label)));
-		return (n, i) => (d(), o("div", {
-			class: l(p(e)("metric-badge", "focus-visible:outline-2 focus-visible:outline-(color:--focus-ring-color) focus-visible:outline-offset-2", t.labelPosition && `metric-badge--label-${t.labelPosition}`, n.$props.class)),
-			"data-size": t.size
-		}, [b.value ? (d(), o(r, { key: 0 }, [t.label ? (d(), o("span", {
-			key: 0,
-			class: l(["metric-badge__label metric-badge__label--full font-mono uppercase text-muted-foreground/80 shrink-0", y.value])
-		}, f(t.label), 3)) : a("", !0), t.abbreviation ? (d(), o("span", {
-			key: 1,
-			class: l(["metric-badge__label metric-badge__label--abbr font-mono uppercase text-muted-foreground/80 shrink-0", y.value])
-		}, f(t.abbreviation), 3)) : a("", !0)], 64)) : a("", !0), t.labelPosition === "stacked" ? (d(), o("span", h, [s("span", {
-			class: l(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [_.value, { "text-muted-foreground/40": g.value.isEmpty }]]),
-			style: u(g.value.isEmpty ? void 0 : { color: t.color })
-		}, f(g.value.display), 7), t.unit ? (d(), o("span", {
-			key: 0,
-			class: l(["metric-badge__unit font-mono text-muted-foreground shrink-0", v.value])
-		}, f(t.unit), 3)) : a("", !0)])) : (d(), o(r, { key: 2 }, [s("span", {
-			class: l(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [_.value, { "text-muted-foreground/40": g.value.isEmpty }]]),
-			style: u(g.value.isEmpty ? void 0 : { color: t.color })
-		}, f(g.value.display), 7), t.unit ? (d(), o("span", {
-			key: 0,
-			class: l(["metric-badge__unit font-mono text-muted-foreground shrink-0", v.value])
-		}, f(t.unit), 3)) : a("", !0)], 64))], 10, m));
-	}
-}), [["__scopeId", "data-v-03a6bf27"]]);
-//#endregion
-export { g as MetricBadge };

package/dist/metric-cell.d.ts

@@ -1 +0,0 @@
-export * from "./components/metric-cell";

package/dist/metric-cell.js

@@ -1,61 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./icon-chip-BWuxz1-u.js";
-import { n } from "./coalesce-metric-znAcLzkB.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m } from "vue";
-//#region src/components/metric-cell/MetricCell.vue?vue&type=script&setup=true&lang.ts
-var h = ["data-appearance"], g = { class: "metric-cell__label text-micro text-muted-foreground flex items-center gap-1.5" }, _ = {
-	key: 0,
-	class: "metric-cell__unit"
-}, v = /* @__PURE__ */ l({
-	__name: "MetricCell",
-	props: {
-		icon: {},
-		iconStrokeWidth: { default: 2 },
-		iconSize: { default: 14 },
-		iconColor: {},
-		label: {},
-		value: {},
-		unit: {},
-		placeholder: {},
-		appearance: { default: "dashboard" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(l) {
-		let v = l, y = r(() => {
-			switch (v.appearance) {
-				case "compact": return "glass-wash rounded-lg p-2";
-				case "bare": return "";
-				default: return "glass-wash rounded-lg p-3";
-			}
-		}), b = r(() => {
-			switch (v.appearance) {
-				case "compact": return "text-mono-small font-semibold tabular-nums";
-				default: return "text-mono-prose font-semibold tabular-nums";
-			}
-		}), x = r(() => n(v.value, v.placeholder).display);
-		return (n, r) => (d(), o("div", {
-			class: u(m(e)("metric-cell", y.value, n.$props.class)),
-			"data-appearance": l.appearance
-		}, [s("div", g, [f(n.$slots, "icon", {}, () => [l.icon ? (d(), i(m(t), {
-			key: 0,
-			bare: "",
-			icon: l.icon,
-			tone: l.iconColor,
-			"glyph-size": l.iconSize,
-			"stroke-width": l.iconStrokeWidth
-		}, null, 8, [
-			"icon",
-			"tone",
-			"glyph-size",
-			"stroke-width"
-		])) : a("", !0)]), f(n.$slots, "label", {}, () => [s("span", null, p(l.label), 1)])]), s("div", { class: u(["metric-cell__value", b.value]) }, [f(n.$slots, "value", {}, () => [c(p(x.value), 1)]), l.unit ? (d(), o("span", _, p(l.unit), 1)) : a("", !0)], 2)], 10, h));
-	}
-});
-//#endregion
-export { v as MetricCell };

package/dist/metric-stack.d.ts

@@ -1 +0,0 @@
-export * from "./components/metric-stack";

package/dist/metric-stack.js

@@ -1,113 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n } from "./coalesce-metric-znAcLzkB.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
-//#endregion
-//#region src/components/metric-stack/MetricStack.vue
-var v = /* @__PURE__ */ t(/* @__PURE__ */ l({
-	__name: "MetricStack",
-	props: {
-		containerName: { default: "metric-stack" },
-		variant: {},
-		register: { default: "audacious" },
-		rows: { default: 4 },
-		as: { default: "div" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, a = r(() => e("metric-stack", "results-stack", n.class));
-		return (e, n) => (f(), i(m(t.as), {
-			class: u(a.value),
-			"data-variant": t.variant,
-			"data-register": t.register,
-			style: d({
-				"--metric-stack-rows": String(t.rows),
-				containerName: t.containerName
-			})
-		}, {
-			default: _(() => [p(e.$slots, "default", {}, void 0, !0)]),
-			_: 3
-		}, 8, [
-			"class",
-			"data-variant",
-			"data-register",
-			"style"
-		]));
-	}
-}), [["__scopeId", "data-v-57cd82c0"]]), y = [
-	"data-color-tinted",
-	"data-row-active",
-	"data-protagonist"
-], b = { class: "metric-row__label result-label" }, x = { class: "metric-row__value result-value tabular-nums" }, S = { class: "metric-row__value-text relative" }, C = {
-	key: 0,
-	class: "metric-row__unit result-unit font-mono italic text-muted-foreground"
-}, w = /* @__PURE__ */ t(/* @__PURE__ */ l({
-	__name: "MetricRow",
-	props: {
-		icon: {},
-		iconStrokeWidth: { default: 2 },
-		iconSize: { default: 16 },
-		label: {},
-		value: {},
-		unit: {},
-		placeholder: {},
-		phaseColor: {},
-		digitCount: { default: 3 },
-		colorTinted: {
-			type: Boolean,
-			default: !1
-		},
-		active: {
-			type: Boolean,
-			default: !1
-		},
-		protagonist: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let l = t, _ = r(() => n(l.value, l.placeholder).display), v = r(() => ({
-			...l.phaseColor ? { "--phase-color": l.phaseColor } : {},
-			...l.phaseColor ? { "--metric-row-icon-color": l.phaseColor } : {},
-			"--digit-count": String(l.digitCount)
-		}));
-		return (n, r) => (f(), o("div", {
-			class: u(g(e)("metric-row", "result-row", n.$props.class)),
-			"data-color-tinted": t.colorTinted ? "true" : "false",
-			"data-row-active": t.active ? "true" : "false",
-			"data-protagonist": t.protagonist ? "true" : void 0,
-			style: d(v.value)
-		}, [
-			p(n.$slots, "icon", {}, () => [t.icon ? (f(), i(m(t.icon), {
-				key: 0,
-				class: "metric-row__icon result-icon",
-				size: t.iconSize,
-				"stroke-width": t.iconStrokeWidth,
-				"aria-hidden": "true"
-			}, null, 8, ["size", "stroke-width"])) : a("", !0)]),
-			p(n.$slots, "label", {}, () => [s("span", b, h(t.label), 1)]),
-			s("span", x, [
-				p(n.$slots, "aura"),
-				s("span", S, [p(n.$slots, "value", {}, () => [c(h(_.value), 1)])]),
-				p(n.$slots, "unit", {}, () => [t.unit ? (f(), o("span", C, h(t.unit), 1)) : a("", !0)])
-			]),
-			p(n.$slots, "description")
-		], 14, y));
-	}
-}), [["__scopeId", "data-v-e3d13e78"]]);
-//#endregion
-export { w as MetricRow, v as MetricStack };

package/dist/motion-curves.d.ts

@@ -1 +0,0 @@
-export * from "./composables/motion/curves";

package/dist/motion-curves.js

@@ -1,146 +0,0 @@
-import { n as e, t } from "./springPresets-h5VKJQqG.js";
-import { springTimingFunction as n } from "@mkbabb/keyframes.js";
-import { CSSCubicBezier as r, CSSCubicBezier as i, easeInBounce as a, easeInCirc as o, easeInCubic as s, easeInExpo as c, easeInOutCirc as l, easeInOutCubic as u, easeInOutExpo as d, easeInOutQuad as f, easeInOutSine as p, easeInQuad as m, easeInSine as h, easeOutCirc as g, easeOutCubic as _, easeOutExpo as v, easeOutExpo as y, easeOutQuad as b, easeOutSine as x, linear as S } from "@mkbabb/value.js";
-//#region src/composables/motion/curves.ts
-var C = i(.4, 0, .2, 1), w = i(0, 0, .2, 1), T = i(.4, 0, 1, 1), E = y, D = i(.25, .1, .25, 1), O = i(.5, -.2, .4, 1.2);
-function k(t) {
-	let r = e(t);
-	return {
-		token: `--spring-${t}`,
-		kind: "spring",
-		js: n({
-			response: r.response,
-			dampingFraction: r.dampingFraction
-		}),
-		note: r.comment
-	};
-}
-var A = [
-	...t.map((e) => k(e.name)),
-	{
-		token: "--motion-ease-standard",
-		kind: "bezier",
-		js: C,
-		note: "Material standard — surface props (bg/border/color/box-shadow/opacity)"
-	},
-	{
-		token: "--motion-ease-out",
-		kind: "bezier",
-		js: w,
-		note: "decelerate — exits, no overshoot"
-	},
-	{
-		token: "--motion-ease-in",
-		kind: "bezier",
-		js: T,
-		note: "accelerate — leaving entrances"
-	},
-	{
-		token: "--motion-ease-out-expo",
-		kind: "bezier",
-		js: E,
-		note: "house expo — bold decelerating reveal (the underline draw-on register)"
-	},
-	{
-		token: "--motion-ease-apple",
-		kind: "bezier",
-		js: D,
-		note: "Apple ambient — the Pulse aura register (NOT an interactive-transform authority)"
-	},
-	{
-		token: "--ease-cartoon-punch",
-		kind: "bezier",
-		js: O,
-		note: "cartoon punch — anticipation dip → +22% overshoot → settle (the loud one-shot)"
-	}
-];
-function j(e) {
-	let t = A.find((t) => t.token === e);
-	if (!t) throw Error(`MOTION_CURVES alias targets a missing canonical row: ${e}`);
-	return t.js;
-}
-var M = [
-	{
-		token: "--ease-standard",
-		canonical: "--motion-ease-standard",
-		note: "alias → --motion-ease-standard"
-	},
-	{
-		token: "--ease-out",
-		canonical: "--motion-ease-out",
-		note: "alias → --motion-ease-out"
-	},
-	{
-		token: "--ease-in",
-		canonical: "--motion-ease-in",
-		note: "alias → --motion-ease-in"
-	},
-	{
-		token: "--ease-out-expo",
-		canonical: "--motion-ease-out-expo",
-		note: "alias → --motion-ease-out-expo"
-	},
-	{
-		token: "--ease-apple",
-		canonical: "--motion-ease-apple",
-		note: "alias → --motion-ease-apple"
-	},
-	{
-		token: "--ease-spring",
-		canonical: "--spring-snappy",
-		note: "alias → --spring-snappy (the default spring register)"
-	},
-	{
-		token: "--ease-decelerate",
-		canonical: "--motion-ease-out",
-		note: "alias → --motion-ease-out"
-	},
-	{
-		token: "--ease-accelerate",
-		canonical: "--motion-ease-in",
-		note: "alias → --motion-ease-in"
-	},
-	{
-		token: "--ease-spring-smooth",
-		canonical: "--spring-smooth",
-		note: "@theme alias → --spring-smooth"
-	},
-	{
-		token: "--ease-spring-snappy",
-		canonical: "--spring-snappy",
-		note: "@theme alias → --spring-snappy"
-	},
-	{
-		token: "--ease-spring-bouncy",
-		canonical: "--spring-bouncy",
-		note: "@theme alias → --spring-bouncy"
-	},
-	{
-		token: "--ease-spring-gentle",
-		canonical: "--spring-gentle",
-		note: "@theme alias → --spring-gentle"
-	},
-	{
-		token: "--ease-spring-press",
-		canonical: "--spring-press",
-		note: "@theme alias → --spring-press (the iOS interactive press register)"
-	},
-	{
-		token: "--ease-convergence",
-		canonical: "--spring-gentle",
-		note: "alias → --spring-gentle (the partial-sum settle — critically-damped, no overshoot; REUSE, measured-not-distinct)"
-	}
-].map(({ token: e, canonical: t, note: n }) => ({
-	token: e,
-	kind: A.find((e) => e.token === t).kind,
-	js: j(t),
-	canonical: t,
-	note: n
-})), N = Object.freeze(Object.fromEntries([...A, ...M].map((e) => [e.token, e]))), P = A;
-function F(e) {
-	let t = N[e];
-	if (!t) throw Error(`Unknown motion curve token: ${e}`);
-	return t;
-}
-//#endregion
-export { r as CSSCubicBezier, N as MOTION_CURVES, P as MOTION_CURVES_CANONICAL, t as SPRING_PRESETS, a as easeInBounce, o as easeInCirc, s as easeInCubic, c as easeInExpo, l as easeInOutCirc, u as easeInOutCubic, d as easeInOutExpo, f as easeInOutQuad, p as easeInOutSine, m as easeInQuad, h as easeInSine, g as easeOutCirc, _ as easeOutCubic, v as easeOutExpo, b as easeOutQuad, x as easeOutSine, S as linear, F as motionCurve, e as springPreset };

package/dist/notification-DVs7ODMg.js

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

package/dist/notification.d.ts

@@ -1 +0,0 @@
-export * from "./components/notification";

package/dist/notification.js

@@ -1,2 +0,0 @@
-import { t as e } from "./notification-DVs7ODMg.js";
-export { e as Notification };

package/dist/number-field-PvkGedHk.js

@@ -1,140 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./button-32mg6xA8.js";
-import { t as n } from "./useControlSize-CFfOk8I-.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";
-import { Minus as b, Plus as x } from "@lucide/vue";
-//#endregion
-//#region src/components/number-field/NumberField.vue
-var S = /* @__PURE__ */ s({
-	__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 a = t, o = n, s = y(r(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}), o);
-		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"]));
-	}
-}), C = /* @__PURE__ */ s({
-	inheritAttrs: !1,
-	__name: "NumberFieldInput",
-	props: { size: {} },
-	setup(t) {
-		let r = t, a = { inputmode: "decimal" };
-		return (t, o) => (u(), i(f(g), c({
-			...a,
-			...t.$attrs
-		}, {
-			"data-slot": "input",
-			class: f(e)("input-pill glass-control-edge rounded-field px-9 py-2 text-center", f(n)(r.size))
-		}), null, 16, ["class"]));
-	}
-}), w = /* @__PURE__ */ s({
-	__name: "NumberFieldIncrement",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let a = n, s = v(r(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}));
-		return (n, r) => (u(), i(f(h), c({ "data-slot": "increment" }, f(s), { "as-child": "" }), {
-			default: p(() => [o(f(t), {
-				variant: "ghost",
-				iconOnly: "",
-				class: l(f(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", a.class))
-			}, {
-				default: p(() => [d(n.$slots, "default", {}, () => [o(f(x), { class: "size-icon-sm" })])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 16));
-	}
-}), T = /* @__PURE__ */ s({
-	__name: "NumberFieldDecrement",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let a = n, s = v(r(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}));
-		return (n, r) => (u(), i(f(m), c({ "data-slot": "decrement" }, f(s), { "as-child": "" }), {
-			default: p(() => [o(f(t), {
-				variant: "ghost",
-				iconOnly: "",
-				class: l(f(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", a.class))
-			}, {
-				default: p(() => [d(n.$slots, "default", {}, () => [o(f(b), { class: "size-icon-sm" })])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 16));
-	}
-}), E = /* @__PURE__ */ s({
-	__name: "NumberFieldContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (u(), a("div", { class: l(f(e)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", n.class)) }, [d(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { S as a, C as i, T as n, w as r, E as t };

package/dist/paper-backdrop.d.ts

@@ -1 +0,0 @@
-export * from "./components/paper-backdrop";

package/dist/paper-backdrop.js

@@ -1,31 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, unref as s } from "vue";
-//#endregion
-//#region src/components/paper-backdrop/PaperBackdrop.vue
-var c = /* @__PURE__ */ r({
-	__name: "PaperBackdrop",
-	props: {
-		opacity: {},
-		frequency: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let c = r, l = t(() => {
-			let e = {};
-			return c.opacity !== void 0 && (e.opacity = String(c.opacity)), c.frequency === "aged" && (e.backgroundImage = "var(--paper-aged-texture)"), e;
-		});
-		return (t, r) => (o(), n("div", {
-			class: i(s(e)("paper-underpaint", c.class)),
-			style: a(l.value),
-			"aria-hidden": "true"
-		}, null, 6));
-	}
-});
-//#endregion
-export { c as PaperBackdrop };