@mkbabb/glass-ui 4.0.0 → 4.0.1

package/src/styles/utilities/metal.css

@@ -0,0 +1,189 @@
+/* ═══════════════════════════════════════════════════════════════════════════
+   BB.W-METAL-SHIMMER — the brand-metal utility family
+   ═══════════════════════════════════════════════════════════════════════════
+   ONE single-home partial for the gold·silver·bronze metal register (so a new
+   metal pop is ONE class, not a re-paste — the W-SUFFUSE icon-chip consolidation
+   discipline). Three registers, ALL metal-PARAMETERIZED off the SAME shared recipe
+   reading the `--metal-shimmer-color` channel + its four resolved stop slots:
+
+     • `.metal-{gold,silver,bronze}` — the text-clip metal gradient (the
+       `.gold-shimmer` recipe GENERALIZED): a `linear-gradient(90deg, dark, light,
+       base, light, dark)` band off the bound metal quad, `background-clip: text`.
+     • `.metal-{gold,silver,bronze}-border` — the swept metallic RIM (the §N6
+       selected-item-border consumer): the SAME `--metal-shimmer-color`-bound
+       gradient on a `border-image`-sliced rim, swept by the SAME keyframe.
+     • `.metal-rainbow-rim` — the prismatic gilt-figure / record-badge rim: it
+       COMPOSES W-GLASS-ACCENT's `--glass-accent` rim seam (it does NOT re-author
+       the rim) by binding the accent channel to a swept rainbow hue.
+
+   The PARAMETERIZATION: `--metal-shimmer-color` is the metal-NAME marker each
+   `.metal-{name}` SETS (`gold`/`silver`/`bronze`); the shared recipe resolves the
+   gradient off the four `--metal-stop-*` slots each class binds to its quad. The
+   `metal-shimmer-sweep` keyframe (animations.css) is PURE position — ZERO baked
+   metal color — so the SAME keyframe sweeps any of the three metals depending only
+   on which slots the class bound. A silver/bronze sweep is a NEW CLASS that binds
+   the slots, NEVER a forked keyframe (the N-copy this wave exists to kill).
+
+   THE PRM-STATIC BRACKET (the §6 calm register, the `.gold-shimmer` model byte-
+   faithfully): every utility paints the FULL static metal gradient at REST (the
+   load-bearing visual — the metal sheen itself); ONLY the `animation:` line sits
+   inside `@media (prefers-reduced-motion: no-preference)`. A PRM user sees the
+   full static metal gradient WITHOUT the slide — the metal still READS as metal,
+   the motion is the only thing gated. The sweep is a slow `--duration-metal` (6s)
+   one-pass — the disco family is GONE and STAYS gone (no sparkle/grain/ripple). */
+
+@layer components {
+    /* ── The shared metal recipe (the metal-agnostic engine) ─────────────────
+       The four stop slots default to GOLD (the neutral metal — so a bare
+       `--metal-shimmer-color`-bearing surface paints gold, matching the
+       `.gold-shimmer` precedent); each `.metal-{name}` re-binds them to its quad.
+       The `--metal-shimmer-color` marker carries the metal NAME for the gate's
+       parameterization assert + for any consumer query. */
+    .metal-gold,
+    .metal-silver,
+    .metal-bronze {
+        --metal-stop-dark: var(--color-gold-dark);
+        --metal-stop-light: var(--color-gold-light);
+        --metal-stop-base: var(--color-gold);
+        background: linear-gradient(
+            90deg,
+            var(--metal-stop-dark),
+            var(--metal-stop-light),
+            var(--metal-stop-base),
+            var(--metal-stop-light),
+            var(--metal-stop-dark)
+        );
+        background-size: 250% 100%;
+        background-clip: text;
+        -webkit-background-clip: text;
+        color: transparent;
+    }
+
+    /* Per-metal: set the channel marker + re-bind the stop slots to the quad. */
+    .metal-gold {
+        --metal-shimmer-color: gold;
+        --metal-stop-dark: var(--color-gold-dark);
+        --metal-stop-light: var(--color-gold-light);
+        --metal-stop-base: var(--color-gold);
+    }
+    .metal-silver {
+        --metal-shimmer-color: silver;
+        --metal-stop-dark: var(--color-silver-dark);
+        --metal-stop-light: var(--color-silver-light);
+        --metal-stop-base: var(--color-silver);
+    }
+    .metal-bronze {
+        --metal-shimmer-color: bronze;
+        --metal-stop-dark: var(--color-bronze-dark);
+        --metal-stop-light: var(--color-bronze-light);
+        --metal-stop-base: var(--color-bronze);
+    }
+
+    /* ── The swept metallic RIM (the §N6 selected-item-border consumer) ───────
+       The SAME `--metal-shimmer-color`-bound gradient applied to a `border-image`
+       slice — a swept metallic RIM, not a text fill. `border-image` reads the same
+       `background`-position-swept gradient (the metal-shimmer-sweep keyframe drives
+       the `background-position`; the `border-image-source` references the SAME
+       gradient via the stop slots), so ONE keyframe drives both registers. The rim
+       sits over the surface's own background (no `background-clip: text`). */
+    .metal-gold-border,
+    .metal-silver-border,
+    .metal-bronze-border {
+        --metal-stop-dark: var(--color-gold-dark);
+        --metal-stop-light: var(--color-gold-light);
+        --metal-stop-base: var(--color-gold);
+        border: var(--metal-border-width, 2px) solid transparent;
+        border-image: linear-gradient(
+                90deg,
+                var(--metal-stop-dark),
+                var(--metal-stop-light),
+                var(--metal-stop-base),
+                var(--metal-stop-light),
+                var(--metal-stop-dark)
+            )
+            1;
+        /* The sweep rides a backing gradient `background-position` on the same band
+           (the `border-image` slice tracks the host's background extent); the
+           250% size + the position sweep give the rim its travelling sheen. */
+        background-image: linear-gradient(
+            90deg,
+            var(--metal-stop-dark),
+            var(--metal-stop-light),
+            var(--metal-stop-base),
+            var(--metal-stop-light),
+            var(--metal-stop-dark)
+        );
+        background-size: 250% 100%;
+        background-clip: border-box;
+    }
+    .metal-gold-border {
+        --metal-shimmer-color: gold;
+        --metal-stop-dark: var(--color-gold-dark);
+        --metal-stop-light: var(--color-gold-light);
+        --metal-stop-base: var(--color-gold);
+    }
+    .metal-silver-border {
+        --metal-shimmer-color: silver;
+        --metal-stop-dark: var(--color-silver-dark);
+        --metal-stop-light: var(--color-silver-light);
+        --metal-stop-base: var(--color-silver);
+    }
+    .metal-bronze-border {
+        --metal-shimmer-color: bronze;
+        --metal-stop-dark: var(--color-bronze-dark);
+        --metal-stop-light: var(--color-bronze-light);
+        --metal-stop-base: var(--color-bronze);
+    }
+
+    /* ── The prismatic rainbow rim (the gilt-figure / record-badge sheen) ─────
+       COMPOSES W-GLASS-ACCENT's `--glass-accent` rim seam (it binds the accent
+       channel, it does NOT re-author the rim `color-mix`/`::before`). The host is
+       a glass surface (carrying the `--glass-material-rim` ring + the
+       `--glass-border-accent` border W-GLASS-ACCENT minted); this utility drives
+       the accent through the spectrum so the rim sheen SHIFTS through the rainbow.
+       `--glass-accent` is a typed `<color>` `@property` (NOT animatable as a
+       conic per-frame), so the prismatic shift is the swept metal-gradient overlay
+       PLUS the accent engaged at a metal-warm hue — the rim reads as a shifting
+       metallic sheen over the W-GLASS-ACCENT rim. The accent STRENGTH lifts to a
+       rim whisper (the demo specimen engages ~45%, the accent's documented ceiling
+       for the rim/glint). The sweep is the SAME `metal-shimmer-sweep` over the
+       rainbow band on the host's own background. */
+    .metal-rainbow-rim {
+        /* Engage W-GLASS-ACCENT's rim seam at a warm-metal hue + the rim whisper
+           strength (the accent channel — NOT a second rim recipe). */
+        --glass-accent: var(--color-gold);
+        --glass-accent-strength: 45%;
+        --metal-shimmer-color: rainbow;
+        /* The swept prismatic band rides the host's own background-image (the rim
+           ring + border come from the W-GLASS-ACCENT seam the host already carries). */
+        background-image: linear-gradient(
+            90deg,
+            var(--rainbow-red),
+            var(--rainbow-orange),
+            var(--rainbow-yellow),
+            var(--rainbow-green),
+            var(--rainbow-blue),
+            var(--rainbow-indigo),
+            var(--rainbow-violet),
+            var(--rainbow-red)
+        );
+        background-size: 250% 100%;
+        background-clip: border-box;
+    }
+
+    /* ── The PRM-static bracket: the ONLY motion declaration ──────────────────
+       Every metal utility paints the static gradient above (un-bracketed — the
+       metal READS for PRM users); the `animation:` is the sole thing gated. The
+       slow `--duration-metal` (6s) clock — the calm dignified pass. */
+    @media (prefers-reduced-motion: no-preference) {
+        .metal-gold,
+        .metal-silver,
+        .metal-bronze,
+        .metal-gold-border,
+        .metal-silver-border,
+        .metal-bronze-border,
+        .metal-rainbow-rim {
+            animation: metal-shimmer-sweep var(--duration-metal) linear infinite;
+        }
+    }
+}

