@mkbabb/glass-ui 5.0.0 → 6.0.0

package/src/styles/tokens/shadow.css

@@ -26,26 +26,12 @@
     --modal-shadow:         var(--shadow-modal);
 
     /* Elevation scale */
-    --shadow-xs: 0 1px 3px color-mix(in srgb, var(--shadow-color) 4%, transparent),
-        0 1px 2px color-mix(in srgb, var(--shadow-color) 6%, transparent);
     --shadow-sm: 0 2px 8px color-mix(in srgb, var(--shadow-color) 6%, transparent);
     --shadow-md: 0 4px 16px color-mix(in srgb, var(--shadow-color) 8%, transparent);
     --shadow-lg: 0 4px 20px color-mix(in srgb, var(--shadow-color) 12%, transparent);
     --shadow-xl: 0 8px 24px color-mix(in srgb, var(--shadow-color) 14%, transparent);
     --shadow-2xl: 0 25px 50px -12px color-mix(in srgb, var(--shadow-color) 25%, transparent);
 
-    /* Z.W2.T3a — uniform-cast shadow rung. Offset 0 / 0, no directional
-       Y bias. Use case: dock-hosted icons (e.g. the speedtest settings
-       gear) where the surrounding dock shadow's downward cast reads as
-       a per-icon right-edge halo on the rightmost child (A2 §B7). The
-       uniform variant carries the same color-mix recipe family as the
-       sized rungs (`--shadow-md`, `--shadow-lg`) so the perceived
-       elevation is a peer, not a sibling. Consumers compose via
-       `--shadow-dock-override: var(--shadow-uniform)` per-instance, or
-       attach to per-icon-button stacks where directional cast is wrong-
-       shape. Documented in DESIGN.md token table. */
-    --shadow-uniform: 0 0 12px color-mix(in srgb, var(--shadow-color) 8%, transparent);
-
     /* Card = soft drop plate by default. The cartoon offset is a brand-flavoured
        decoration (a sticker look), not the canonical card shape. Consumers
        wanting the cartoon look pass <Card surface="cartoon">, which composes the
@@ -54,14 +40,6 @@
     --shadow-card:       var(--shadow-md);
     --card-shadow:       var(--shadow-card);
 
-    /* AI.W1-α — sticky CardHeader background. Parameterises the
-       `bg-card/60` literal value.js's PaneHeader.vue carried so the
-       glass-ui canon owns the recipe. The scroll-driven `<CardHeader
-       shrink>` choreography reads this token for its sticky-header
-       backdrop tint; consumers retune per-app by overriding the
-       variable at any ancestor. Auto-dark via `--card`. */
-    --card-header-bg:    color-mix(in srgb, var(--card) 60%, transparent);
-
     /* Dock shadows — a single omnidirectional glow in the
        `--shadow-md`/`--shadow-lg` family (a directional drop concentrated on
        the pill's rounded right cap as a right-edge halo; the dock's own
@@ -183,19 +161,15 @@
        satellite bulges). Both rungs ride the SAME `--blob-shadow-color` (the ambient
        `--shadow-color`/`--foreground` base), so the grounded read re-resolves under
        `.dark` with no hardcoded dark block (the house cartoon-shadow adaptive pattern).
-       A consumer retunes grounding by overriding `--blob-shadow-contact-*` or the whole
-       `--blob-shadow` composite on the cascade. */
+       A consumer retunes grounding by overriding `--blob-shadow-contact-*` on the cascade. */
     --blob-shadow-contact-offset: 0 1px;
     --blob-shadow-contact-blur:   3px;
     --blob-shadow-contact-strength: 38%;
     --blob-shadow-contact: var(--blob-shadow-contact-offset) var(--blob-shadow-contact-blur)
         color-mix(in srgb, var(--blob-shadow-color) var(--blob-shadow-contact-strength), transparent);
 
