@mkbabb/glass-ui 3.13.0 → 4.0.1

package/src/styles/utilities/btn.css

@@ -1,5 +1,5 @@
 /* utilities/btn.css
-   The interactive/button @utility cluster — scale-on-hover, twin-line-divider, transition-control/collapse, sheet-animate, btn-audacious + btn-audacious-gold (+ the btn-gold-bg-sweep keyframes), table-cell/head density, rainbow-vivid/pastel, the text-highlight paint, and btn-interactive.
+   The interactive/button @utility cluster — scale-on-hover, twin-line-divider, transition-control/collapse, sheet-animate, table-cell/head density, rainbow-vivid/pastel, the text-highlight paint, and btn-interactive. (The btn-audacious/btn-audacious-gold disco recipes + the btn-gold-bg-sweep keyframes were RETIRED at BA.W-GLASS-CAL.)
    Carved from the utilities.css cascade root; @import-ed by utilities.css in
    cascade order. See docs/precepts/design-idioms.md §cohesion-aware partials. */
 /* ── Hover scale (O.W6 Lane C) ──
@@ -18,7 +18,7 @@
        (the settle register), NOT the bezier `--ease-standard` (a transform on a
        bezier reads mechanical; springs read alive on transform). */
     scale: 1;
-    transition: scale var(--duration-fast) var(--spring-smooth);
+    transition: scale var(--spring-smooth-duration) var(--spring-smooth);
 
     &:hover {
         scale: var(--scale-hover);
@@ -69,7 +69,9 @@
 }
 
 /* ── Sheet/drawer slide-out animation grammar ──
-   Mirror of `.popover-animate` for sheet/drawer panels. Pairs with
+   The sheet/drawer-panel analogue of the overlay enter (the popover-class
+   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;
@@ -81,203 +83,20 @@
            data-[state=closed]:duration-[var(--duration-fast)];
 }
 
-/* ── Audacious primary CTA recipe ────────────────────────────────────────
-   Composes three at-rest marks (top-highlight via --glass-highlight, bottom
-   under-shadow via --border-hairline, baseline glass) with three disco accents
-   on hover (specular swap via --glass-specular, sparkle sweep via the ::after
-   star, disco-grain via --paper-clean-texture blended with a --primary radial).
-   Disco fires on hover only — at rest the button reads as a restrained glass
-   surface. Pair with `bg-primary text-primary-foreground`; the utility owns
-   the texture/highlight/sparkle composition only. */
-@utility btn-audacious {
-    position: relative;
-    isolation: isolate;
-    overflow: hidden;
-    border: 1px solid var(--glass-border-quiet);
-    box-shadow:
-        var(--border-hairline),
-        var(--glass-highlight);
-    transition:
-        background var(--duration-fast) var(--ease-standard),
-        color var(--duration-fast) var(--ease-standard),
-        transform var(--duration-fast) var(--ease-standard),
-        box-shadow var(--duration-fast) var(--ease-standard),
-        --ripple-radius var(--motion-duration-ripple, 340ms) var(--ease-out-expo);
-
-    /* Hover composition: paper-grain texture overlaid on a soft
-       --primary radial, with the specular catch-light replacing the
-       resting hairline highlight. The radial uses --primary at 18%
-       — same alpha rung the dock primary tier consumes for phase
-       tinting, just bound to the canonical CTA color instead. */
-    &:hover:not(:disabled) {
-        background-image:
-            var(--paper-clean-texture),
-            radial-gradient(
-                ellipse at 30% 30%,
-                color-mix(in srgb, var(--primary) 18%, transparent),
-                transparent 70%
-            );
-        background-blend-mode: overlay, normal;
-        background-size: var(--paper-texture-size), auto;
-        box-shadow:
-            var(--glass-specular),
-            0 0.5px 0 0 rgb(0 0 0 / 0.06);
-    }
-
-    /* AI.W4-M.2 (Q5 — G-AI-D27 ratified) — press-ripple via a typed
-       `--ripple-radius` length custom property. The `::before`
-       element paints a radial gradient whose stop radius equals the
-       typed length; the `:active` rule sets the length to the cap
-       (`--ripple-radius-max`, 12rem), and the host's transition
-       (above) interpolates the radius via the @property registration
-       (tokens.css §18). Release returns the length to its 0px initial
-       value and the ripple retires. The ripple paints at z-index 0
-       (above the host's background, below the slot content which sits
-       in the default 0 stacking context but with text inheriting the
-       slot's foreground colour). */
-    &::before {
-        content: "";
-        position: absolute;
-        inset: 0;
-        pointer-events: none;
-        z-index: 0;
-        border-radius: inherit;
-        background: radial-gradient(
-            circle at center,
-            color-mix(in srgb, var(--primary-foreground, hsl(0 0% 100%)) 35%, transparent) 0,
-            color-mix(in srgb, var(--primary-foreground, hsl(0 0% 100%)) 18%, transparent)
-                calc(var(--ripple-radius, 0px) * 0.55),
-            transparent var(--ripple-radius, 0px)
-        );
-        transition: inherit;
-        will-change: background;
-    }
-
-    &:active:not(:disabled) {
-        --ripple-radius: var(--ripple-radius-max, 12rem);
-    }
-
-    /* Sparkle glyph — hidden at rest, animated on hover. The star
-       sweeps diagonally from top-left to bottom-right per the canonical
-       sparkle-sweep keyframe (animations.css). */
-    &::after {
-        content: "✦";
-        position: absolute;
-        top: 0.25rem;
-        left: 0.5rem;
-        color: hsl(0 0% 100% / 0.7);
-        font-size: 0.75rem;
-        line-height: 1;
-        pointer-events: none;
-        opacity: 0;
-        will-change: transform, opacity;
-        z-index: 1;
-    }
-
-    @media (prefers-reduced-motion: no-preference) {
-        &:hover::after {
-            animation: sparkle-sweep var(--duration-sparkle) var(--ease-out-expo);
-        }
-    }
-
-    /* PRM bracket — the press-ripple retires; the press still reads
-       via the audacious recipe's transform/scale beat (the ripple is
-       affirmation atop affirmation). */
-    @media (prefers-reduced-motion: reduce) {
-        transition:
-            background var(--duration-fast) var(--ease-standard),
-            color var(--duration-fast) var(--ease-standard),
-            transform var(--duration-fast) var(--ease-standard),
-            box-shadow var(--duration-fast) var(--ease-standard);
-
-        &:active:not(:disabled) {
-            --ripple-radius: 0px;
-        }
-    }
-}
-
-/* ── Gold CTA shimmer modifier — AN.R0 D9 ───────────────────────────────
-   `btn-audacious-gold` extends `btn-audacious` with a gold sweep shimmer
-   on hover. Pair as `btn-audacious btn-audacious-gold` (or use the Button
-   `variant="gold-audacious"` which composes both). The hover shimmer is a
-   translucent linear-gradient sweep (low alpha — tasteful, not garish)
-   that slides left-to-right via the existing `gold-shimmer-slide` keyframe
-   (animations.css). The gold gradient uses the canonical `--color-gold-*`
-   token triad (tokens.css §13).
-
-   Design register:
-   • PRM no-preference: shimmer sweeps continuously at `--duration-shimmer`
-     rate; the sparkle-sweep (from btn-audacious) coexists on hover.
-   • PRM reduce: static gold tint shows on hover; no animation.
-   • The gold shimmer is a background-image layer ABOVE the existing
-     btn-audacious paper-grain + primary-radial layers, blended with
-     `overlay` so the glass substrate reads through at partial opacity.
-   • The `::before` ripple and `::after` sparkle from btn-audacious are
-     unchanged; this modifier only retunes the hover background layers.
-   • Consumer applies: `<Button variant="gold-audacious">Next →</Button>` */
-@utility btn-audacious-gold {
-    /* At rest: a faint warm gold tint over the glass surface reads as "warm
-       glass" without announcing the hover state prematurely. */
-    background-image:
-        linear-gradient(
-            135deg,
-            color-mix(in srgb, var(--color-gold) 8%, transparent),
-            color-mix(in srgb, var(--color-gold-light) 5%, transparent) 50%,
-            color-mix(in srgb, var(--color-gold) 8%, transparent)
-        );
-
-    /* Hover: deepen the plate to a SATURATED gold the white label clears (AW.W13
-       names a "saturated gold backplate"; the D1 fix). The bottom layer is the
-       OPAQUE fixed deep gold (`--color-gold-deep`, mode-INVARIANT) — a solid plate
-       at ~6.5:1 (light) / ~5.5:1 (dark) against white, well below the ~0.18
-       luminance floor white text needs for ≥4.5:1 (was a translucent 22-30% wash
-       over near-cream glass → 1.29:1 white-on-pale-gold). The plate is FIXED-dark
-       in both modes — deepening toward the mode-flipping `--foreground` brightened
-       the dark plate to a cream-gold; `--color-gold-deep` does not flip. The
-       shimmer sweep rides ABOVE as a LOW-alpha gold gradient (normal blend, ≤18% —
-       it textures the plate without brightening it past the floor), and the
-       paper-grain overlays for the disco facet. */
-    &:hover:not(:disabled) {
-        background-image:
-            var(--paper-clean-texture),
-            linear-gradient(
-                90deg,
-                transparent 0%,
-                color-mix(in srgb, var(--color-gold) 14%, transparent) 25%,
-                color-mix(in srgb, var(--color-gold) 18%, transparent) 50%,
-                color-mix(in srgb, var(--color-gold) 14%, transparent) 75%,
-                transparent 100%
-            ),
-            linear-gradient(
-                135deg,
-                var(--color-gold-deep),
-                color-mix(in srgb, var(--color-gold-deep), var(--color-gold-dark) 18%) 50%,
-                var(--color-gold-deep)
-            );
-        background-blend-mode: overlay, normal, normal;
-        background-size: var(--paper-texture-size), 250% 100%, 100% 100%;
-        background-position: 0 0, 100% 0, 0 0;
-        box-shadow:
-            var(--glass-specular),
-            0 0 0 1px color-mix(in srgb, var(--color-gold-dark) 40%, transparent),
-            0 0.5px 0 0 rgb(0 0 0 / 0.06);
-    }
-
-    @media (prefers-reduced-motion: no-preference) {
-        &:hover:not(:disabled) {
-            animation: btn-gold-bg-sweep var(--duration-shimmer) linear infinite;
-        }
-    }
-}
-
-/* Background-position sweep for the gold CTA hover shimmer.
-   Distinct from `gold-shimmer-slide` (which animates background-position for
-   a text-clip gradient). This variant sweeps the `background-position` of the
-   250% wide gradient across the button's bounding box. */
-@keyframes btn-gold-bg-sweep {
-    0%   { background-position: 0 0, 100% 0, 0 0; }
-    100% { background-position: 0 0, -100% 0, 0 0; }
-}
+/* ── Calm CTA register (BA.W-GLASS-CAL, H2a — the disco retired) ──────────
+   The `@utility btn-audacious` + `@utility btn-audacious-gold` recipes + the
+   `@keyframes btn-gold-bg-sweep` are RETIRED (clean break, no alias). The user
+   removed the "disco effect" wholesale: the sparkle `::after` glyph, the
+   disco-grain hover (`--paper-clean-texture` + `--primary`/gold radial), the
+   gold-sweep shimmer, and the typed `--ripple-radius` press-ripple are GONE.
+
+   The `primary-audacious`/`gold-audacious` Button variants (button/index.ts)
+   now collapse onto the calm glass-first register — the `glass-wash`/`btn-glass`
+   surface + the `--glass-specular` edge catch-light, hover/press on the §6
+   doctrine (surface→`--ease-standard`, scale→`--spring-smooth`). `gold-audacious`
+   keeps a STATIC warm-gold tint (no animated sweep). The fenced-out GOOD pops
+   (`.gold-shimmer` static text gradient, the specular gleam, the press-scale)
+   STAY — they were never disco. */
 
 /* ── Table density utilities — AN.R0 ─────────────────────────────────────
    `table-cell` and `table-head` replace the former Tailwind `p-4` / `h-12`
@@ -370,7 +189,7 @@
     transition:
         background-color var(--duration-fast) var(--ease-standard),
         color var(--duration-fast) var(--ease-standard),
-        scale var(--duration-fast) var(--spring-smooth),
+        scale var(--spring-smooth-duration) var(--spring-smooth),
         opacity var(--duration-fast) var(--ease-standard);
 
     &:hover {
@@ -394,7 +213,7 @@
         transition:
             background-color var(--duration-fast) var(--ease-standard),
             color var(--duration-fast) var(--ease-standard),
-            scale var(--duration-fast) var(--spring-smooth),
+            scale var(--spring-smooth-duration) var(--spring-smooth),
             opacity var(--duration-fast) var(--ease-standard),
             box-shadow var(--duration-fast) var(--ease-standard);
     }

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/src/styles/view-transition.css

@@ -35,7 +35,10 @@
 /* Shared group class — consumers add `view-transition-class: gl-list-item` on
  * each tracked element plus a unique `view-transition-name` per element. */
 ::view-transition-group(.gl-list-item) {
-    animation-duration: var(--vt-duration, var(--duration-normal));
+    /* BA.W-GLASS-CAL Unit 3 — the duration fallback rides the bouncy spring's
+       OWN settle clock (`--spring-bouncy-duration`) so the default VT bounce
+       plays at its physical settle; a consumer still overrides via `--vt-duration`. */
+    animation-duration: var(--vt-duration, var(--spring-bouncy-duration));
     animation-timing-function: var(--vt-ease, var(--spring-bouncy));
 }
 

package/dist/CardAction-Cj2eycQ2.js

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