package/src/styles/utilities.css

@@ -3,17 +3,24 @@
  * ── Thin @import ROOT (cohesion-aware carve) ───────────────────────────────
  * The utility body is carved into cohesive `utilities/*.css` partials (each
  * under the 500-line no-god-module bound), @import-ed below in CASCADE ORDER.
- * The leading @utility animation pair, the @layer components block (split at
- * the metric-badge seam into two adjacent same-layer blocks — isomorphic), the
- * @utility button cluster, and the a11y @media overrides keep their source
- * order so the cascade is unchanged. See docs/precepts/design-idioms.md
- * §cohesion-aware partials.
+ * The leading @utility animation pair, the @layer components base block (split
+ * at the metric-badge seam into base/components AND, at BB.W-CARVE3, at the
+ * post-tap-squish seam into base/base-misc — all adjacent same-layer blocks,
+ * isomorphic), the @utility button cluster, and the a11y @media overrides keep
+ * their source order so the cascade is unchanged. See
+ * docs/precepts/design-idioms.md §cohesion-aware partials.
  */
 
-/* CSS @import rules must precede every other rule. The five partials @import in
-   cascade order: */
+/* CSS @import rules must precede every other rule. The partials @import in
+   cascade order (base.css's post-tap-squish tail was carved into base-misc.css at
+   BB.W-CARVE3 — an adjacent same-`@layer components` block at the next slot, so
+   the cascade is unchanged). BB.W-METAL-SHIMMER homes `metal.css` right after
+   `base-misc.css` (its `.gold-shimmer` sibling — both `@layer components` metal
+   registers; the metal family is cohesive with the re-pointed gold-shimmer): */
 @import "./utilities/animate.css";
 @import "./utilities/base.css";