-    /* The grounded composite is consumed by GooBlob.vue as TWO chained drop-shadow()
-       filters: drop-shadow(ambient) drop-shadow(contact). `--blob-shadow` keeps the
-       single-rung ambient value (back-compat: a consumer reading the old token still
-       gets the soft cast); the grounded read is the explicit two-rung pair. */
-    --blob-shadow: var(--blob-shadow-ambient);
+    /* GooBlob consumes the grounded pair as chained ambient and contact
+       drop-shadow() filters. */
 
     /* The hover lift — the ambient cast deepens + softens (the dome rises) AND the
        contact band TIGHTENS toward the lifted base (a touch of extra grounding-darken

package/src/styles/tokens.ts

@@ -0,0 +1,58 @@
+/**
+ * Runtime design tokens — the JS/TS projection of glass-ui's CSS custom properties.
+ *
+ * CSS tokens in `src/styles/tokens.css` drive the rendered UI. Some contexts
+ * (echarts configs, Canvas 2D, WebGL, canvas-rendered charts) cannot resolve
+ * CSS variables at render time — they need literal numbers and strings.
+ *
+ * This module mirrors the CSS tokens for those consumers. Keep in sync.
+ */
+
+/** Chart container heights (px). Match `--chart-height-*` in tokens.css. */
+export const chartHeights = {
+    compact: 240,
+    default: 360,
+    large: 400,
+} as const;
+
+/** Echarts grid margin (px). Matches `--chart-margin` in tokens.css. */
+export const chartMargin = 20;
+
+/**
+ * Neutral divider colors for chart gridlines, axis ticks, overlays.
+ * rgba literals — echarts / Canvas 2D can't parse CSS vars in color options.
+ * Match `--color-divider-*` in tokens.css.
+ */
+export const chartColors = {
+    dividerSubtle: "rgba(128, 128, 128, 0.05)",
+    dividerMedium: "rgba(128, 128, 128, 0.4)",
+    dividerStrong: "rgba(128, 128, 128, 0.7)",
+} as const;
+
+/** Default form-select minimum width (px). Matches `--input-min-width-sm`. */
+export const minWidthInputSm = 80;
+
+/**
+ * Stagger increments (ms) — TS mirror of the `--motion-stagger-*` canon
+ * promoted at AJ-W4-κ. Use these for animation cascades driven from JS
+ * (e.g. echarts `animationDelay: (idx) => idx * motionStagger.default`,
+ * Vue inline-style binding) so the JS-driven cascade and CSS-driven
+ * cascade resolve to the same value. The three named tiers correspond
+ * to `--motion-stagger-tight | --motion-stagger-default | --motion-stagger-relaxed`
+ * in `styles/tokens.css`:
+ *
+ *   - `tight` (40ms)    — dense row cascades (StatsCards row strip,
+ *                         results-table `:nth-child` delays)
+ *   - `default` (80ms)  — canonical row stagger (ResultStack, bar
+ *                         entrance, useStaggerReveal default)
+ *   - `relaxed` (120ms) — wider series cascades (TimeSeriesChart)
+ *
+ * Retires per-consumer constants (SERIES_STAGGER_MS, BAR_STAGGER_MS,
+ * STATS_CARD_STAGGER_MS) into single-source token reads. Per A5 §8.9 +
+ * AJ-W4-κ.
+ */
+export const motionStagger = {
+    tight: 40,
+    default: 80,
+    relaxed: 120,
+} as const;

package/src/styles/typography/scale.css

@@ -150,8 +150,11 @@
        consumer tuning the bold-letterform character (a lighter title, a heavier
        display) had to fork every @utility. These name the weight the way the size
        ladder names --type-*: the semantic.css utilities read them; the literals are
-       byte-identical defaults (display 600, heading/title 700). */
-    --type-weight-display: 600;
+       byte-identical defaults (display 600, heading/title 700). The public
+       --font-display-weight knob feeds the canonical internal display register so a
+       consumer override reaches every display utility without a utility fork. */
+    --font-display-weight: 600;
+    --type-weight-display: var(--font-display-weight);
     --type-weight-heading: 700;
     --type-weight-title: 700;
 

package/src/styles/typography/semantic.css

