@mkbabb/glass-ui 4.0.1 → 4.2.0

package/src/styles/utilities/btn.css

@@ -49,12 +49,23 @@
    Shared compound transition for interactive controls that animate their
    surface (background-color/color/box-shadow/border-color) on the four-state
    contract. Replaces the per-site
-   `transition-[background-color,color,box-shadow,border-color] duration-[var(--duration-fast)] ease-[var(--ease-standard)]`
+   `transition-[background-color,color,box-shadow,border-color] duration-[var(--duration-control)] ease-[var(--ease-standard)]`
    arbitrary wraps at ≥2 sites (TabsTrigger, SelectTrigger, Toggle `card`
-   variant). Binds the canonical --duration-fast + --ease-standard tokens. */
+   variant).
+
+   BC.W-CONTROL-SMOOTH — the surface legs read the QUICK control clock
+   `--duration-control` (0.12s, the named iOS control-press surface beat,
+   scheme-motion.css), NOT the 0.2s calm `--duration-fast`. A control the user
+   actively pokes wants the ~100-120ms quick beat that tracks the cursor; the
+   prior 0.2s dragged the colour/border/shadow VISIBLY behind the press (the §F
+   "super laggy" read). The bezier `--ease-standard` STAYS (a colour cross-fade
+   on a spring wobbles — §6 binding); the property list stays SURFACE-ONLY (no
+   `transform` leg — the press-squish is `.tap-squish`/`useSpringPress`'s spring
+   job, the canonical split). One token re-times the whole 12-consumer control
+   family. */
 @utility transition-control {
     transition-property: background-color, color, box-shadow, border-color;
-    transition-duration: var(--duration-fast);
+    transition-duration: var(--duration-control);
     transition-timing-function: var(--ease-standard);
 }
 
@@ -98,6 +109,76 @@
    (`.gold-shimmer` static text gradient, the specular gleam, the press-scale)
    STAY — they were never disco. */
 