+@import "./utilities/base-misc.css";
+@import "./utilities/metal.css";
 @import "./utilities/components.css";
 @import "./utilities/btn.css";
 @import "./utilities/a11y-overrides.css";

package/dist/CardAction-XH4YBVEK.js

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

package/dist/Notification-DKjKsQq8.js

@@ -1,100 +0,0 @@
-import { t as e } from "./createLucideIcon-DydS2qgk.js";
-import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./_plugin-vue_export-helper-CBt_VvXa.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", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12",
-		y1: "8",
-		y2: "12",
-		key: "1pkeuh"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12.01",
-		y1: "16",
-		y2: "16",
-		key: "4dfq90"
-	}]
-]), v = e("circle-check-big", [["path", {
-	d: "M21.801 10A10 10 0 1 1 17 3.335",
-	key: "yps3ct"
-}], ["path", {
-	d: "m9 11 3 3L22 4",
-	key: "1pflzl"
-}]]), y = e("circle-x", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "m15 9-6 6",
-		key: "1uzhvr"
-	}],
-	["path", {
-		d: "m9 9 6 6",
-		key: "z0biqf"
-	}]
-]), b = e("info", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "M12 16v-4",
-		key: "1dtifu"
-	}],
-	["path", {
-		d: "M12 8h.01",
-		key: "e9boi3"
-	}]
-]), x = { class: "flex-1 text-sm font-medium" }, S = ["onClick"], C = /* @__PURE__ */ n(/* @__PURE__ */ l({
-	__name: "Notification",
-	props: { notifications: {} },
-	emits: ["remove"],
-	setup(e) {
-		let n = {
-			success: "feedback-tone-success",
-			error: "feedback-tone-destructive",
-			warning: "feedback-tone-warning",
-			info: "feedback-tone-info"
-		}, l = {
-			success: v,
-			error: y,
-			warning: _,
-			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"
-		}, {
-			default: g(() => [(d(!0), o(r, null, f(e.notifications, (e) => (d(), o("div", {
-				key: e.id,
-				class: u(["glass-floating feedback-tone flex items-center gap-3 rounded-panel px-4 py-3 text-foreground", [n[e.type], "min-w-[300px] max-w-[500px]"]])
-			}, [
-				(d(), a(p(l[e.type]), { class: "feedback-tone-glyph h-5 w-5 flex-shrink-0" })),
-				s("p", x, m(e.message), 1),
-				s("button", {
-					onClick: (t) => _.$emit("remove", e.id),
-					class: "rounded-button p-1 transition-colors hover:bg-white/10"
-				}, [c(h(t), { class: "h-4 w-4" })], 8, S)
-			], 2))), 128))]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-cec8742e"]]);
-//#endregion
-export { C as t };

package/dist/NumberFieldContent-1VtwDSgf.js

@@ -1,145 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DydS2qgk.js";
-import { n } from "./button-BNDWhAZb.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", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}]]), x = t("plus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}], ["path", {
-	d: "M12 5v14",
-	key: "s699le"
-}]]), 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",
-	setup(t) {
-		let n = { inputmode: "decimal" };
-		return (t, r) => (u(), i(f(g), c({
-			...n,
-			...t.$attrs
-		}, {
-			"data-slot": "input",
-			class: f(e)("input-pill h-(--control-h-md) rounded-field px-9 py-2 text-sm text-center")
-		}), null, 16, ["class"]));
-	}
-}), w = /* @__PURE__ */ s({
-	__name: "NumberFieldIncrement",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let a = t, s = v(r(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}));
-		return (t, r) => (u(), i(f(h), c({ "data-slot": "increment" }, f(s), { "as-child": "" }), {
-			default: p(() => [o(f(n), {
-				variant: "ghost",
-				size: "icon",
-				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(t.$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(t) {
-		let a = t, s = v(r(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}));
-		return (t, r) => (u(), i(f(m), c({ "data-slot": "decrement" }, f(s), { "as-child": "" }), {
-			default: p(() => [o(f(n), {
-				variant: "ghost",
-				size: "icon",
-				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(t.$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, b as o, w as r, E as t };