@@ -26,7 +26,7 @@ body {
     line-height: var(--type-leading-display);
     letter-spacing: var(--type-tracking-display);
     font-optical-sizing: auto;
-    font-weight: 600;
+    font-weight: var(--type-weight-display);
     /* AQ.W3 §W3.3 — balance multi-line display headlines. Text-only (no box) so
        balance is safe; degrades to unbalanced wrapping with zero break. */
     text-wrap: balance;
@@ -62,7 +62,7 @@ body {
     line-height: var(--type-leading-display);
     letter-spacing: var(--type-tracking-display);
     font-optical-sizing: auto;
-    font-weight: 600;
+    font-weight: var(--type-weight-display);
     text-wrap: balance; /* AQ.W3 §W3.3 */
 }
 
@@ -72,7 +72,7 @@ body {
     line-height: var(--type-leading-display);
     letter-spacing: var(--type-tracking-display);
     font-optical-sizing: auto;
-    font-weight: 600;
+    font-weight: var(--type-weight-display);
     text-wrap: balance; /* AQ.W3 §W3.3 */
 }
 
@@ -82,7 +82,7 @@ body {
     line-height: var(--type-leading-display);
     letter-spacing: var(--type-tracking-display);
     font-optical-sizing: auto;
-    font-weight: 600;
+    font-weight: var(--type-weight-display);
     text-wrap: balance; /* AQ.W3 §W3.3 */
 }
 
@@ -92,7 +92,7 @@ body {
     line-height: var(--type-leading-display);
     letter-spacing: var(--type-tracking-display);
     font-optical-sizing: auto;
-    font-weight: 600;
+    font-weight: var(--type-weight-display);
     text-wrap: balance; /* AQ.W3 §W3.3 */
 }
 

package/src/styles/typography/utilities.css

@@ -103,10 +103,10 @@
     /* Responsive pane title */
     .text-pane-title {
         font-family: var(--font-display);
-        font-size: clamp(2.4rem, 1.8rem + 2vw, 3.33rem);
+        font-size: var(--type-display-2);
         line-height: var(--type-leading-display);
-        letter-spacing: var(--type-tracking-tight);
-        font-weight: 600;
+        letter-spacing: var(--type-tracking-display);
+        font-weight: var(--type-weight-display);
         font-optical-sizing: auto;
     }
 
@@ -165,9 +165,9 @@
         color: color-mix(in oklab, var(--neutral-5), var(--foreground) 22%);
     }
 
-    /* Font-feature helpers */
+    /* Numeric role — a size-agnostic modifier for values, counters, and tables. */
     .tabular-nums {
-        font-variant-numeric: tabular-nums;
+        font-variant-numeric: tabular-nums lining-nums;
     }
 
     /* Kinetic: per-character stagger. The per-glyph increment is the single-

package/src/styles/utilities/base.css

@@ -103,7 +103,7 @@
         inline-size: 100%;
         min-inline-size: 0;
     }
-    .labeled-field:has(:user-invalid),
+    .labeled-field:has(:where(:user-invalid, [aria-invalid="true"])),
     .labeled-field.has-error {
         --field-label-color: var(--destructive);
     }
@@ -119,12 +119,12 @@
         color: var(--destructive);
         margin-block-start: 0.25rem;
     }
-    .labeled-field:has(:user-invalid) .labeled-field-error,
+    .labeled-field:has(:where(:user-invalid, [aria-invalid="true"])) .labeled-field-error,
     .labeled-field.has-error .labeled-field-error {
         display: block;
     }
     /* Hide the error text once the field reads valid (the user corrected it). */
-    .labeled-field:has(:user-valid) .labeled-field-error,
+    .labeled-field:has(:where(:user-valid, [aria-invalid="false"])) .labeled-field-error,
     .labeled-field.has-valid .labeled-field-error {
         display: none;
     }
@@ -283,11 +283,11 @@
             scale var(--duration-fast) var(--transition-liquid-spatial);
         transform-origin: center center;
     }