+/* ── BD.W-BUTTON-GLASS-CONSUME — `.btn-punch`, the ONE new opt-in cartoon tier ──
+   The LOUD hero interaction decoration that sits ON TOP of the shared `.glass-capsule`
+   (it is NOT a material — buttons own no material). Composed via Button.vue's
+   `punchDecoration` (default-ON for `primary-audacious`/`gold-audacious`, opt-in via the
+   `punch` prop). It re-targets the EXISTING press primitives — ZERO second spring/rAF,
+   ZERO re-forked caster:
+
+     • the LOUD register — `--motion-weight: 1` (the same loud-register coupling
+       `.cartoon-surface` carries) so the cast travel + the glyph pop are never muted to
+       the rest 0.618 (the BD.W-CARTOON-PUNCH loud-register guard). The `:root` PRM carve
+       still zeroes it under reduce (handled below).
+     • the ANTICIPATION + OVERSHOOT — the host `scale` transition leg re-points off the
+       calm `--spring-smooth` (the `.btn-pill` base) onto `--ease-cartoon-punch` (DEPEND,
+       the booked raw `linear()` with the real pre-dip-below-origin + overshoot arm). The
+       JS `useLiquidFlex` writes the reciprocal `scale` inline DURING the press (single
+       source, it wins); on RELEASE the inline scale is removed and THIS transition curve
+       carries the scale back to rest with the cartoon follow-through. ONE scalar drive,
+       no double-drive on the same property.
+     • the louder squish amplitude is the JS side (Button.vue `maxStretch` 1.04→1.09,
+       fenced ≤1.14 composed area) — the css only owns the curve + the weight.
+     • the moving inked cast is the BD.W-CARTOON-CASTER inert `.cartoon-cast` child
+       (emitted by Button.vue, driven by `--cartoon-press-t × --motion-weight`); its
+       travel/spread/lag recipe lives ONCE in cards.css — composed here, not re-forked.
+
+   The GLYPH overlapping-pop (the label settles a beat AFTER the capsule — child trails
+   parent) REFERENCES the BD.W-TABS-LIQUID glyph scale-pop register: the pop reads the
+   SAME `--motion-weight` scalar via a button-scoped `--btn-glyph-pop` magnitude (the
+   literal lives ONCE here, not re-pasted from the tabs `0.06`), delayed `--duration-fast`
+   so it lags the capsule. Exactly 1 under PRM (`--motion-weight: 0`). */
+.btn-punch {
+    /* anchor the absolute inert `.cartoon-cast` child to THIS host (the glass variants
+       already get `position: relative` from `.glass-wash`; this guarantees it for an
+       opt-in `punch` on a non-glass variant too). */
+    position: relative;
+    --motion-weight: 1;
+    /* the press ramp the inert cast reads at REST (0); Button.vue overrides it live off
+       the spring during the press. */
+    --cartoon-press-t: 0;
+    /* re-point the scale leg onto the cartoon-punch curve (anticipation + overshoot on
+       the release leg); the surface legs stay on the bezier (the §6 doctrine). */
+    transition:
+        scale var(--spring-smooth-duration) var(--ease-cartoon-punch);
+}
+
+/* the glyph overlapping-action pop — the label/icon settles a beat AFTER the capsule
+   (child trails parent). DEPENDS `--motion-weight` (CONSUMED, the tabs glyph-pop idiom);
+   the magnitude literal lives once as `--btn-glyph-pop`. Delayed so it lags. */
+.btn-punch > :not(.cartoon-cast) {
+    --btn-glyph-pop: 0.05;
+    transition: scale var(--duration-fast) var(--ease-cartoon-punch) var(--duration-fast);
+}
+.btn-punch:active > :not(.cartoon-cast) {
+    scale: calc(1 + var(--btn-glyph-pop) * var(--motion-weight));
+}
+
+/* PRM carve — under reduced-motion the LOUD register zeroes in ONE assignment (every
+   `calc(… * --motion-weight)` — the cast travel/spread + the glyph pop — collapses to
+   rest) and `--ease-cartoon-punch` degrades to the calm `--ease-standard`; the press
+   still FUNCTIONS (the spring snaps, the squish physics off), the warm capsule fill +
+   rim + lift are STATIC (present for everyone). */
+@media (prefers-reduced-motion: reduce) {
+    .btn-punch {
+        --motion-weight: 0;
+        transition: scale var(--spring-smooth-duration) var(--ease-standard);
+    }
+    .btn-punch > :not(.cartoon-cast) {
+        transition: none;
+    }
+}
+
 /* ── Table density utilities — AN.R0 ─────────────────────────────────────
    `table-cell` and `table-head` replace the former Tailwind `p-4` / `h-12`
    literals in TableCell.vue / TableHead.vue. Both read `--table-density`

package/src/styles/utilities/components.css

@@ -31,11 +31,17 @@
         background: var(--metric-badge-bg, var(--glass-bg-quiet));
         backdrop-filter: var(--metric-badge-blur, var(--glass-blur-quiet));
         box-shadow: var(--metric-badge-shadow, 0 1px 6px color-mix(in srgb, var(--shadow-color) 8%, transparent), var(--glass-highlight));
+        /* SPATIAL/EFFECTS split (motion-canon P1): the EFFECTS legs
+           (background/border-color/box-shadow) ride the bezier --ease-standard;
+           the SPATIAL hover-lift legs (translate/scale) ride the --spring-smooth
+           hover register on its own settle clock --spring-smooth-duration (the
+           ONE interactive transform register .btn-pill/.glass-btn settle on). */
         transition:
             background var(--duration-fast) var(--ease-standard),
             border-color var(--duration-fast) var(--ease-standard),
             box-shadow var(--duration-fast) var(--ease-standard),
