@mkbabb/glass-ui 4.1.0 → 4.2.0

package/src/styles/tokens/shadow.css

@@ -6,12 +6,17 @@
     /* ═══════════════════════════════════════════════
        §7  SHADOWS — cartoon offset is the signature
        ═══════════════════════════════════════════════ */
-    --shadow-cartoon:       3px 3px 0px 0px color-mix(in srgb, var(--foreground) 8%, transparent);
-    --shadow-cartoon-hover: 4px 4px 0px 0px color-mix(in srgb, var(--foreground) 10%, transparent);
+    /* BD.W-CARTOON-CEL-INK — the `--shadow-cartoon`/`-hover` aliases + the
+       `--shadow-modal` cartoon plane re-point onto the warm `--cartoon-ink-lead`
+       (0-blur down-LEFT, the cel family coherence — no neutral `--foreground` gray
+       smudge). `--cartoon-ink-lead` is defined below in this same :root block (custom
+       properties resolve order-independently). */
+    --shadow-cartoon:       -3px 3px 0px 0px var(--cartoon-ink-lead);
+    --shadow-cartoon-hover: -4px 4px 0px 0px var(--cartoon-ink-lead);
     --shadow-soft:          0 4px 12px rgba(0, 0, 0, 0.1);
     --shadow-elevated:      0 8px 24px rgba(0, 0, 0, 0.12);
     --shadow-modal:
-        4px 4px 0px 0px color-mix(in srgb, var(--foreground) 8%, transparent),
+        -4px 4px 0px 0px var(--cartoon-ink-lead),
         0 24px 64px color-mix(in srgb, var(--foreground) 12%, transparent);
 
     --cartoon-shadow:       var(--shadow-cartoon);
@@ -88,16 +93,42 @@
     --shadow-cartoon-color:             rgb(0 0 0 / 0.12);
     --shadow-cartoon-color-soft:        rgb(0 0 0 / 0.06);
 
-    /* Tiered cartoon shadows */
-    --shadow-cartoon-sm: -3px 2px 1px color-mix(in srgb, var(--shadow-color) 10%, transparent),
-        0 3px 1px color-mix(in srgb, var(--shadow-color) 10%, transparent),
-        -3px 3px 1px color-mix(in srgb, var(--shadow-color) 6%, transparent);
-    --shadow-cartoon-md: -4px 3px 1px color-mix(in srgb, var(--shadow-color) 12%, transparent),
-        0 4px 1px color-mix(in srgb, var(--shadow-color) 12%, transparent),
-        -4px 4px 2px color-mix(in srgb, var(--shadow-color) 8%, transparent);
-    --shadow-cartoon-lg: -6px 4px 1px color-mix(in srgb, var(--shadow-color) 12%, transparent),
-        0 6px 1px color-mix(in srgb, var(--shadow-color) 12%, transparent),
-        -6px 6px 2px color-mix(in srgb, var(--shadow-color) 8%, transparent);
+    /* ── BD.W-CARTOON-CEL-INK — the cartoon register's OWN warm cel ink ──────────────
+       Decoupled from `--shadow-color` so a consumer retunes the cast without
+       disturbing every elevation box-shadow. Built by EXTRACTING the warm
+       `--foreground` hue (`oklch from`) and FLOORING chroma (`max(c, 0.11)` —
+       TECHNICOLOR, not merely-non-gray, the BA.W-NO-GRAY discipline applied to the
+       cast) + DEEPENING L (`clamp(0.14, l, 0.18)`) so at stamp opacity it reads as a
+       COLORED cel line, never a neutral gray. A cel cast is INK — it stays a warm DARK
+       ink (the dark arm pins its own warm dark ink, dark-arm.css). The three planes
+       step DOWN in opacity (lead 32% / mid 26% / contact 18%) — `in oklab` NOT
+       `in srgb` (srgb muddies a warm dark ink toward gray as it dilutes; oklab holds
+       the warm hue stable across the alpha ramp — the landed gray-dilution defect). */
+    --cartoon-ink: oklch(from var(--foreground) clamp(0.14, l, 0.18) max(c, 0.11) h);
+    --cartoon-ink-lead:    color-mix(in oklab, var(--cartoon-ink) 32%, transparent);
+    --cartoon-ink-mid:     color-mix(in oklab, var(--cartoon-ink) 26%, transparent);
+    --cartoon-ink-contact: color-mix(in oklab, var(--cartoon-ink) 18%, transparent);
+    /* `@supports not (oklch from …)` floors the ink to a named warm sRGB literal
+       (a legacy engine gets a WARM — not gray — stamp; NO dead inline literal). */
+    --cartoon-ink-fallback: #4a3320;
+
+    /* BD.W-CARTOON-CEL-INK — the tiered cel-ink STAMP, re-pointed to the warm
+       `--cartoon-ink` rungs at HARD 0-BLUR (lead + mid + contact all 0px — the cel
+       edge; the landed 1–2px soft blur is the gray-smudge defect), keeping the LANDED
+       down-LEFT geometry (REFINE-not-flip — the direction is coherent with the
+       upper-right `--glass-key`; cast lands lower-LEFT). φ-cadenced offsets. */
+    --shadow-cartoon-sm:
+        -2px 2px 0 var(--cartoon-ink-lead),
+        -3px 3px 0 var(--cartoon-ink-mid),
+        -4px 4px 0 var(--cartoon-ink-contact);
+    --shadow-cartoon-md:
+        -3px 3px 0 var(--cartoon-ink-lead),
+        -5px 5px 0 var(--cartoon-ink-mid),
+        -7px 7px 0 var(--cartoon-ink-contact);
+    --shadow-cartoon-lg:
+        -4px 4px 0 var(--cartoon-ink-lead),
+        -7px 7px 0 var(--cartoon-ink-mid),
+       -11px 11px 0 var(--cartoon-ink-contact);
     --cartoon-shadow-sm: var(--shadow-cartoon-sm);
     --cartoon-shadow-md: var(--shadow-cartoon-md);
     --cartoon-shadow-lg: var(--shadow-cartoon-lg);