-    .tap-squish:active {
+    .tap-squish:not([data-press-armed]):active {
         scale: var(--scale-press);
     }
     @media (prefers-reduced-motion: reduce) {
-        .tap-squish:active {
+        .tap-squish:not([data-press-armed]):active {
             /* Reset to the longhand identity (not `transform: none`) so the
                press scale is neutralized under PRM. */
             scale: 1;

package/src/styles/utilities/btn.css

@@ -104,14 +104,16 @@
    surfaces now ride the spring-clocked `.glass-reveal`, BB.W-LIQUID-REVEAL).
    Pairs with
    `slide-in-from-{top,right,bottom,left}-N` to compose side-keyed entries.
-   The open path uses --duration-panel (slow, deliberate); the close path
-   uses --duration-fast so dismiss feels snappy. R5 vocab.γ gap row 6;
+   The open path uses --duration-panel (slow, deliberate); the close path uses
+   --duration-fast so dismiss feels snappy. Both base clocks multiply the ONE
+   inherited --motion-tempo reader here, so portaled panels and scrims co-scale
+   without a story/consumer bridge or a second duration alias. R5 vocab.γ gap row 6;
    consumed by W2.A sheet/drawer migration. */
 @utility sheet-animate {
     @apply data-[state=open]:animate-in data-[state=closed]:animate-out
            data-[state=open]:fade-in data-[state=closed]:fade-out
-           data-[state=open]:duration-[var(--duration-panel)]
-           data-[state=closed]:duration-[var(--duration-fast)];
+           data-[state=open]:duration-[calc(var(--duration-panel)*var(--motion-tempo))]
+           data-[state=closed]:duration-[calc(var(--duration-fast)*var(--motion-tempo))];
 }
 
 /* ── Calm CTA register (BA.W-GLASS-CAL, H2a — the disco retired) ──────────
@@ -248,29 +250,6 @@
     );
 }
 
-/* ── Text-highlight paint (CSS Custom Highlight API) ─────────────────────
-   The default `::highlight()` paint for the `useTextHighlight` composable
-   (composables/motion; the `/motion-core` subpath, AX.W37). A named `Highlight`
-   registered in `CSS.highlights`
-   under one of these keys paints its `Range` set without a `<mark>` wrapper.
-   Token-bridged: the search mark reads the canonical pastel-yellow rainbow
-   token at a soft alpha; the equation/variable mark reads `--primary`. Both
-   axes are overridable via the `--text-highlight-*` custom properties. */
-::highlight(glass-search-mark) {
-    background-color: var(
-        --text-highlight-search-bg,
-        color-mix(in srgb, var(--rainbow-pastel-yellow) 55%, transparent)
-    );
-    color: var(--text-highlight-search-fg, inherit);
-}
-::highlight(glass-mark) {
-    background-color: var(
-        --text-highlight-bg,
-        color-mix(in srgb, var(--primary) 18%, transparent)
-    );
-    color: var(--text-highlight-fg, inherit);
-}
-
 /* ── Interactive-button four-state recipe ────────────────────────────────
    `.btn-interactive` carries the canonical "Button-with-spring-hover"
    four-state contract — transition + hover-scale + active-press + disabled-

package/src/styles/utilities.css

@@ -3,11 +3,11 @@
  * ── 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 base block (split
- * at the metric-badge seam into base/components AND, at BB.W-CARVE3, at the
+ * 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
+ * isomorphic), and the @utility button cluster keep their source order.
+ * Accessibility modes load once at the end of styles/index.css. See
  * docs/precepts/design-idioms.md §cohesion-aware partials.
  */
 
@@ -17,10 +17,8 @@
    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/ConfiguratorRow-BV6zPjTM.js

@@ -1,151 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as n } from "./createContext-BQ1Gy_LB.js";
-import { t as r } from "./Label-C84TaQiw.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, normalizeStyle as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useId as v, useModel as y, withCtx as b } from "vue";
-import { ChevronDown as x, RotateCcw as S } from "@lucide/vue";
-//#region src/components/configurator/size.ts
-var C = n("configuratorSize"), w = C.KEY;
-function T(e) {
-	C.provide(e);
-}
-var E = C.use, D = ["data-state"], O = [
-	"aria-expanded",
-	"aria-controls",
-	"data-state"
-], k = { class: "flex min-w-0 items-baseline gap-2" }, A = { class: "configurator-section-label truncate" }, j = {
-	key: 0,
-	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, M = [
-	"id",
-	"aria-hidden",
-	"inert",
-	"data-state"
-], N = { class: "min-h-0 overflow-hidden" }, P = ["data-dividers"], F = /* @__PURE__ */ t(/* @__PURE__ */ u({
-	__name: "ConfiguratorLayer",
-	props: /* @__PURE__ */ d({
-		label: {},
-		sub: {},
-		id: {},
-		defaultOpen: {
-			type: Boolean,
-			default: !0
-		},
-		dividers: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		bodyClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		openModifiers: {}
-	}),
-	emits: ["update:open"],
-	setup(t) {
-		let n = t, r = y(t, "open");
-		r.value === void 0 && (r.value = n.defaultOpen);
-		let c = `configurator-layer-body-${v()}`, u = i(() => n.id ?? c);
-		function d() {
-			r.value = !r.value;
-		}
-		let b = i(() => r.value ? "open" : "closed");
-		return (i, c) => (m(), o("div", {
-			"data-slot": "configurator-layer",
-			class: f(_(e)("configurator-layer border", n.class)),
-			"data-state": b.value
-		}, [s("button", {
-			type: "button",
-			"data-slot": "configurator-layer-trigger",
-			class: f(_(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 py-2", "tap-squish transition-control text-left hover:bg-foreground/5 focus-ring")),
-			"aria-expanded": r.value,
-			"aria-controls": u.value,
-			"data-state": b.value,
-			onClick: d
-		}, [s("div", k, [s("span", A, g(t.label), 1), t.sub ? (m(), o("span", j, g(t.sub), 1)) : a("", !0)]), l(_(x), {
-			class: "h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180 transition-disclosure",
-			"aria-hidden": "true"
-		})], 10, O), s("div", {
-			id: u.value,
-			role: "region",
-			"aria-hidden": !r.value,
-			inert: !r.value || void 0,
-			"data-state": b.value,
-			class: "configurator-layer-region grid motion-reduce:transition-none",
-			style: p({ gridTemplateRows: r.value ? "1fr" : "0fr" })
-		}, [s("div", N, [s("div", {
-			"data-dividers": n.dividers || void 0,
-			class: f(_(e)("configurator-layer-body py-2 space-y-2", n.dividers && "[&>*+*]:border-t [&>*+*]:pt-2", n.bodyClass))
-		}, [h(i.$slots, "default", {}, void 0, !0)], 10, P)])], 12, M)], 10, D));
-	}
-}), [["__scopeId", "data-v-733eddff"]]), I = ["data-size"], L = { class: "flex items-baseline justify-between gap-3" }, R = { class: "flex min-w-0 items-baseline gap-2" }, z = {
-	key: 0,
-	class: "truncate text-small font-normal text-muted-foreground"
-}, B = {
-	key: 1,
-	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, V = ["aria-label"], H = { class: "flex w-full min-w-0 items-center [&>*]:min-w-0 [&>*]:w-full [&>*]:flex-1" }, U = {
-	key: 0,
-	class: "text-micro leading-snug text-muted-foreground/80"
-}, W = /* @__PURE__ */ t(/* @__PURE__ */ u({
-	__name: "ConfiguratorRow",
-	props: {
-		label: {},
-		sub: {},
-		name: {},
-		description: {},
-		canReset: { type: Boolean },
-		size: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["reset"],
-	setup(t, { emit: n }) {
-		let u = t, d = n, p = E(), v = i(() => u.size ?? p?.value ?? void 0);
-		return (n, i) => (m(), o("div", {
-			"data-slot": "configurator-row",
-			class: f(_(e)("configurator-row flex flex-col gap-1.5 py-2", u.class)),
-			"data-size": v.value
-		}, [
-			s("div", L, [s("div", R, [
-				l(_(r), { class: "truncate text-small font-medium text-foreground" }, {
-					default: b(() => [c(g(t.label), 1)]),
-					_: 1
-				}),
-				t.sub ? (m(), o("span", z, g(t.sub), 1)) : a("", !0),
-				t.name ? (m(), o("span", B, g(t.name), 1)) : a("", !0)
-			]), t.canReset ? (m(), o("button", {
-				key: 0,
-				type: "button",
-				"data-slot": "configurator-reset",
-				class: "tap-squish transition-control focus-ring inline-flex h-6 w-6 items-center justify-center rounded-pill text-muted-foreground/60 hover:bg-foreground/5 hover:text-foreground",
-				"aria-label": `Reset ${t.label}`,
-				onClick: i[0] ||= (e) => d("reset")
-			}, [l(_(S), {
-				class: "h-3 w-3",
-				"aria-hidden": "true"
-			})], 8, V)) : a("", !0)]),
-			s("div", H, [h(n.$slots, "default", {}, void 0, !0)]),
-			t.description ? (m(), o("p", U, g(t.description), 1)) : a("", !0)
-		], 10, I));
-	}
-}), [["__scopeId", "data-v-bae0716a"]]);
-//#endregion
-export { E as a, T as i, F as n, w as r, W as t };

package/dist/DialogContent-Bl4v10AC.js

@@ -1,192 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./useSurfaceAxis-DudiZVOR.js";
-import { t as n } from "./useMotionAxis-DCCXMC-i.js";
-import { t as r } from "./useSpringMount-CNvvgGiC.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, onScopeDispose as p, openBlock as m, renderSlot as h, unref as g, watch as _, withCtx as v } from "vue";
-import { DialogClose as y, DialogContent as b, DialogOverlay as x, DialogPortal as S, DialogRoot as C, injectDialogRootContext as w, useForwardPropsEmits as T } from "reka-ui";
-import { X as E } from "@lucide/vue";
-//#endregion
-//#region src/components/dialog/Dialog.vue
-var D = /* @__PURE__ */ l({
-	__name: "Dialog",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = T(e, t);
-		return (e, t) => (m(), a(g(C), u({ "data-slot": "dialog" }, g(n)), {
-			default: v(() => [h(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), O = /* @__PURE__ */ l({
-	__name: "ModalOverlay",
-	props: {
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		scrim: { default: "glass" },
-		animate: { default: "fade" },
-		layout: { default: "centered" },
-		scrimAnimation: {}
-	},
-	setup(t) {
-		let n = t, r = {
-			glass: "bg-overlay-scrim",
-			clear: "bg-overlay-scrim-subtle",
-			dim: "bg-overlay-scrim-strong"
-		}, o = {
-			fade: "sheet-animate",
-			scale: "sheet-animate",
-			slide: "sheet-animate",
-			none: ""
-		}, s = {
-			centered: "",
-			edge: "",
-			scroll: "grid place-items-center overflow-y-auto"
-		}, c = i(() => {
-			if (n.scrimAnimation) return { "--scrim-animation": n.scrimAnimation };
-		});
-		return (t, i) => (m(), a(g(x), {
-			class: d(g(e)("fixed inset-0 z-overlay [backdrop-filter:var(--glass-blur-wash)]", r[n.scrim], s[n.layout], o[n.animate], n.class)),
-			style: f(c.value),
-			"data-scrim-animation": n.scrimAnimation ? "" : void 0
-		}, {
-			default: v(() => [h(t.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"class",
-			"style",
-			"data-scrim-animation"
-		]));
-	}
-}), k = "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)", A = "-translate-x-1/2 -translate-y-1/2 glass-reveal", j = "grid 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) transition ease-in-out sheet-animate", M = /* @__PURE__ */ l({
-	__name: "DialogContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" },
-		placement: { default: "center" },
-		scrimAnimation: {},
-		motion: {},
-		springPreset: {},
-		showClose: {
-			type: Boolean,
-			default: !0
-		},
-		stage: { default: "none" }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(l, { emit: d }) {
-		let f = l, x = d, C = i(() => {
-			let { class: e, surface: t, placement: n, scrimAnimation: r, motion: i, springPreset: a, showClose: o, stage: s, ...c } = f;
-			return c;
-		}), D = i(() => f.placement ?? "center"), M = i(() => D.value === "center"), N = n(() => f.motion), P = i(() => f.springPreset != null && N.resolved.value !== "off" && (f.placement ?? "center") === "center"), F = typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, I = i(() => {
-			let e = f.stage;
-			return F && (e === "scale" || e === "immersive") ? "dim" : e;
-		}), L = w();
-		function R(e) {
-			if (!(typeof document > "u" || f.stage === "none")) if (e) requestAnimationFrame(() => {
-				let e = document.querySelector("[data-stage-wrapper]"), t = document.querySelector("[data-stage-scrim]"), n = I.value === "scale" || I.value === "immersive", r = I.value === "immersive";
-				for (let n of [e, t]) n && (n.setAttribute("data-stage-flip", ""), n.style.setProperty("--stage-t", "0"));
-				e && e.toggleAttribute("data-stage-scale", n), t && t.toggleAttribute("data-stage-immersive", r), requestAnimationFrame(() => {
-					for (let n of [e, t]) n && n.style.setProperty("--stage-t", "1");
-				});
-			});
-			else {
-				let e = document.querySelector("[data-stage-wrapper]"), t = document.querySelector("[data-stage-scrim]");
-				for (let n of [e, t]) n && (n.removeAttribute("data-stage-flip"), n.style.removeProperty("--stage-t"));
-				e && e.removeAttribute("data-stage-scale"), t && t.removeAttribute("data-stage-immersive");
-			}
-		}
-		_(() => L?.open.value, (e) => R(!!e), { immediate: !0 }), p(() => R(!1));
-		let z = T(C, x), B = i(() => e(t(f.surface, "floating"), "rounded-dialog")), V = {
-			top: "rounded-b-dialog border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-			bottom: "rounded-t-dialog border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-			left: "rounded-r-dialog border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
-			right: "rounded-l-dialog border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right"
-		}, H = i(() => M.value ? e(k, P.value ? "" : A, B.value, f.class) : e(j, V[D.value], t(f.surface, "floating"), f.class)), U = {
-			"--radius-ctx": "var(--radius-dialog)",
-			"--radius-inset": "var(--overlay-pad-inline)"
-		}, W = P.value ? w() : null, G = P.value && W ? r({
-			open: W.open,
-			preset: f.springPreset ?? "smooth"
-		}) : null, K = i(() => {
-			if (!G) return;
-			let e = G.position.value, t = 1 - .05 * e;
-			return {
-				transform: "none",
-				translate: "-50% -50%",
-				scale: String(t),
-				opacity: String(1 - e),
-				animation: "none",
-				transition: "none"
-			};
-		}), q = { "--glass-bg-rung": "var(--glass-bg-dialog)" }, J = i(() => ({
-			...q,
-			...M.value ? {} : U,
-			...N.hostStyle.value ?? {},
-			...K.value ?? {}
-		}));
-		return (e, t) => (m(), a(g(S), null, {
-			default: v(() => [c(O, {
-				scrim: "glass",
-				animate: "fade",
-				layout: "centered",
-				"scrim-animation": f.scrimAnimation
-			}, null, 8, ["scrim-animation"]), c(g(b), u(g(z), {
-				class: H.value,
-				style: J.value,
-				"data-surface": f.surface,
-				"data-slot": "dialog-content",
-				"data-placement": M.value ? void 0 : D.value,
-				"data-reveal": M.value ? "overlay" : void 0,
-				"data-motion": g(N).dataMotion.value,
-				"data-spring": P.value ? f.springPreset ?? "smooth" : void 0
-			}), {
-				default: v(() => [h(e.$slots, "default"), f.showClose ? (m(), a(g(y), {
-					key: 0,
-					class: "focus-ring absolute right-(--overlay-pad-inline) top-(--overlay-pad-block) 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: v(() => [c(g(E), { class: "w-4 h-4" }), t[0] ||= s("span", { class: "sr-only" }, "Close", -1)]),
-					_: 1
-				})) : o("", !0)]),
-				_: 3
-			}, 16, [
-				"class",
-				"style",
-				"data-surface",
-				"data-placement",
-				"data-reveal",
-				"data-motion",
-				"data-spring"
-			])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { O as n, D as r, M as t };