-            scale var(--duration-fast) var(--ease-standard);
+            translate var(--spring-smooth-duration) var(--spring-smooth),
+            scale var(--spring-smooth-duration) var(--spring-smooth);
     }
 
     .metric-badge > span {
@@ -49,11 +55,17 @@
 
     .metric-badge:hover {
         /* Hover lifts to the `resting` rung — one step up the canonical
-           ladder (audit U.W0.C-c §7.2). */
+           ladder (audit U.W0.C-c §7.2). BC.W-AX-METRIC-HOVER lifts the badge
+           into a tactile VALUE-LIFT: it nudges UP (--metric-badge-hover-translate
+           -2px) + scales a hair more (1.04) + casts the cartoon-sticker offset
+           shadow (--shadow-cartoon-sm) — token-first, so a consumer zeroes the
+           lift from :root (--metric-badge-hover-translate: 0). Compositor-only
+           (translate/scale/box-shadow — proof:no-layout-animation holds). */
         border-color: var(--metric-badge-hover-border, var(--glass-border-resting));
         background: var(--metric-badge-hover-bg, var(--glass-bg-resting));
-        box-shadow: var(--metric-badge-hover-shadow, 0 2px 10px color-mix(in srgb, var(--shadow-color) 12%, transparent), var(--glass-highlight));
-        scale: var(--metric-badge-hover-scale, 1.02);
+        box-shadow: var(--metric-badge-hover-shadow, var(--shadow-cartoon-sm), var(--glass-highlight));
+        translate: 0 var(--metric-badge-hover-translate, -2px);
+        scale: var(--metric-badge-hover-scale, 1.04);
     }
 
     .metric-badge:active {
@@ -212,7 +224,14 @@
         backdrop-filter: var(--glass-blur-floating);
 
         padding: 0 0.75rem;
-        height: 2.25rem;
+        /* BC.W-SEARCH-CUSTOM — the height reads the shared `--control-pill-h`
+           element-override seam (the SAME rung `.input-pill` reads), DEFAULTING to
+           `--control-h-sm` so a bare search bar is byte-identical to the HEAD
+           2.25rem pill. `controlSizeClass(size)` (_shared/useControlSize.ts) re-points
+           the seam per rung (sm→`--control-h-xs`-ish via the cohort, lg→`--control-h-lg`),
+           so the SearchBar/FuzzySearch `size` prop retunes the field height WITHOUT a
+           recipe fork — ONE substitution rung, the cohort is still the source. */
+        height: var(--control-pill-h, var(--control-h-sm));
         max-width: var(--max-width-input);
         width: 100%;
         transition:
@@ -226,7 +245,13 @@
 
     .input-bar-field {
         font-family: var(--font-mono, monospace);
-        font-size: var(--type-small);
+        /* BC.W-SEARCH-CUSTOM — the field font reads the shared `--control-pill-text`
+           seam (the SAME rung `.input-pill` reads), DEFAULTING to `--control-text`
+           (≈ the prior `--type-small` register at scale 1 — byte-near-identical). The
+           `controlSizeClass("sm")` rung re-points it to `--control-text-sm` (quieter);
+           `default`/`lg` keep `--control-text`. So the search field type tracks the
+           cohort under `--ui-scale`, NOT a static `--type-small` literal. */
+        font-size: var(--control-pill-text, var(--control-text));
         background: transparent;
         border: none;
         outline: none;

package/src/styles/utilities/metal.css

@@ -57,6 +57,32 @@
         background-clip: text;
         -webkit-background-clip: text;
         color: transparent;
+
+        /* ── BC.W-AX-METAL-GLOW — the gold catch-light (the lit-metal halo) ──────
+           A soft glow halo of the metal's OWN base hue behind the gradient text-clip
+           so the gold reads as LIT metal (light catching its surface), not a flat
+           gradient fill. Because `background-clip: text` makes the text transparent,
+           a `filter: drop-shadow` follows the clipped glyph shape — the halo hugs the
+           letters. ONE recipe on the shared selector (every metal lit, never a per-
+           metal re-paste); the glow reads `--metal-stop-base` so gold halos gold,
+           silver halos silver, bronze halos bronze (NOT a fixed gold-on-every-metal
+           mismatch). The earned-gold register (Q2): `.metal-gold`'s base is
+           `--color-gold`, so the gold catch-light is the earned-gold warm glow.
+
+           PRM-STATIC: the glow paints HERE, at rest, OUTSIDE the no-preference
+           bracket — the lit metal reads for PRM users; ONLY the sweep `animation:`
+           is gated (the §6 calm register; the disco family stays gone — this is a
+           soft warm whisper bounded by `--metal-glow-opacity`, not a neon bloom). */
+        --metal-glow-blur: var(--metal-glow-blur-default, 0.5em);
+        --metal-glow-opacity: var(--metal-glow-opacity-default, 0.35);
+        filter: drop-shadow(
+            0 0 var(--metal-glow-blur)
+                color-mix(
+                    in srgb,
+                    var(--metal-stop-base) calc(var(--metal-glow-opacity) * 100%),
+                    transparent
+                )
+        );
     }
 
     /* Per-metal: set the channel marker + re-bind the stop slots to the quad. */

package/dist/ContextMenuContent-uWnVxDab.js

@@ -1,85 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, createVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
-import { ContextMenuContent as f, ContextMenuPortal as p, ContextMenuRoot as m, ContextMenuTrigger as h, useForwardProps as g, useForwardPropsEmits as _ } from "reka-ui";
-//#endregion
-//#region src/components/ui/context-menu/ContextMenu.vue
-var v = /* @__PURE__ */ i({
-	__name: "ContextMenu",
-	props: {
-		pressOpenDelay: {},
-		dir: {},
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let r = _(e, t);
-		return (e, t) => (c(), n(u(m), o({ "data-slot": "context-menu" }, u(r)), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), y = /* @__PURE__ */ i({
-	__name: "ContextMenuTrigger",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = g(e);
-		return (e, r) => (c(), n(u(h), s(a(u(t))), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ i({
-	__name: "ContextMenuContent",
-	props: {
-		forceMount: { type: Boolean },
-		loop: { type: Boolean },
-		sideFlip: { type: Boolean },
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"closeAutoFocus"
-	],
-	setup(i, { emit: a }) {
-		let s = i, m = a, h = _(t(() => {
-			let { class: e, ...t } = s;
-			return t;
-		}), m);
-		return (t, i) => (c(), n(u(p), null, {
-			default: d(() => [r(u(f), o(u(h), { class: u(e)("z-popover min-w-32 overflow-hidden rounded-panel border glass-floating p-1 text-popover-foreground glass-reveal", s.class) }), {
-				default: d(() => [l(t.$slots, "default")]),
-				_: 3
-			}, 16, ["class"])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { y as n, v as r, b as t };

package/dist/DialogContent-DcKK8k9i.js

@@ -1,103 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vendor-CKmzio-i.js";
-import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
-import { t as r } from "./useSpringMount-q1amq1SJ.js";
-import { t as i } from "./ModalOverlay-D1VrWyoi.js";
-import { computed as a, createBlock as o, createCommentVNode as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";
-import { DialogClose as g, DialogContent as _, DialogPortal as v, DialogRoot as y, injectDialogRootContext as b, useForwardPropsEmits as x } from "reka-ui";
-//#endregion
-//#region src/components/ui/dialog/Dialog.vue
-var S = /* @__PURE__ */ u({
-	__name: "Dialog",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = x(e, t);
-		return (e, t) => (f(), o(m(y), d({ "data-slot": "dialog" }, m(n)), {
-			default: h(() => [p(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), C = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block)", w = "-translate-x-1/2 -translate-y-1/2 glass-reveal", T = /* @__PURE__ */ u({
-	__name: "DialogContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" },
-		scrimAnimation: {},
-		spring: { type: [Boolean, String] },
-		showClose: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(u, { emit: y }) {
-		let S = u, T = y, E = x(a(() => {
-			let { class: e, surface: t, scrimAnimation: n, spring: r, showClose: i, ...a } = S;
-			return a;
-		}), T), D = a(() => e(n(S.surface, "floating"), "rounded-dialog")), O = S.spring ? b() : null, k = S.spring && O ? r({
-			open: O.open,
-			preset: typeof S.spring == "string" ? S.spring : "smooth"
-		}) : null, A = a(() => {
-			if (!k) return;
-			let e = k.position.value;
-			return {
-				transform: `translate(-50%, -50%) scale(${1 - .05 * e})`,
-				opacity: String(1 - e),
-				animation: "none",
-				transition: "none"
-			};
-		});
-		return (n, r) => (f(), o(m(v), null, {
-			default: h(() => [l(i, {
-				scrim: "glass",
-				animate: "fade",
-				layout: "centered",
-				"scrim-animation": S.scrimAnimation
-			}, null, 8, ["scrim-animation"]), l(m(_), d(m(E), {
-				class: m(e)(C, S.spring ? "" : w, D.value, S.class),
-				style: A.value,
-				"data-surface": S.surface,
-				"data-spring": S.spring ? typeof S.spring == "string" ? S.spring : "smooth" : void 0
-			}), {
-				default: h(() => [p(n.$slots, "default"), S.showClose ? (f(), o(m(g), {
-					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: h(() => [l(m(t), { class: "w-4 h-4" }), r[0] ||= c("span", { class: "sr-only" }, "Close", -1)]),
-					_: 1
-				})) : s("", !0)]),
-				_: 3
-			}, 16, [
-				"class",
-				"style",
-				"data-surface",
-				"data-spring"
-			])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { S as n, T as t };

package/dist/DialogFooter-BZNX5aVr.js

@@ -1,165 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vendor-CKmzio-i.js";
-import { t as n } from "./ModalOverlay-D1VrWyoi.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
-//#region src/components/ui/dialog/DialogClose.vue
-var T = /* @__PURE__ */ c({
-	__name: "DialogClose",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (p(), i(h(_), f(l(t)), {
-			default: g(() => [m(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), E = /* @__PURE__ */ c({
-	__name: "DialogTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (p(), i(h(S), f(l(t)), {
-			default: g(() => [m(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), D = /* @__PURE__ */ c({
-	__name: "DialogHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), a("div", { class: d(h(e)("flex flex-col gap-y-1.5 text-center sm:text-left", n.class)) }, [m(t.$slots, "default")], 2));
-	}
-}), O = /* @__PURE__ */ c({
-	__name: "DialogTitle",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, a = C(r(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, r) => (p(), i(h(x), u(h(a), { class: h(e)("text-subheading leading-none tracking-tight", n.class) }), {
-			default: g(() => [m(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), k = /* @__PURE__ */ c({
-	__name: "DialogDescription",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, a = C(r(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, r) => (p(), i(h(y), u(h(a), { class: h(e)("text-sm text-muted-foreground", n.class) }), {
-			default: g(() => [m(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), A = /* @__PURE__ */ c({
-	__name: "DialogScrollContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		overlayClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(a, { emit: c }) {
-		let l = a, f = c, y = w(r(() => {
-			let { class: e, overlayClass: t, ...n } = l;
-			return n;
-		}), f);
-		return (r, a) => (p(), i(h(b), null, {
-			default: g(() => [s(n, {
-				scrim: "clear",
-				animate: "fade",
-				layout: "scroll",
-				class: d(l.overlayClass)
-			}, {
-				default: g(() => [s(h(v), u({ class: h(e)("popover-content relative z-overlay grid w-full max-w-lg my-8 gap-4 border border-border glass-floating [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) [box-shadow:var(--glass-shadow-floating)] duration-200 sm:rounded-dialog md:w-full", l.class) }, h(y), { onPointerDownOutside: a[0] ||= (e) => {
-					let t = e.detail.originalEvent, n = t.target;
-					(t.offsetX > n.clientWidth || t.offsetY > n.clientHeight) && e.preventDefault();
-				} }), {
-					default: g(() => [m(r.$slots, "default"), s(h(_), { class: "focus-ring absolute top-3 right-3 p-0.5 transition-colors rounded-pill hover:bg-secondary" }, {
-						default: g(() => [s(h(t), { class: "w-4 h-4" }), a[1] ||= o("span", { class: "sr-only" }, "Close", -1)]),
-						_: 1
-					})]),
-					_: 3
-				}, 16, ["class"])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}));
-	}
-}), j = /* @__PURE__ */ c({
-	__name: "DialogFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), a("div", { class: d(h(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [m(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { D as a, O as i, A as n, E as o, k as r, T as s, j as t };

package/dist/HoverCardContent-b2uaAMRR.js

@@ -1,83 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, createVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
-import { HoverCardContent as f, HoverCardPortal as p, HoverCardRoot as m, HoverCardTrigger as h, useForwardProps as g, useForwardPropsEmits as _ } from "reka-ui";
-//#endregion
-//#region src/components/ui/hover-card/HoverCard.vue
-var v = /* @__PURE__ */ i({
-	__name: "HoverCard",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		openDelay: {},
-		closeDelay: {}
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let r = _(e, t);
-		return (e, t) => (c(), n(u(m), o({ "data-slot": "hover-card" }, u(r)), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), y = /* @__PURE__ */ i({
-	__name: "HoverCardTrigger",
-	props: {
-		reference: {},
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, r) => (c(), n(u(h), s(a(t)), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ i({
-	__name: "HoverCardContent",
-	props: {
-		forceMount: { type: Boolean },
-		side: {},
-		sideOffset: { default: 4 },
-		sideFlip: { type: Boolean },
-		align: {},
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		arrowPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		updatePositionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(i) {
-		let a = i, s = g(t(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}));
-		return (t, i) => (c(), n(u(p), null, {
-			default: d(() => [r(u(f), o(u(s), { class: u(e)("z-hovercard w-64 rounded-panel border glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) text-popover-foreground outline-none glass-reveal", a.class) }), {
-				default: d(() => [l(t.$slots, "default")]),
-				_: 3
-			}, 16, ["class"])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { y as n, v as r, b as t };