@@ -164,3 +195,32 @@
         color-mix(in srgb, var(--blob-shadow-color) 44%, transparent);
 
 }
+
+/* BD.W-CARTOON-CEL-INK — the relative-color-syntax fallback. On a legacy engine that
+   lacks `oklch(from …)`, `--cartoon-ink` would be invalid (the whole cast drops). Floor
+   it to the named warm sRGB literal `--cartoon-ink-fallback` (NOT a dead inline literal)
+   so the cel stamp degrades to a WARM — never gray, never empty — ink. The three
+   strength rungs re-derive off the floored ink for free (they `color-mix` it). */
+@supports not (color: oklch(from white l c h)) {
+    :root {
+        --cartoon-ink: var(--cartoon-ink-fallback);
+    }
+}
+
+/* BD.W-CARTOON-CEL-INK — prefers-contrast / reduced-transparency floor the inked edge
+   UP (the cel cast is a legibility ASSET, not decoration; PRT is NOT a no-op — the cast
+   is translucent ink). */
+@media (prefers-contrast: more) {
+    :root {
+        --cartoon-ink-lead:    color-mix(in oklab, var(--cartoon-ink) 42%, transparent);
+        --cartoon-ink-mid:     color-mix(in oklab, var(--cartoon-ink) 34%, transparent);
+        --cartoon-ink-contact: color-mix(in oklab, var(--cartoon-ink) 24%, transparent);
+    }
+}
+@media (prefers-reduced-transparency: reduce) {
+    :root {
+        --cartoon-ink-lead:    color-mix(in oklab, var(--cartoon-ink) 42%, transparent);
+        --cartoon-ink-mid:     color-mix(in oklab, var(--cartoon-ink) 34%, transparent);
+        --cartoon-ink-contact: color-mix(in oklab, var(--cartoon-ink) 24%, transparent);
+    }
+}

package/src/styles/tokens.css

@@ -21,10 +21,17 @@
  * (registrations + the specular magnitude cohort that reads them).
  */
 
-/* CSS @import rules must precede every other rule. The ten partials @import in
+/* CSS @import rules must precede every other rule. The partials @import in
    cascade order (offsets-sizing.css was carved into offsets.css + sizing.css at
-   BB.W-CARVE3 — adjacent same-selector :root blocks at the same cascade slot): */
+   BB.W-CARVE3, and scheme-motion's §2 EASING block into scheme-spring.css at
+   BD.W-CUT — adjacent same-selector :root blocks at the same cascade slot): */
 @import "./tokens/scheme-motion.css";
+/* BD.W-CUT (no-god-module carve) — scheme-motion's §2 EASING block (spring
+   linear() curves + per-spring duration clocks + goo-flow curves + bezier
+   cores/aliases) carved into scheme-spring.css to hold the 500-line bound,
+   @import-ed IMMEDIATELY AFTER scheme-motion.css (adjacent same-selector :root
+   blocks at the same cascade slot — the spring/easing tokens resolve in order). */
+@import "./tokens/scheme-spring.css";
 @import "./tokens/color-radius.css";
 @import "./tokens/shadow.css";
 @import "./tokens/glass.css";

package/src/styles/utilities/btn.css

@@ -109,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/dist/DialogContent-6JtTB5x2.js

@@ -1,106 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vendor-B2qOlYY3.js";
-import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
-import { t as r } from "./useSpringMount-BWDnKIwh.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"
-			};
-		}), j = { "--glass-bg-floating": "var(--glass-bg-dialog)" }, M = a(() => ({
-			...j,
-			...A.value ?? {}
-		}));
-		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: M.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-(--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: 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/PagerDots-Cjx96la-.js

@@ -1,98 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { Fragment as n, computed as r, createElementBlock as i, defineComponent as a, mergeModels as o, nextTick as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, unref as f, useModel as p, watch as m } from "vue";
-//#region src/components/custom/pager-dots/pagerWindow.ts
-function h(e, t, n) {
-	let r = Math.max(1, Math.min(n, e)), i = e <= r ? 0 : Math.max(0, Math.min(t - Math.floor(r / 2), e - r)), a = Math.min(r, e), o = Array.from({ length: a }, (e, t) => i + t);
-	return {
-		shown: o,
-		clippedStart: o.length > 0 && o[0] > 0,
-		clippedEnd: o.length > 0 && o[o.length - 1] < e - 1
-	};
-}
-//#endregion
-//#region src/components/custom/pager-dots/PagerDots.vue?vue&type=script&setup=true&lang.ts
-var g = [
-	"role",
-	"aria-label",
-	"aria-orientation",
-	"data-orientation"
-], _ = [
-	"role",
-	"aria-selected",
-	"aria-current",
-	"aria-label",
-	"data-active",
-	"data-edge",
-	"onClick"
-], v = /* @__PURE__ */ t(/* @__PURE__ */ a({
-	__name: "PagerDots",
-	props: /* @__PURE__ */ o({
-		count: {},
-		orientation: { default: "horizontal" },
-		windowFit: {},
-		ring: {
-			type: Boolean,
-			default: !0
-		},
-		pattern: { default: "tabs" },
-		ariaLabel: { default: "Pager" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		active: { default: 0 },
-		activeModifiers: {}
-	}),
-	emits: /* @__PURE__ */ o(["select"], ["update:active"]),
-	setup(t, { emit: a }) {
-		let o = t, v = a, y = p(t, "active"), b = u(null), x = /* @__PURE__ */ new Map();
-		function S(e, t) {
-			t ? x.set(e, t) : x.delete(e);
-		}
-		let C = r(() => o.windowFit && o.windowFit > 0 ? h(o.count, y.value, o.windowFit) : {
-			shown: Array.from({ length: Math.max(0, o.count) }, (e, t) => t),
-			clippedStart: !1,
-			clippedEnd: !1
-		}), w = r(() => C.value.shown);
-		m(w, (e) => {
-			let t = b.value;
-			if (!t || !t.contains(document.activeElement)) return;
-			let n = document.activeElement;
-			e.some((e) => x.get(e) === n) || s(() => x.get(y.value)?.focus());
-		});
-		function T(e) {
-			y.value = e, v("select", e);
-		}
-		return (r, a) => (l(), i("div", {
-			ref_key: "rootEl",
-			ref: b,
-			"data-slot": "pager-dots",
-			role: t.pattern === "group" ? "group" : "tablist",
-			"aria-label": t.ariaLabel,
-			"aria-orientation": t.pattern === "group" ? void 0 : t.orientation,
-			"data-orientation": t.orientation,
-			class: c(f(e)("pager-dots inline-flex items-center justify-center gap-1.5", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", o.class))
-		}, [(l(!0), i(n, null, d(w.value, (e, n) => (l(), i("button", {
-			key: e,
-			ref_for: !0,
-			ref: (t) => S(e, t),
-			type: "button",
-			role: t.pattern === "group" ? void 0 : "tab",
-			"aria-selected": t.pattern === "group" ? void 0 : e === y.value,
-			"aria-current": t.pattern === "group" && e === y.value ? "true" : void 0,
-			"aria-label": `Go to slide ${e + 1}`,
-			"data-active": e === y.value ? "" : void 0,
-			"data-edge": n === 0 && C.value.clippedStart || n === w.value.length - 1 && C.value.clippedEnd ? "" : void 0,
-			"data-slot": "pager-dot",
-			class: "pager-dot focus-ring tap-squish",
-			onClick: (t) => T(e)
-		}, null, 8, _))), 128))], 10, g));
-	}
-}), [["__scopeId", "data-v-8a305958"]]);
-//#endregion
-export { h as n, v as t };

package/dist/PaperBackdrop-CqwjnfLv.js

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

package/dist/badge-D9XWW4GT.js

@@ -1,53 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
-import { cva as s } from "class-variance-authority";
-//#region src/components/ui/badge/Badge.vue?vue&type=script&setup=true&lang.ts
-var c = ["data-variant", "data-size"], l = /* @__PURE__ */ n({
-	__name: "Badge",
-	props: {
-		variant: {},
-		size: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let s = n;
-		return (l, d) => (i(), t("div", {
-			"data-slot": "badge",
-			"data-variant": n.variant,
-			"data-size": n.size,
-			class: r(o(e)(o(u)({
-				variant: n.variant,
-				size: n.size
-			}), s.class))
-		}, [a(l.$slots, "default")], 10, c));
-	}
-}), u = s("focus-ring inline-flex items-center gap-1.5 rounded-badge border font-semibold transition-control wrap-anywhere [&_svg:not([class*=size-])]:size-(--ui-glyph-sm) [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
-	variants: {
-		variant: {
-			default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-			secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-			destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80 dark:bg-[hsl(0_70%_45%)] dark:hover:bg-[hsl(0_70%_45%)]/85",
-			outline: "text-foreground",
-			success: "border-transparent bg-success text-success-foreground hover:bg-success/80",
-			warning: "border-transparent bg-warning text-warning-foreground hover:bg-warning/80",
-			info: "border-transparent bg-info text-info-foreground hover:bg-info/80"
-		},
-		size: {
-			sm: "text-[length:var(--control-text-sm)] leading-4 px-2 py-0.5",
-			md: "text-[length:var(--control-text)] leading-5 px-2.5 py-1",
-			lg: "text-[length:calc(var(--type-body)*var(--ui-scale))] leading-6 px-3 py-1.5"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "md"
-	}
-});
-//#endregion
-export { l as n, u as t };

package/dist/button-5dY1Dvhd.js

@@ -1,125 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSpringPress-B1-Czp-V.js";
-import { t as n } from "./useLiquidFlex-UmA6LMZu.js";
-import { t as r } from "./vSpecular-EX7loENl.js";
-import { computed as i, createBlock as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u, watch as d, withCtx as f, withDirectives as p } from "vue";
-import { Primitive as m } from "reka-ui";
-import { cva as h } from "class-variance-authority";
-//#endregion
-//#region src/components/ui/button/Button.vue
-var g = /* @__PURE__ */ o({
-	__name: "Button",
-	props: {
-		variant: {},
-		size: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: {},
-		liquid: { type: Boolean },
-		type: {},
-		disabled: { type: [Boolean, String] },
-		asChild: { type: Boolean },
-		as: { default: "button" }
-	},
-	setup(o) {
-		let h = o, g = i(() => ({
-			type: h.type,
-			disabled: h.disabled
-		})), v = i(() => {
-			if (h.surface === "veil") return "veil-surface";
-			if (h.surface === "opaque") return "glass-opaque";
-		}), y = t(), b = n({
-			from: 0,
-			to: 1,
-			axis: "width",
-			maxStretch: 1.04,
-			squishLaw: "linear"
-		});
-		d(() => y.value.value, (e) => b.squish(e), {
-			immediate: !0,
-			flush: "sync"
-		});
-		let x = i(() => {
-			let e = y.value.value, t = b.stretch.value, n = 1 - e * .03, r = (n * t).toFixed(4), i = (n / t).toFixed(4), a = { "--glass-btn-press-t": e.toFixed(4) };
-			return e > .001 && (a.scale = `${r} ${i}`), a;
-		}), S = new Set([
-			"default",
-			"glass",
-			"glass-wash",
-			"primary-audacious",
-			"gold-audacious",
-			"outline",
-			"secondary",
-			"accent"
-		]), C = i(() => S.has(h.variant ?? "default")), w = i(() => ({ ...x.value })), T = i(() => h.liquid ? "glass-lens" : void 0);
-		return (t, n) => p((c(), a(u(m), s({
-			as: o.as,
-			"as-child": o.asChild,
-			"data-slot": "button",
-			"data-variant": o.variant,
-			"data-size": o.size,
-			"data-surface": o.surface
-		}, g.value, {
-			class: u(e)(u(_)({
-				variant: o.variant,
-				size: o.size
-			}), v.value, T.value, h.class),
-			style: w.value,
-			onPointerdown: u(y).press,
-			onPointerup: u(y).release,
-			onPointercancel: u(y).release,
-			onPointerleave: u(y).release
-		}), {
-			default: f(() => [l(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"as",
-			"as-child",
-			"data-variant",
-			"data-size",
-			"data-surface",
-			"class",
-			"style",
-			"onPointerdown",
-			"onPointerup",
-			"onPointercancel",
-			"onPointerleave"
-		])), [[u(r), C.value]]);
-	}
-}), _ = h("btn-pill tap-squish focus-ring whitespace-nowrap text-[length:var(--control-text)] font-medium cursor-pointer active:scale-(--scale-press-btn) disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled [&_svg:not([class*=size-])]:size-(--ui-glyph) [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
-	variants: {
-		variant: {
-			default: "glass-wash btn-glass glass-deep text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))]",
-			"primary-audacious": "glass-wash btn-glass glass-deep text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))] hover:scale-(--scale-hover-btn) aria-pressed:scale-(--scale-press-btn)",
-			"gold-audacious": "glass-wash btn-glass text-foreground bg-[linear-gradient(135deg,color-mix(in_srgb,var(--color-gold)_10%,transparent),color-mix(in_srgb,var(--color-gold-light)_6%,transparent)_50%,color-mix(in_srgb,var(--color-gold)_10%,transparent))] hover:bg-[linear-gradient(135deg,color-mix(in_srgb,var(--color-gold)_16%,transparent),color-mix(in_srgb,var(--color-gold-light)_10%,transparent)_50%,color-mix(in_srgb,var(--color-gold)_16%,transparent))] hover:scale-(--scale-hover-btn) aria-pressed:scale-(--scale-press-btn)",
-			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80 aria-pressed:bg-destructive/85",
-			outline: "glass-wash btn-glass text-foreground border-(--glass-border-floating) hover:bg-(--glass-bg-quiet-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-resting-tinted) active:border-(--glass-border-floating) aria-pressed:bg-(--glass-bg-resting-tinted)",
-			secondary: "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-quiet-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-resting-tinted) aria-pressed:bg-(--glass-bg-resting-tinted)",
-			accent: "glass-wash btn-glass text-foreground border-(--glass-border-resting) hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-floating) active:bg-(--glass-bg-floating-tinted) aria-pressed:bg-(--glass-bg-resting-tinted)",
-			ghost: "bg-transparent text-foreground/70 hover:bg-foreground/8 hover:text-foreground active:bg-foreground/12 aria-pressed:bg-foreground/10 aria-pressed:text-foreground",
-			glass: "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))]",
-			"glass-wash": "glass-wash btn-glass text-foreground/70 hover:bg-foreground/[0.04] hover:border-(--surface-tint-22) hover:text-foreground active:bg-foreground/[0.08] aria-pressed:bg-foreground/[0.1] aria-pressed:text-foreground",
-			ai: "bg-amber-500/15 text-amber-700 hover:bg-amber-500/25 active:bg-amber-500/35 dark:text-amber-400 aria-pressed:bg-amber-500/30",
-			link: "text-primary underline-offset-4 hover:underline active:opacity-80 active:scale-100"
-		},
-		size: {
-			default: "h-(--control-h-md) px-4 py-2 has-[>svg]:px-3",
-			xs: "h-(--control-h-xs) rounded-pill px-2 text-[length:var(--control-text-sm)]",
-			sm: "h-(--control-h-sm) rounded-pill px-3",
-			lg: "h-(--control-h-lg) rounded-pill px-8 has-[>svg]:px-5",
-			icon: "h-(--control-h-md) w-(--control-h-md) p-0",
-			"icon-sm": "h-(--control-h-xs) w-(--control-h-xs) p-0"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-//#endregion
-export { g as n, _ as t };