@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/styles/tokens/dark-arm.css

@@ -1 +1 @@
-.dark { color-scheme: dark; accent-color: var(--accent-color); --neutral-0: hsl(24 9% 4%); --neutral-1: hsl(28 12% 11%); --neutral-2: hsl(28 14% 16%); --neutral-3: hsl(30 18% 22%); --neutral-4: hsl(30 16% 34%); --neutral-5: hsl(34 14% 62%); --neutral-6: hsl(36 14% 72%); --foreground: hsl(30 14% 90%); --card: hsl(26 22% 17%); --popover: hsl(26 22% 17%); --surface-public-data-panel: hsl(36 9% 18%); --primary: oklch(0.739 0.134 318.1); --primary-foreground: hsl(24 10% 10%); --destructive: hsl(0 80% 60%); --destructive-foreground: hsl(48 10% 90%); --focus-ring-color: hsl(48 10% 70%); --shadow: hsl(0 0% 5%); --section-color-0: oklch(0.721 0.145 354.0); --section-color-1: oklch(0.733 0.113 308.2); --section-color-2: oklch(0.718 0.107 268.4); --section-color-3: oklch(0.767 0.091 219.9); --section-color-4: oklch(0.776 0.105 172.6); --section-color-5: oklch(0.813 0.109 78.2); --section-color-6: oklch(0.693 0.151 28.1); --section-color-7: oklch(0.739 0.134 318.1); --section-color-8: oklch(0.709 0.142 2.3); --section-color-9: oklch(0.763 0.032 239.0); --section-color-10: oklch(0.794 0.116 127.9); --section-color-11: oklch(0.805 0.095 206.7); --section-color-12: oklch(0.719 0.115 295.6); --accent-pink: oklch(0.683 0.131 354.7); --section-heading: oklch(0.711 0.123 349.3); --accent-red: oklch(0.644 0.165 22.9); --viz-fourier: oklch(0.693 0.151 28.1); --viz-chebyshev: oklch(0.718 0.107 268.4); --viz-legendre: oklch(0.739 0.134 318.1); --configurator-divider: color-mix(in srgb, var(--foreground) 22%, transparent); --configurator-divider-section: color-mix(in srgb, var(--foreground) 30%, transparent); --configurator-section-tint: color-mix(in srgb, var(--foreground) 3%, transparent); --tier-featured: oklch(0.867 0.165 88.7); --tier-saved: oklch(0.748 0.135 250.1); --like: oklch(0.690 0.162 22.2); --success: oklch(0.805 0.186 151.6); --warning: oklch(0.809 0.150 76.6); --info: oklch(0.713 0.138 259.5); --delete: oklch(0.644 0.170 23.1); --success-foreground: hsl(48 10% 96%); --warning-foreground: hsl(24 10% 10%); --info-foreground: hsl(48 10% 96%); --cartoon-ink-lead: color-mix(in oklab, var(--cartoon-ink) 46%, transparent); --cartoon-ink-mid: color-mix(in oklab, var(--cartoon-ink) 38%, transparent); --cartoon-ink-contact: color-mix(in oklab, var(--cartoon-ink) 26%, transparent); --cartoon-ink-fallback: #413626; --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.3); --shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.35); --shadow-modal: -4px 4px 0px 0px var(--cartoon-ink-lead), 0 24px 64px color-mix(in srgb, var(--foreground) 18%, transparent); --constellation-node: hsl(42 9% 72%); --constellation-node-dim: hsl(42 8% 56%); --constellation-line: hsl(45 12% 86%); --constellation-accent: hsl(20 70% 60%); --constellation-edge-alpha: 0.20; --constellation-edge-focus-alpha: 0.32; --constellation-alpha: 0.88; --constellation-edge-floor: 0; --constellation-edge-accent-alpha: 0.34; --glass-opacity-wash: 0.38; --glass-opacity-quiet: 0.58; --glass-opacity-resting: 0.72; --glass-opacity-floating: 0.88; --glass-opacity-overlay: 0.96; --glass-opacity-chassis: 0.36; --glass-opacity-dialog: 0.76; --glass-grain-opacity: 0.045; --paper-grain-opacity: 0.16; --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.08); --glass-tint-strength-aa: 12%; --glass-tint-ink-dock: oklch(from var(--foreground) 0.90 0.045 h); --glass-tint-strength-floor: 12%; --on-glass-muted: hsl(34 16% 72%); --on-glass-muted-strong: hsl(36 13% 81%); --input-on-glass: hsl(26 12% 22%); --progress-track-on-glass: hsl(28 14% 26%); --surface-tint-4: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 4%, transparent); --surface-tint-6: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 6%, transparent); --surface-tint-8: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 8%, transparent); --surface-tint-10: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 10%, transparent); --surface-tint-12: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 12%, transparent); --surface-tint-15: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 15%, transparent); --surface-tint-18: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 18%, transparent); --surface-tint-22: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 22%, transparent); --surface-tint-25: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 25%, transparent); --surface-tint-35: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 35%, transparent); --surface-tint-40: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 40%, transparent); --surface-tint-70: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 70%, transparent); --hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.05); --hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.06); --glass-specular: inset 0 1.5px 0 0 hsl(0 0% 100% / 0.30); --glass-edge-light: var(--glass-edge-light-dark); --glass-rim-top: inset 0 var(--glass-key-lit-y) 0 hsl(0 0% 100% / 0.40), inset var(--glass-key-lit-x) 0 0 hsl(0 0% 100% / 0.24); --glass-rim-bottom: inset 0 var(--glass-key-shade-y) 0 color-mix(in srgb, var(--foreground) 6%, transparent), inset var(--glass-key-shade-x) 0 0 color-mix(in srgb, var(--foreground) 4%, transparent); --tab-track-recess-ink: color-mix(in srgb, var(--foreground) 11%, transparent); --glass-fringe-warm: oklch(0.78 0.07 40 / 0.18); --glass-fringe-cool: oklch(0.74 0.06 230 / 0.14); --glass-curvature-intensity: 0.012; --gold: oklch(0.784 0.143 86.0); --gold-light: oklch(0.898 0.182 97.4); --gold-dark: oklch(0.678 0.150 63.8); --silver: oklch(0.792 0.012 255); --silver-light: oklch(0.912 0.010 255); --silver-dark: oklch(0.648 0.014 255); --bronze: oklch(0.650 0.090 54.0); --bronze-light: oklch(0.790 0.110 60.0); --bronze-dark: oklch(0.560 0.085 50.0); }
+.dark{color-scheme: dark;accent-color: var(--accent-color);--neutral-0: hsl(24 9% 4%);--neutral-1: hsl(28 12% 11%);--neutral-2: hsl(28 14% 16%);--neutral-3: hsl(30 18% 22%);--neutral-4: hsl(30 16% 34%);--neutral-5: hsl(34 14% 62%);--neutral-6: hsl(36 14% 72%);--foreground: hsl(30 14% 90%);--card: hsl(26 22% 17%);--popover: hsl(26 22% 17%);--surface-public-data-panel: hsl(36 9% 18%);--primary: oklch(0.739 0.134 318.1);--primary-foreground: hsl(24 10% 10%);--destructive: oklch(0.702 0.184 27.5);--destructive-foreground: hsl(24 10% 10%);--focus-ring-color: hsl(48 10% 70%);--shadow: hsl(0 0% 5%);--section-color-0: oklch(0.721 0.145 354.0);--section-color-1: oklch(0.733 0.113 308.2);--section-color-2: oklch(0.718 0.107 268.4);--section-color-3: oklch(0.767 0.091 219.9);--section-color-4: oklch(0.776 0.105 172.6);--section-color-5: oklch(0.813 0.109 78.2);--section-color-6: oklch(0.693 0.151 28.1);--section-color-7: oklch(0.739 0.134 318.1);--section-color-8: oklch(0.709 0.142 2.3);--section-color-9: oklch(0.763 0.032 239.0);--section-color-10: oklch(0.794 0.116 127.9);--section-color-11: oklch(0.805 0.095 206.7);--section-color-12: oklch(0.719 0.115 295.6);--accent-pink: oklch(0.683 0.131 354.7);--section-heading: oklch(0.711 0.123 349.3);--accent-red: oklch(0.644 0.165 22.9);--viz-fourier: oklch(0.693 0.151 28.1);--viz-chebyshev: oklch(0.718 0.107 268.4);--viz-legendre: oklch(0.739 0.134 318.1);--configurator-divider: color-mix(in srgb,var(--foreground) 22%,transparent);--configurator-divider-section: color-mix(in srgb,var(--foreground) 30%,transparent);--configurator-section-tint: color-mix(in srgb,var(--foreground) 3%,transparent);--tier-featured: oklch(0.867 0.165 88.7);--tier-saved: oklch(0.748 0.135 250.1);--like: oklch(0.690 0.162 22.2);--success: oklch(0.805 0.186 151.6);--warning: oklch(0.809 0.150 76.6);--info: oklch(0.713 0.138 259.5);--delete: oklch(0.644 0.170 23.1);--success-foreground: hsl(24 10% 10%);--warning-foreground: hsl(24 10% 10%);--info-foreground: hsl(24 10% 10%);--cartoon-ink-lead: color-mix(in oklab,var(--cartoon-ink) 46%,transparent);--cartoon-ink-mid: color-mix(in oklab,var(--cartoon-ink) 38%,transparent);--cartoon-ink-contact: color-mix(in oklab,var(--cartoon-ink) 26%,transparent);--cartoon-ink-fallback: #413626;--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.3);--shadow-elevated: 0 8px 24px rgba(0,0,0,0.35);--shadow-modal: -4px 4px 0px 0px var(--cartoon-ink-lead),0 24px 64px color-mix(in srgb,var(--foreground) 18%,transparent);--constellation-node: hsl(42 9% 72%);--constellation-node-dim: hsl(42 8% 56%);--constellation-line: hsl(45 12% 86%);--constellation-accent: hsl(20 70% 60%);--constellation-edge-alpha: 0.20;--constellation-edge-focus-alpha: 0.32;--constellation-alpha: 0.88;--constellation-edge-floor: 0;--constellation-edge-accent-alpha: 0.34;--paper-grain-opacity: 0.16;--glass-veil-ink: oklch(0.17 0.03 70);--glass-veil-base: 0.18;--glass-focus-veil-dim: color-mix(in oklab,var(--glass-plate-overlay) 40%,transparent);--on-glass-muted: hsl(34 16% 72%);--on-glass-muted-strong: hsl(36 13% 81%);--input-on-glass: hsl(26 12% 22%);--surface-tint-4: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 4%,transparent);--surface-tint-6: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 6%,transparent);--surface-tint-8: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 8%,transparent);--surface-tint-10: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 10%,transparent);--surface-tint-12: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 12%,transparent);--surface-tint-15: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 15%,transparent);--surface-tint-18: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 18%,transparent);--surface-tint-22: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 22%,transparent);--surface-tint-25: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 25%,transparent);--surface-tint-40: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 40%,transparent);--surface-tint-70: color-mix(in srgb,oklch(from var(--foreground) 0.975 c h) 70%,transparent);--hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.05);--hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.06);--glass-rim-top: inset 0 var(--glass-key-lit-y) 0 hsl(0 0% 100% / calc(0.08 * var(--glass-level)));--glass-rim-bottom: inset 0 var(--glass-key-shade-y) 0 color-mix(in srgb,var(--foreground) calc(6% * var(--glass-level)),transparent),inset var(--glass-key-shade-x) 0 0 color-mix(in srgb,var(--foreground) calc(4% * var(--glass-level)),transparent);--tab-track-recess-ink: color-mix(in srgb,var(--foreground) 11%,transparent);--glass-capsule-warm: oklch(0.42 0.06 75);--glass-curvature-intensity: 0.012;--gold: oklch(0.784 0.143 86.0);--gold-light: oklch(0.898 0.182 97.4);--gold-dark: oklch(0.678 0.150 63.8);--silver: oklch(0.792 0.012 255);--silver-light: oklch(0.912 0.010 255);--silver-dark: oklch(0.648 0.014 255);--bronze: oklch(0.650 0.090 54.0);--bronze-light: oklch(0.790 0.110 60.0);--bronze-dark: oklch(0.560 0.085 50.0);}

package/dist/styles/tokens/glass-deep.css

@@ -1 +1 @@
-:root { --glass-blur-deep-radius: 16px; --glass-saturate-deep: 1.8; --glass-depth-content: 0.35; --glass-depth-popover: 0.7; --glass-depth-menu: 1; }
+:root{--glass-blur-deep-boost: 5px;--glass-saturate-deep: 1.8;--glass-depth-content: 0.35;--glass-depth-popover: 0.7;--glass-depth-menu: 1;}

package/dist/styles/tokens/glass-fx.css

@@ -1 +1 @@
-:root { --glass-grain-opacity: 0.025; --paper-grain-opacity: 0.21; --glass-grain-engage-duration: 120ms; --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.25); --hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.06); --hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.04); --border-hairline: var(--hairline-catch-light), var(--hairline-under-shadow); --metal-glow-blur-default: 0.5em; --metal-glow-opacity-default: 0.35; --glass-specular: inset 0 1.5px 0 0 hsl(0 0% 100% / 0.45); --glass-specular-dark: inset 0 1.5px 0 0 hsl(0 0% 100% / 0.30); --glass-edge-light: inset 0 0 0 0.75px hsl(0 0% 100% / 0.18); --glass-key-lit-x: -1px; --glass-key-lit-y: 1px; --glass-key-shade-x: 1px; --glass-key-shade-y: -1px; --glass-key-direction: 0; --glass-rim-top: inset 0 var(--glass-key-lit-y) 0 hsl(0 0% 100% / 0.30), inset var(--glass-key-lit-x) 0 0 hsl(0 0% 100% / 0.18); --glass-rim-bottom: inset 0 var(--glass-key-shade-y) 0 color-mix(in srgb, var(--foreground) 6%, transparent), inset var(--glass-key-shade-x) 0 0 color-mix(in srgb, var(--foreground) 4%, transparent); --glass-edge-light-dark: inset 0 0 0 0.75px hsl(0 0% 100% / 0.22); --glass-tint-source: var(--card); --glass-tint-strength: 0%; --glass-capsule-warm: oklch(0.88 0.1 75); --glass-capsule-warm-floor: 16%; --tab-track-recess-ink: color-mix(in srgb, var(--foreground) 7%, transparent); --glass-backdrop: dark; --glass-tint-ink: var(--foreground); --glass-tint-ink-dock: oklch(from var(--foreground) 0.42 0.05 h); --glass-backdrop-luma-knee: 0.6; --glass-tint-strength-aa: 20%; --glass-tint-strength-floor: 4%; --glass-fringe-warm: oklch(0.92 0.06 40 / 0.22); --glass-fringe-cool: oklch(0.90 0.05 230 / 0.16); --glass-edge-dispersion: inset 0.75px 0 0 0 var(--glass-fringe-warm), inset -0.75px 0 0 0 var(--glass-fringe-cool); --glass-specular-size: 36%; --glass-curvature-intensity: 0.02; --glass-curvature-overlay: radial-gradient( ellipse at 50% -20%, hsl(40 30% 96% / var(--glass-curvature-intensity)), transparent 38% ); --chart-ping: var(--viz-chebyshev); --chart-download: var(--viz-fourier); --chart-upload: var(--viz-amber); --chart-jitter: var(--viz-legendre); --glass-shadow-wash: var(--shadow-sm), var(--glass-highlight); --glass-shadow-quiet: var(--shadow-md), var(--glass-highlight); --glass-shadow-resting: var(--shadow-lg), var(--glass-highlight); --glass-shadow-floating: var(--shadow-xl), 0 0 0 0.5px color-mix(in srgb, var(--shadow-color) 5%, transparent), var(--glass-highlight); --glass-shadow-overlay: var(--shadow-2xl), 0 0 0 0.5px color-mix(in srgb, var(--shadow-color) 8%, transparent), var(--glass-highlight); --glass-under-shadow-quiet: calc(2px * var(--glass-key-direction)) 2px 8px -1px oklch(0 0 0 / 0.04); --glass-under-shadow-default: calc(4px * var(--glass-key-direction)) 4px 16px -2px oklch(0 0 0 / 0.08); --glass-under-shadow-vivid: calc(8px * var(--glass-key-direction)) 8px 32px -4px oklch(0 0 0 / 0.12); --overlay-scrim-ink: hsl(24 10% 10%); --overlay-scrim: color-mix(in srgb, var(--overlay-scrim-ink) 50%, transparent); --overlay-scrim-strong: color-mix(in srgb, var(--overlay-scrim-ink) 80%, transparent); --overlay-scrim-subtle: color-mix(in srgb, var(--overlay-scrim-ink) 40%, transparent); }
+:root{--glass-grain-opacity: 0.025;--paper-grain-opacity: 0.21;--glass-grain-engage-duration: 120ms;--hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.06);--hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.04);--border-hairline: var(--hairline-catch-light),var(--hairline-under-shadow);--metal-glow-blur-default: 0.5em;--metal-glow-opacity-default: 0.35;--glass-edge-light: var(--glass-material-rim);--glass-key-lit-x: -1px;--glass-key-lit-y: 1px;--glass-key-shade-x: 1px;--glass-key-shade-y: -1px;--glass-key-direction: -0.375;--glass-rim-top: inset 0 var(--glass-key-lit-y) 0 hsl(0 0% 100% / calc(0.1 * var(--glass-level)));--glass-rim-bottom: inset 0 var(--glass-key-shade-y) 0 color-mix(in srgb,var(--foreground) calc(6% * var(--glass-level)),transparent),inset var(--glass-key-shade-x) 0 0 color-mix(in srgb,var(--foreground) calc(4% * var(--glass-level)),transparent);--glass-capsule-warm: oklch(0.88 0.1 75);--glass-capsule-warm-floor: 16%;--tab-track-recess-ink: color-mix(in srgb,var(--foreground) 7%,transparent);--glass-backdrop: dark;--glass-backdrop-luma-knee: 0.6;--glass-specular-size: 36%;--glass-curvature-intensity: 0.02;--glass-curvature-overlay: radial-gradient( ellipse at 50% -20%,hsl(40 30% 96% / var(--glass-curvature-intensity)),transparent 38% );--chart-ping: var(--viz-chebyshev);--chart-download: var(--viz-fourier);--chart-upload: var(--viz-amber);--chart-jitter: var(--viz-legendre);--glass-shadow-wash: var(--shadow-sm);--glass-shadow-quiet: var(--shadow-md);--glass-shadow-resting: var(--shadow-lg);--glass-shadow-floating: var(--shadow-xl),0 0 0 0.5px color-mix(in srgb,var(--shadow-color) 5%,transparent);--glass-shadow-overlay: var(--shadow-2xl),0 0 0 0.5px color-mix(in srgb,var(--shadow-color) 8%,transparent);--glass-shadow-capsule: var(--glass-shadow-floating);--glass-under-shadow-quiet: calc(2px * var(--glass-key-direction)) 2px 8px -1px oklch(0 0 0 / 0.04);--glass-under-shadow-default: calc(4px * var(--glass-key-direction)) 4px 16px -2px oklch(0 0 0 / 0.08);--glass-under-shadow-vivid: calc(8px * var(--glass-key-direction)) 8px 32px -4px oklch(0 0 0 / 0.12);--overlay-scrim-ink: hsl(24 10% 10%);--overlay-scrim: color-mix(in srgb,var(--overlay-scrim-ink) 50%,transparent);--overlay-scrim-strong: color-mix(in srgb,var(--overlay-scrim-ink) 80%,transparent);--overlay-scrim-subtle: color-mix(in srgb,var(--overlay-scrim-ink) 40%,transparent);}

package/dist/styles/tokens/glass.css

@@ -1 +1 @@
-:root { --glass-opacity-wash: 0.30; --glass-opacity-quiet: 0.50; --glass-opacity-resting: 0.65; --glass-opacity-floating: 0.80; --glass-opacity-overlay: 0.95; --glass-blur-wash-radius: 1px; --glass-blur-quiet-radius: 7px; --glass-blur-resting-radius: 7px; --glass-blur-floating-radius: 11px; --glass-blur-overlay-radius: 11px; --glass-saturate-wash: 1.4; --glass-saturate-quiet: 1.4; --glass-saturate-resting: 1.4; --glass-saturate-floating: 1.6; --glass-saturate-overlay: 1.6; --glass-blur-wash: blur(calc(var(--glass-blur-wash-radius) * var(--glass-level))) saturate(var(--glass-saturate-wash)); --glass-blur-quiet: blur(calc(var(--glass-blur-quiet-radius) * var(--glass-level))) saturate(var(--glass-saturate-quiet)) brightness(1.02); --glass-blur-resting: blur(calc(var(--glass-blur-resting-radius) * var(--glass-level))) saturate(var(--glass-saturate-resting)); --glass-blur-floating: blur(calc(var(--glass-blur-floating-radius) * var(--glass-level))) saturate(var(--glass-saturate-floating)); --glass-blur-overlay: blur(calc(var(--glass-blur-overlay-radius) * var(--glass-level))) saturate(var(--glass-saturate-overlay)); --glass-halo-blur: 20px; --glass-halo-core: 13rem; --glass-halo-bloom: 7rem; --glass-opacity-dock: 0.50; --glass-opacity-dialog: 0.68; --glass-opacity-sheet: 0.74; --dock-fg-on-aurora: var(--foreground); --glass-opacity-chassis: 0.28; --glass-bg-wash: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-wash)) * var(--glass-level)) * 100%), transparent); --glass-bg-quiet: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-quiet)) * var(--glass-level)) * 100%), transparent); --glass-bg-resting: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-resting)) * var(--glass-level)) * 100%), transparent); --glass-bg-floating: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-floating)) * var(--glass-level)) * 100%), transparent); --glass-bg-overlay: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-overlay)) * var(--glass-level)) * 100%), transparent); --glass-bg-dock: color-mix(in oklab, color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-dock)) * var(--glass-level)) * 100%), transparent), var(--glass-tint-source) var(--glass-tint-strength)); --glass-bg-chassis: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-chassis)) * var(--glass-level)) * 100%), transparent); --glass-bg-dialog: color-mix(in oklab, color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-dialog)) * var(--glass-level)) * 100%), transparent), var(--glass-tint-source) var(--glass-tint-strength)); --glass-bg-sheet: color-mix(in oklab, color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-sheet)) * var(--glass-level)) * 100%), transparent), var(--glass-tint-source) var(--glass-tint-strength)); --glass-well-tone: 8%; --glass-fill-tinted: color-mix( in oklab, var(--glass-fill-tint, oklch(0.9 0.05 75 / 0)) var(--glass-fill-strength, 0%), oklch(0.9 0.05 75 / 0) ); --glass-border-wash: color-mix(in srgb, var(--foreground) 4%, transparent); --glass-border-quiet: color-mix(in srgb, var(--foreground) 4%, transparent); --glass-border-resting: color-mix(in srgb, var(--foreground) 4%, transparent); --glass-border-floating: color-mix(in srgb, var(--foreground) 5%, transparent); --glass-border-overlay: color-mix(in srgb, var(--foreground) 5%, transparent); --glass-border-dock: color-mix(in srgb, var(--foreground) 8%, transparent); --glass-border: var(--glass-border-quiet); --glass-floor-fill-max: 15%; --glass-floor-fill: color-mix(in srgb, var(--card) calc(var(--glass-definition) * var(--glass-floor-fill-max)), transparent); --glass-border-defined: color-mix(in srgb, var(--foreground) calc(var(--glass-definition) * 14%), transparent); --control-surface-bg: var(--glass-bg-quiet); --control-surface-border: var(--glass-border-floating); --control-surface-blur: var(--glass-blur-quiet); --control-surface-bg-hover: color-mix(in oklab, var(--glass-bg-quiet), var(--glass-bg-resting) 35%); } @property --glass-ambient-hue { syntax: "<color>"; inherits: true; initial-value: transparent; } @property --glass-ambient-strength { syntax: "<percentage>"; inherits: true; initial-value: 0%; } @property --glass-fill-tint { syntax: "<color>"; inherits: true; initial-value: transparent; } @property --glass-fill-strength { syntax: "<percentage>"; inherits: true; initial-value: 0%; }
+:root{--glass-veil-ink: oklch(0.28 0.035 70);--glass-veil-base: 0.14;--glass-veil-step: 0.04;--glass-veil-wash: calc(var(--glass-veil-base) - 2 * var(--glass-veil-step));--glass-veil-quiet: calc(var(--glass-veil-base) - 1 * var(--glass-veil-step));--glass-veil-resting: var(--glass-veil-base);--glass-veil-floating: calc(var(--glass-veil-base) + 1 * var(--glass-veil-step));--glass-veil-overlay: calc(var(--glass-veil-base) + 2 * var(--glass-veil-step));--glass-blur-wash-radius: 10px;--glass-blur-quiet-radius: 14px;--glass-blur-resting-radius: 16px;--glass-blur-floating-radius: 20px;--glass-blur-overlay-radius: 22px;--glass-saturate: 1.5;--glass-saturate-grasp: 1.75;--glass-blur-wash: blur(calc(var(--glass-blur-wash-radius) * var(--glass-level))) saturate(var(--glass-saturate));--glass-blur-quiet: blur(calc(var(--glass-blur-quiet-radius) * var(--glass-level))) saturate(var(--glass-saturate));--glass-blur-resting: blur(calc(var(--glass-blur-resting-radius) * var(--glass-level))) saturate(var(--glass-saturate));--glass-blur-floating: blur(calc(var(--glass-blur-floating-radius) * var(--glass-level))) saturate(var(--glass-saturate));--glass-blur-overlay: blur(calc(var(--glass-blur-overlay-radius) * var(--glass-level))) saturate(var(--glass-saturate));--glass-focus-veil-blur: var(--glass-blur-floating-radius);--glass-focus-veil-core-x: 13rem;--glass-focus-veil-core-y: 13rem;--glass-focus-veil-bloom: 7rem;--glass-focus-veil-dim: color-mix(in oklab,var(--glass-plate-overlay) 50%,transparent);--glass-veil-chassis: calc(var(--glass-veil-base) - 2 * var(--glass-veil-step));--glass-veil-dock: calc(var(--glass-veil-base) - 1 * var(--glass-veil-step));--glass-veil-crown: calc(var(--glass-veil-base) + 1 * var(--glass-veil-step));--glass-veil-dialog: calc(var(--glass-veil-base) + 1 * var(--glass-veil-step));--glass-veil-sheet: calc(var(--glass-veil-base) + 2 * var(--glass-veil-step));--dock-fg-on-aurora: var(--foreground);--glass-plate-wash: color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-wash)) calc(var(--glass-level) * 100%),var(--card));--glass-plate-quiet: color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-quiet)) calc(var(--glass-level) * 100%),var(--card));--glass-plate-resting: color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-resting)) calc(var(--glass-level) * 100%),var(--card));--glass-plate-floating: color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-floating)) calc(var(--glass-level) * 100%),var(--card));--glass-plate-overlay: color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-overlay)) calc(var(--glass-level) * 100%),var(--card));--glass-plate-chassis: color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-chassis)) calc(var(--glass-level) * 100%),var(--card));--glass-plate-dialog: color-mix(in srgb,oklch(from var(--glass-veil-ink) l c h / var(--glass-veil-dialog)) calc(var(--glass-level) * 100%),var(--card));--glass-well-tone: 8%;--glass-fill-tinted: color-mix( in oklab,var(--glass-fill-tint,oklch(0.9 0.05 75 / 0)) var(--glass-fill-strength,0%),oklch(0.9 0.05 75 / 0) );--glass-border-wash: color-mix(in srgb,var(--foreground) 4%,transparent);--glass-border-quiet: color-mix(in srgb,var(--foreground) 4%,transparent);--glass-border-resting: color-mix(in srgb,var(--foreground) 4%,transparent);--glass-border-floating: color-mix(in srgb,var(--foreground) 5%,transparent);--glass-border-overlay: color-mix(in srgb,var(--foreground) 5%,transparent);--glass-border-dock: color-mix(in srgb,var(--foreground) 8%,transparent);--glass-border: var(--glass-border-quiet);--glass-floor-fill-max: 15%;--glass-floor-fill: color-mix(in srgb,var(--card) calc(var(--glass-definition) * var(--glass-floor-fill-max)),transparent);--glass-border-defined: color-mix(in srgb,var(--foreground) calc(var(--glass-definition) * 14%),transparent);--control-surface-bg: var(--glass-plate-quiet);--control-surface-border: var(--glass-border-floating);--control-surface-blur: var(--glass-blur-quiet);--control-surface-bg-hover: color-mix(in oklab,var(--glass-plate-quiet),var(--glass-plate-resting) 35%);}@property --glass-veil-rung{syntax: "<number>";inherits: true;initial-value: 0.14;}@property --glass-fill-tint{syntax: "<color>";inherits: true;initial-value: transparent;}@property --glass-fill-strength{syntax: "<percentage>";inherits: true;initial-value: 0%;}

package/dist/styles/tokens/light-dark.css

@@ -1 +1 @@
-@media (pointer: coarse) { :root { --ui-scale: var(--ui-coarse-scale, 1.5); --control-floor: var(--touch-target, 2.75rem); } } @media (min-resolution: 2dppx) { :root { --glass-blur-overlay-radius: 17px; } } @supports (color: light-dark(white, black)) { :root { --neutral-0: light-dark(hsl(40 30% 98%), hsl(24 9% 4%)); --neutral-1: light-dark(hsl(38 26% 95%), hsl(28 12% 11%)); --neutral-2: light-dark(hsl(34 28% 90%), hsl(28 14% 16%)); --neutral-3: light-dark(hsl(33 30% 82%), hsl(30 18% 22%)); --neutral-4: light-dark(hsl(32 26% 70%), hsl(30 16% 34%)); --neutral-5: light-dark(hsl(30 22% 40%), hsl(34 14% 62%)); --neutral-6: light-dark(hsl(28 24% 30%), hsl(36 14% 72%)); --foreground: light-dark(hsl(24 10% 10%), hsl(30 14% 90%)); --card: light-dark(hsl(30 85% 96%), hsl(26 22% 17%)); --popover: light-dark(hsl(30 85% 96%), hsl(26 22% 17%)); --surface-public-data-panel: light-dark(hsl(44 16% 96%), hsl(36 9% 18%)); --primary: light-dark(hsl(24 10% 10%), oklch(0.739 0.134 318.1)); --primary-foreground: light-dark(var(--neutral-0), hsl(24 10% 10%)); --destructive: light-dark(hsl(0 72% 50%), hsl(0 80% 60%)); --destructive-foreground: light-dark(var(--neutral-0), hsl(48 10% 90%)); --focus-ring-color: light-dark(hsl(24 10% 10%), hsl(48 10% 70%)); --shadow: light-dark(hsl(24 10% 10%), hsl(0 0% 5%)); --accent-color: light-dark(var(--primary), var(--focus-ring-color)); --section-color-0: light-dark(oklch(0.552 0.192 359.8), oklch(0.721 0.145 354.0)); --section-color-1: light-dark(oklch(0.502 0.165 305.9), oklch(0.733 0.113 308.2)); --section-color-2: light-dark(oklch(0.484 0.163 265.5), oklch(0.718 0.107 268.4)); --section-color-3: light-dark(oklch(0.542 0.089 222.8), oklch(0.767 0.091 219.9)); --section-color-4: light-dark(oklch(0.551 0.088 171.1), oklch(0.776 0.105 172.6)); --section-color-5: light-dark(oklch(0.530 0.124 69.6), oklch(0.813 0.109 78.2)); --section-color-6: light-dark(oklch(0.579 0.201 30.4), oklch(0.693 0.151 28.1)); --section-color-7: light-dark(oklch(0.532 0.180 317.5), oklch(0.739 0.134 318.1)); --section-color-8: light-dark(oklch(0.520 0.176 8.4), oklch(0.709 0.142 2.3)); --section-color-9: light-dark(oklch(0.492 0.038 239.6), oklch(0.763 0.032 239.0)); --section-color-10: light-dark(oklch(0.556 0.103 128.8), oklch(0.794 0.116 127.9)); --section-color-11: light-dark(oklch(0.601 0.092 208.0), oklch(0.805 0.095 206.7)); --section-color-12: light-dark(oklch(0.513 0.163 291.9), oklch(0.719 0.115 295.6)); --accent-pink: light-dark(oklch(0.613 0.197 353.8), oklch(0.683 0.131 354.7)); --section-heading: light-dark(oklch(0.545 0.189 352.8), oklch(0.711 0.123 349.3)); --accent-red: light-dark(oklch(0.574 0.216 27.5), oklch(0.644 0.165 22.9)); --viz-fourier: light-dark(oklch(0.579 0.201 30.4), oklch(0.693 0.151 28.1)); --viz-chebyshev: light-dark(oklch(0.484 0.163 265.5), oklch(0.718 0.107 268.4)); --viz-legendre: light-dark(oklch(0.532 0.180 317.5), oklch(0.739 0.134 318.1)); --tier-featured: light-dark(oklch(0.841 0.173 84.2), oklch(0.867 0.165 88.7)); --tier-saved: light-dark(oklch(0.676 0.176 252.3), oklch(0.748 0.135 250.1)); --like: light-dark(oklch(0.633 0.200 24.9), oklch(0.690 0.162 22.2)); --success: light-dark(oklch(0.720 0.192 149.5), oklch(0.805 0.186 151.6)); --warning: light-dark(oklch(0.770 0.165 70.6), oklch(0.809 0.150 76.6)); --info: light-dark(oklch(0.626 0.186 259.6), oklch(0.713 0.138 259.5)); --delete: light-dark(oklch(0.597 0.198 25.5), oklch(0.644 0.170 23.1)); --success-foreground: light-dark(var(--neutral-0), hsl(48 10% 96%)); --info-foreground: light-dark(var(--neutral-0), hsl(48 10% 96%)); --gold: light-dark(oklch(0.751 0.147 84.2), oklch(0.784 0.143 86.0)); --gold-light: light-dark(oklch(0.890 0.183 96.1), oklch(0.898 0.182 97.4)); --gold-dark: light-dark(oklch(0.599 0.132 64.2), oklch(0.678 0.150 63.8)); --silver: light-dark(oklch(0.760 0.012 255), oklch(0.792 0.012 255)); --silver-light: light-dark(oklch(0.902 0.010 255), oklch(0.912 0.010 255)); --silver-dark: light-dark(oklch(0.582 0.014 255), oklch(0.648 0.014 255)); --bronze: light-dark(oklch(0.620 0.092 54.0), oklch(0.650 0.090 54.0)); --bronze-light: light-dark(oklch(0.760 0.112 60.0), oklch(0.790 0.110 60.0)); --bronze-dark: light-dark(oklch(0.500 0.082 50.0), oklch(0.560 0.085 50.0)); } }
+@media (pointer: coarse){:root{--ui-scale: var(--ui-coarse-scale,1.5);--control-floor: var(--touch-target,2.75rem);}}@supports (color: light-dark(white,black)){:root{--neutral-0: light-dark(hsl(40 30% 98%),hsl(24 9% 4%));--neutral-1: light-dark(hsl(38 26% 95%),hsl(28 12% 11%));--neutral-2: light-dark(hsl(34 28% 90%),hsl(28 14% 16%));--neutral-3: light-dark(hsl(33 30% 82%),hsl(30 18% 22%));--neutral-4: light-dark(hsl(32 26% 70%),hsl(30 16% 34%));--neutral-5: light-dark(hsl(30 22% 40%),hsl(34 14% 62%));--neutral-6: light-dark(hsl(28 24% 30%),hsl(36 14% 72%));--foreground: light-dark(hsl(24 10% 10%),hsl(30 14% 90%));--card: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--popover: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--surface-public-data-panel: light-dark(hsl(44 16% 96%),hsl(36 9% 18%));--primary: light-dark(hsl(24 10% 10%),oklch(0.739 0.134 318.1));--primary-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--destructive: light-dark(hsl(0 72% 50%),oklch(0.702 0.184 27.5));--destructive-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--focus-ring-color: light-dark(hsl(24 10% 10%),hsl(48 10% 70%));--shadow: light-dark(hsl(24 10% 10%),hsl(0 0% 5%));--accent-color: light-dark(var(--primary),var(--focus-ring-color));--section-color-0: light-dark(oklch(0.552 0.192 359.8),oklch(0.721 0.145 354.0));--section-color-1: light-dark(oklch(0.502 0.165 305.9),oklch(0.733 0.113 308.2));--section-color-2: light-dark(oklch(0.484 0.163 265.5),oklch(0.718 0.107 268.4));--section-color-3: light-dark(oklch(0.542 0.089 222.8),oklch(0.767 0.091 219.9));--section-color-4: light-dark(oklch(0.551 0.088 171.1),oklch(0.776 0.105 172.6));--section-color-5: light-dark(oklch(0.530 0.124 69.6),oklch(0.813 0.109 78.2));--section-color-6: light-dark(oklch(0.579 0.201 30.4),oklch(0.693 0.151 28.1));--section-color-7: light-dark(oklch(0.532 0.180 317.5),oklch(0.739 0.134 318.1));--section-color-8: light-dark(oklch(0.520 0.176 8.4),oklch(0.709 0.142 2.3));--section-color-9: light-dark(oklch(0.492 0.038 239.6),oklch(0.763 0.032 239.0));--section-color-10: light-dark(oklch(0.556 0.103 128.8),oklch(0.794 0.116 127.9));--section-color-11: light-dark(oklch(0.601 0.092 208.0),oklch(0.805 0.095 206.7));--section-color-12: light-dark(oklch(0.513 0.163 291.9),oklch(0.719 0.115 295.6));--accent-pink: light-dark(oklch(0.613 0.197 353.8),oklch(0.683 0.131 354.7));--section-heading: light-dark(oklch(0.545 0.189 352.8),oklch(0.711 0.123 349.3));--accent-red: light-dark(oklch(0.574 0.216 27.5),oklch(0.644 0.165 22.9));--viz-fourier: light-dark(oklch(0.579 0.201 30.4),oklch(0.693 0.151 28.1));--viz-chebyshev: light-dark(oklch(0.484 0.163 265.5),oklch(0.718 0.107 268.4));--viz-legendre: light-dark(oklch(0.532 0.180 317.5),oklch(0.739 0.134 318.1));--tier-featured: light-dark(oklch(0.841 0.173 84.2),oklch(0.867 0.165 88.7));--tier-saved: light-dark(oklch(0.676 0.176 252.3),oklch(0.748 0.135 250.1));--like: light-dark(oklch(0.633 0.200 24.9),oklch(0.690 0.162 22.2));--success: light-dark(oklch(0.720 0.192 149.5),oklch(0.805 0.186 151.6));--warning: light-dark(oklch(0.770 0.165 70.6),oklch(0.809 0.150 76.6));--info: light-dark(oklch(0.626 0.186 259.6),oklch(0.713 0.138 259.5));--delete: light-dark(oklch(0.597 0.198 25.5),oklch(0.644 0.170 23.1));--gold: light-dark(oklch(0.751 0.147 84.2),oklch(0.784 0.143 86.0));--gold-light: light-dark(oklch(0.890 0.183 96.1),oklch(0.898 0.182 97.4));--gold-dark: light-dark(oklch(0.599 0.132 64.2),oklch(0.678 0.150 63.8));--silver: light-dark(oklch(0.760 0.012 255),oklch(0.792 0.012 255));--silver-light: light-dark(oklch(0.902 0.010 255),oklch(0.912 0.010 255));--silver-dark: light-dark(oklch(0.582 0.014 255),oklch(0.648 0.014 255));--bronze: light-dark(oklch(0.620 0.092 54.0),oklch(0.650 0.090 54.0));--bronze-light: light-dark(oklch(0.760 0.112 60.0),oklch(0.790 0.110 60.0));--bronze-dark: light-dark(oklch(0.500 0.082 50.0),oklch(0.560 0.085 50.0));}}

package/dist/styles/tokens/manifest.d.ts

@@ -3,12 +3,12 @@ export declare const tokenDomains: readonly ["color", "material", "type", "space
 export type TokenDomain = (typeof tokenDomains)[number];
 export declare const semanticTokens: {
     readonly color: readonly ["--background", "--foreground", "--primary", "--secondary", "--muted", "--accent", "--destructive", "--border"];
-    readonly material: readonly ["--glass-level", "--glass-depth", "--glass-accent", "--glass-accent-strength", "--glass-opacity-quiet", "--glass-opacity-resting", "--glass-opacity-floating", "--glass-opacity-overlay"];
+    readonly material: readonly ["--glass-level", "--glass-depth", "--glass-accent", "--glass-accent-strength", "--glass-veil-ink", "--glass-veil-base", "--glass-veil-step", "--glass-saturate"];
     readonly type: readonly ["--font-stack-text", "--font-stack-display", "--font-stack-mono", "--type-body", "--type-subheading", "--type-heading", "--type-title", "--type-display-1"];
-    readonly space: readonly ["--ui-scale", "--control-h-sm", "--control-h-md", "--control-h-lg", "--overlay-pad-inline", "--overlay-pad-block", "--card-pad-inline", "--card-pad-block"];
-    readonly radius: readonly ["--radius", "--radius-sm", "--radius-xl", "--radius-2xl", "--radius-pill", "--radius-card", "--radius-input", "--radius-button"];
+    readonly space: readonly ["--ui-scale", "--control-h-sm", "--control-h-md", "--control-h-lg", "--overlay-pad-inline", "--overlay-pad-block", "--card-pad"];
+    readonly radius: readonly ["--radius", "--radius-sm", "--radius-xl", "--radius-2xl", "--radius-pill", "--radius-card", "--radius-media", "--radius-button"];
     readonly shadow: readonly ["--shadow-sm", "--shadow-md", "--shadow-lg", "--shadow-xl", "--shadow-card", "--shadow-dock", "--shadow-modal", "--focus-ring-shadow"];
-    readonly motion: readonly ["--duration-fast", "--duration-normal", "--duration-slow", "--spring-smooth", "--spring-snappy", "--spring-bouncy", "--ease-standard", "--ease-out"];
+    readonly motion: readonly ["--duration-fast", "--duration-normal", "--duration-slow", "--spring-press", "--spring-present", "--spring-dock", "--spring-panel", "--spring-bloom", "--spring-world", "--ease-standard", "--ease-out"];
     readonly interaction: readonly ["--touch-target", "--focus-ring-width", "--focus-ring-color", "--opacity-disabled", "--scale-hover", "--scale-press", "--glass-specular-intensity-rest", "--glass-specular-intensity-hover", "--glass-specular-intensity-active"];
 };
 export type SemanticToken = (typeof semanticTokens)[TokenDomain][number];

package/dist/styles/tokens/motion-registers.css

@@ -1 +1 @@
-:root { --enter-overlay-spring: var(--spring-snappy); --enter-overlay-clock: var(--spring-snappy-duration); --enter-overlay-scale: 0.94; --enter-overlay-blur: 6px; --enter-overlay-slide: 0.5rem; --enter-menu-spring: var(--spring-smooth); --enter-menu-clock: var(--spring-smooth-duration); --enter-menu-scale: 0.96; --enter-menu-blur: 2px; --enter-menu-slide: 0.5rem; --enter-tooltip-spring: var(--ease-out-expo); --enter-tooltip-clock: var(--duration-fast); --enter-tooltip-scale: 0.97; --enter-tooltip-blur: 0px; --enter-tooltip-slide: 0px; --enter-transient-spring: var(--spring-transient); --enter-transient-clock: var(--spring-transient-duration); --enter-transient-scale: 0.5; --enter-transient-blur: 8px; --enter-transient-slide: 0px; --exit-overlay-duration: 0.15s; --exit-transient-duration: 0.1s; --exit-curve: var(--ease-out); }
+:root{--enter-overlay-spring: var(--spring-panel);--enter-overlay-clock: var(--spring-panel-duration);--enter-overlay-scale: 0.94;--enter-overlay-blur: 6px;--enter-overlay-slide: 0.5rem;--enter-menu-spring: var(--spring-present);--enter-menu-clock: var(--spring-present-duration);--enter-menu-scale: 0.96;--enter-menu-blur: 2px;--enter-menu-slide: 0.5rem;--enter-tooltip-spring: var(--ease-out-expo);--enter-tooltip-clock: var(--duration-fast);--enter-tooltip-scale: 0.97;--enter-tooltip-blur: 0px;--enter-tooltip-slide: 0px;--route-route-spring: var(--spring-present);--route-route-clock: var(--spring-present-duration);--route-zoom-spring: var(--spring-panel);--route-zoom-clock: var(--spring-panel-duration);--route-lateral-spring: var(--spring-dock);--route-lateral-clock: var(--spring-dock-duration);--route-collapse-spring: var(--ease-in);--route-collapse-clock: var(--spring-panel-exit-duration);--route-world-spring: var(--spring-world);--route-world-clock: var(--spring-world-duration);--route-world-exit-clock: var(--spring-world-exit-duration);--route-inhale-scale: 1.57;--route-inhale-clock: 42ms;--route-parallax: 0.125;--route-world-blur: var(--glass-blur-floating-radius);--route-world-dim: 0.55;--route-world-travel: calc(var(--route-parallax) * 100lvb);--route-slide: calc(var(--route-parallax) * 100lvi);--route-world-slide: calc(var(--route-parallax) * var(--route-slide));--exit-overlay-duration: var(--spring-panel-exit-duration);--exit-curve: var(--ease-out);--engage-press-drain-attack: 55ms;--engage-press-drain-release: 120ms;--engage-medium-exit-attack: 55ms;--engage-medium-exit-release: 160ms;--engage-control-engage-attack: 60ms;--engage-control-engage-release: 180ms;--engage-signal-decay-attack: 40ms;--engage-signal-decay-release: 220ms;}

package/dist/styles/tokens/offsets.css

@@ -1 +1 @@
-:root { --lift-sm: -1px; --lift-md: -2px; --lift-lg: -4px; --fade-scroll-width: 1rem; --dock-max-inline-size: min(80vw, 64rem); --dock-max-block-size: min(80vh, 48rem); --max-width-input: 24rem; --input-min-width-sm: 5rem; --popover-width: 200px; --panel-padding: 0.375rem; --overlay-min-width: 8rem; --overlay-max-block: 60vh; --tooltip-text: var(--type-caption); --select-chevron-opacity: 0.5; --chart-height-compact: 15rem; --chart-height-default: 22.5rem; --chart-height-large: 25rem; --chart-margin: 1.25rem; --paper-texture-size: 200px 200px; }
+:root{--lift-sm: -1px;--lift-md: -2px;--lift-lg: -4px;--fade-scroll-width: 1rem;--dock-max-inline-size: min(80vw,64rem);--dock-max-block-size: min(80vh,48rem);--max-width-input: 24rem;--input-min-width-sm: 5rem;--popover-width: 200px;--overlay-min-width: 8rem;--overlay-max-block: min(24rem,60dvh);--overlay-pad: 12px;--overlay-pad-hint: 8px;--tooltip-text: var(--type-caption);--select-chevron-opacity: 0.5;--chart-height-compact: 15rem;--chart-height-default: 22.5rem;--chart-height-large: 25rem;--chart-margin: 1.25rem;--paper-texture-size: 200px 200px;}

package/dist/styles/tokens/on-glass-fg.css

@@ -1 +1 @@
-:root { --on-glass-muted: hsl(30 26% 35%); --on-glass-muted-strong: hsl(28 28% 28%); --input-on-glass: hsl(36 40% 92%); --progress-track-on-glass: hsl(34 24% 84%); }
+:root{--on-glass-muted: hsl(30 26% 35%);--on-glass-muted-strong: hsl(28 28% 28%);--input-on-glass: hsl(36 40% 92%);}

package/dist/styles/tokens/property-regs-specular.css

@@ -1 +1 @@
-:root { --glass-specular-intensity-rest: 0; --glass-specular-intensity-hover: 0.1; --glass-specular-intensity-active: 0.16; --glass-specular-btn-hover: 0.14; } .dark { --glass-specular-intensity-hover: 0.08; --glass-specular-intensity-active: 0.12; --glass-specular-btn-hover: 0.11; } @property --glass-btn-press-t { syntax: "<number>"; inherits: true; initial-value: 0; } @property --seal-draw { syntax: "<percentage>"; inherits: false; initial-value: 100%; } @property --seal-scale { syntax: "<number>"; inherits: false; initial-value: 1; } @property --seal-glint { syntax: "<number>"; inherits: false; initial-value: 0; } @property --seal-ink { syntax: "<color>"; inherits: true; initial-value: oklch(0.751 0.147 84.2); } @property --chrome-collapse-t { syntax: "<number>"; inherits: true; initial-value: 0; }
+:root{--glass-specular-intensity-rest: 0;--glass-specular-intensity-hover: 0.1;--glass-specular-intensity-active: 0.16;--glass-specular-capsule-hover: 0.14;}.dark{--glass-specular-intensity-hover: 0.08;--glass-specular-intensity-active: 0.12;--glass-specular-capsule-hover: 0.11;}@property --glass-btn-press-t{syntax: "<number>";inherits: true;initial-value: 0;}@property --chrome-collapse-t{syntax: "<number>";inherits: true;initial-value: 0;}

package/dist/styles/tokens/property-regs.css

@@ -1 +1 @@
-@property --progress-crescendo { syntax: "<percentage>"; inherits: false; initial-value: 0%; } @property --scroll-progress-rim-fill { syntax: "<percentage>"; inherits: false; initial-value: 0%; } @property --tab-blob { syntax: "<number>"; inherits: false; initial-value: 1; } @property --specular-x { syntax: "<percentage>"; inherits: false; initial-value: 50%; } @property --specular-y { syntax: "<percentage>"; inherits: false; initial-value: 50%; } @property --specular-intensity { syntax: "<number>"; inherits: false; initial-value: 0; } @property --specular-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; } @property --flex-vel { syntax: "<number>"; inherits: false; initial-value: 0; } @property --cartoon-press-t { syntax: "<number>"; inherits: true; initial-value: 0; } @property --cast-travel { syntax: "<length>"; inherits: false; initial-value: 0px; } @property --cast-spread { syntax: "<number>"; inherits: false; initial-value: 1; } @property --cartoon-cast-dx { syntax: "<length>"; inherits: true; initial-value: 0px; } @property --cartoon-cast-dy { syntax: "<length>"; inherits: true; initial-value: 0px; } @property --glass-accent { syntax: "<color>"; inherits: true; initial-value: transparent; } @property --glass-accent-strength { syntax: "<percentage>"; inherits: true; initial-value: 0%; } @property --glass-level { syntax: "<number>"; inherits: true; initial-value: 1; } @property --glass-backdrop-luma { syntax: "<number>"; inherits: true; initial-value: 0; } @property --glass-depth { syntax: "<number>"; inherits: true; initial-value: 1; } @property --glass-definition { syntax: "<number>"; inherits: true; initial-value: 0; } @property --ui-scale { syntax: "<number>"; inherits: true; initial-value: 1; } @property --motion-weight { syntax: "<number>"; inherits: true; initial-value: 0.618; } @property --motion-tempo { syntax: "<number>"; inherits: true; initial-value: 1; }
+@property --specular-x{syntax: "<percentage>";inherits: false;initial-value: 50%;}@property --specular-y{syntax: "<percentage>";inherits: false;initial-value: 50%;}@property --veil-x{syntax: "<percentage>";inherits: false;initial-value: 50%;}@property --veil-y{syntax: "<percentage>";inherits: false;initial-value: 50%;}@property --specular-intensity{syntax: "<number>";inherits: false;initial-value: 0;}@property --flex-vel{syntax: "<number>";inherits: false;initial-value: 0;}@property --cartoon-press-t{syntax: "<number>";inherits: true;initial-value: 0;}@property --cast-travel{syntax: "<length>";inherits: false;initial-value: 0px;}@property --cast-spread{syntax: "<number>";inherits: false;initial-value: 1;}@property --cartoon-cast-dx{syntax: "<length>";inherits: true;initial-value: 0px;}@property --cartoon-cast-dy{syntax: "<length>";inherits: true;initial-value: 0px;}@property --glass-accent{syntax: "<color>";inherits: true;initial-value: transparent;}@property --glass-accent-strength{syntax: "<percentage>";inherits: true;initial-value: 0%;}@property --glass-level{syntax: "<number>";inherits: true;initial-value: 1;}@property --glass-backdrop-luma{syntax: "<number>";inherits: true;initial-value: 0;}@property --glass-depth{syntax: "<number>";inherits: true;initial-value: 1;}@property --glass-definition{syntax: "<number>";inherits: true;initial-value: 0;}@property --ui-scale{syntax: "<number>";inherits: true;initial-value: 1;}@property --motion-weight{syntax: "<number>";inherits: true;initial-value: 0.618;}@property --motion-tempo{syntax: "<number>";inherits: true;initial-value: 1;}@property --dot-ring-phase{syntax: "<angle>";inherits: true;initial-value: 0turn;}@property --dot-ring-extent{syntax: "<number>";inherits: true;initial-value: 0;}@property --vap-saturate{syntax: "<number>";inherits: false;initial-value: 1;}@property --vap-blur{syntax: "<length>";inherits: false;initial-value: 0px;}@property --vap-ink-blur{syntax: "<length>";inherits: true;initial-value: 0px;}

package/dist/styles/tokens/scale-paper.css

@@ -1 +1 @@
-:root { --scale-hover: 1.08; --scale-hover-dock: 1.1; --scale-press: 0.96; --scale-press-dock: var(--scale-press); --scale-press-sm: 0.97; --scale-press-btn: var(--scale-press-sm); --tab-indicator-max-stretch: 1.11; --tab-indicator-blob-max: 1.045; --tab-indicator-duration: var(--spring-snappy-duration); --opacity-disabled: 0.5; --opacity-icon-muted: 0.8; --focus-ring-width: 2px; --focus-ring-shadow: 0 0 0 var(--focus-ring-width) color-mix(in srgb, var(--focus-ring-color) 30%, transparent), 0 0 8px color-mix(in srgb, var(--focus-ring-color) 15%, transparent); --invalid-ring-tint: 35%; --invalid-ring: 0 0 0 var(--focus-ring-width) color-mix(in srgb, var(--destructive) var(--invalid-ring-tint), transparent); --control-ring: color-mix(in srgb, var(--foreground) 12%, transparent); --control-checked-bg: color-mix(in srgb, var(--primary) 88%, var(--glass-bg-floating)); --paper-clean-texture: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"); --grid-pitch: 1rem; --grid-major: 5rem; --grid-line: color-mix(in srgb, var(--foreground) 3%, transparent); --grid-line-major: color-mix(in srgb, var(--foreground) 11%, transparent); --paper-grid-opacity: 0.08; --paper-grid-texture-size: var(--grid-pitch); --paper-grid-line: color-mix( in srgb, var(--foreground) calc(var(--paper-grid-opacity) * 100%), transparent ); --paper-grid-line-major: color-mix( in srgb, var(--foreground) calc(var(--paper-grid-opacity) * 160%), transparent ); --paper-grid-texture: linear-gradient(to right, var(--paper-grid-line-major) 1px, transparent 1px), linear-gradient(to bottom, var(--paper-grid-line-major) 1px, transparent 1px), linear-gradient(to right, var(--paper-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--paper-grid-line) 1px, transparent 1px); --gold: oklch(0.751 0.147 84.2); --gold-light: oklch(0.890 0.183 96.1); --gold-dark: oklch(0.599 0.132 64.2); --gold-deep: oklch(0.487 0.103 63.0); --color-gold: var(--gold); --color-gold-light: var(--gold-light); --color-gold-dark: var(--gold-dark); --color-gold-deep: var(--gold-deep); --silver: oklch(0.760 0.012 255); --silver-light: oklch(0.902 0.010 255); --silver-dark: oklch(0.582 0.014 255); --silver-deep: oklch(0.462 0.016 258); --color-silver: var(--silver); --color-silver-light: var(--silver-light); --color-silver-dark: var(--silver-dark); --color-silver-deep: var(--silver-deep); --bronze: oklch(0.620 0.092 54.0); --bronze-light: oklch(0.760 0.112 60.0); --bronze-dark: oklch(0.500 0.082 50.0); --bronze-deep: oklch(0.430 0.072 50.0); --color-bronze: var(--bronze); --color-bronze-light: var(--bronze-light); --color-bronze-dark: var(--bronze-dark); --color-bronze-deep: var(--bronze-deep); --rainbow-red: oklch(0.636 0.210 25.5); --rainbow-orange: oklch(0.737 0.163 58.9); --rainbow-yellow: oklch(0.900 0.183 103.7); --rainbow-green: oklch(0.772 0.233 144.8); --rainbow-blue: oklch(0.633 0.162 252.1); --rainbow-indigo: oklch(0.566 0.206 294.1); --rainbow-violet: oklch(0.684 0.250 327.9); --rainbow-pastel-red: oklch(0.793 0.066 18.7); --rainbow-pastel-orange: oklch(0.823 0.059 57.3); --rainbow-pastel-yellow: oklch(0.889 0.068 98.1); --rainbow-pastel-green: oklch(0.826 0.072 149.5); --rainbow-pastel-blue: oklch(0.783 0.056 264.2); --rainbow-pastel-indigo: oklch(0.772 0.062 300.2); --rainbow-pastel-violet: oklch(0.799 0.070 314.4); --timeline-continuous-height: 0.75rem; --timeline-dot-size: 0.875rem; --timeline-dot-size-touch: 1.25rem; --timeline-touch-target: 44px; --timeline-segment-flex: 1 1 0; --timeline-dot-fill: var(--surface-tint-12); --timeline-dot-blur: var(--glass-blur-quiet); --timeline-dot-ring: var(--glass-border-floating); --timeline-dot-tint-current: var(--accent, var(--foreground)); --timeline-dot-tint-completed: var(--success, var(--foreground)); --timeline-dot-check-color: var(--timeline-dot-tint-completed); --timeline-continuous-seam-opacity: 0.25; --timeline-continuous-seam-color: color-mix( in srgb, var(--foreground) calc(var(--timeline-continuous-seam-opacity) * 100%), transparent ); --timeline-segment-default-gradient: linear-gradient( 90deg, var(--surface-tint-15), var(--surface-tint-25) ); --table-density: 1; --table-cell-px: calc(1rem * var(--table-density)); --table-cell-py: calc(1rem * var(--table-density)); --table-head-h: calc(3rem * var(--table-density)); --table-head-px: calc(1rem * var(--table-density)); }
+:root{--scale-hover: 1.08;--scale-hover-dock: 1.1;--scale-press: 0.96;--scale-press-dock: var(--scale-press);--scale-press-sm: 0.97;--tab-indicator-max-stretch: 1.11;--tab-indicator-duration: var(--spring-dock-duration);--opacity-disabled: 0.5;--opacity-icon-muted: 0.8;--focus-ring-width: 2px;--focus-ring-shadow: 0 0 0 var(--focus-ring-width) color-mix(in srgb,var(--focus-ring-color) 30%,transparent),0 0 8px color-mix(in srgb,var(--focus-ring-color) 15%,transparent);--invalid-ring-tint: 35%;--invalid-ring: 0 0 0 var(--focus-ring-width) color-mix(in srgb,var(--destructive) var(--invalid-ring-tint),transparent);--control-checked-bg: color-mix(in srgb,var(--primary) 88%,var(--glass-plate-floating));--paper-clean-texture: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");--grid-pitch: 1rem;--grid-major: 5rem;--grid-line: color-mix(in srgb,var(--foreground) 3%,transparent);--grid-line-major: color-mix(in srgb,var(--foreground) 11%,transparent);--paper-grid-opacity: 0.08;--paper-grid-texture-size: var(--grid-pitch);--paper-grid-line: color-mix( in srgb,var(--foreground) calc(var(--paper-grid-opacity) * 100%),transparent );--paper-grid-line-major: color-mix( in srgb,var(--foreground) calc(var(--paper-grid-opacity) * 160%),transparent );--paper-grid-texture: linear-gradient(to right,var(--paper-grid-line-major) 1px,transparent 1px),linear-gradient(to bottom,var(--paper-grid-line-major) 1px,transparent 1px),linear-gradient(to right,var(--paper-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--paper-grid-line) 1px,transparent 1px);--gold: oklch(0.751 0.147 84.2);--gold-light: oklch(0.890 0.183 96.1);--gold-dark: oklch(0.599 0.132 64.2);--gold-deep: oklch(0.487 0.103 63.0);--color-gold: var(--gold);--color-gold-light: var(--gold-light);--color-gold-dark: var(--gold-dark);--color-gold-deep: var(--gold-deep);--silver: oklch(0.760 0.012 255);--silver-light: oklch(0.902 0.010 255);--silver-dark: oklch(0.582 0.014 255);--silver-deep: oklch(0.462 0.016 258);--color-silver: var(--silver);--color-silver-light: var(--silver-light);--color-silver-dark: var(--silver-dark);--color-silver-deep: var(--silver-deep);--bronze: oklch(0.620 0.092 54.0);--bronze-light: oklch(0.760 0.112 60.0);--bronze-dark: oklch(0.500 0.082 50.0);--bronze-deep: oklch(0.430 0.072 50.0);--color-bronze: var(--bronze);--color-bronze-light: var(--bronze-light);--color-bronze-dark: var(--bronze-dark);--color-bronze-deep: var(--bronze-deep);--rainbow-red: oklch(0.636 0.210 25.5);--rainbow-orange: oklch(0.737 0.163 58.9);--rainbow-yellow: oklch(0.900 0.183 103.7);--rainbow-green: oklch(0.772 0.233 144.8);--rainbow-blue: oklch(0.633 0.162 252.1);--rainbow-indigo: oklch(0.566 0.206 294.1);--rainbow-violet: oklch(0.684 0.250 327.9);--rainbow-pastel-red: oklch(0.793 0.066 18.7);--rainbow-pastel-orange: oklch(0.823 0.059 57.3);--rainbow-pastel-yellow: oklch(0.889 0.068 98.1);--rainbow-pastel-green: oklch(0.826 0.072 149.5);--rainbow-pastel-blue: oklch(0.783 0.056 264.2);--rainbow-pastel-indigo: oklch(0.772 0.062 300.2);--rainbow-pastel-violet: oklch(0.799 0.070 314.4);--timeline-track-h: var(--space-body);--table-density: 1;--table-cell-px: calc(1rem * var(--table-density));--table-cell-py: calc(1rem * var(--table-density));--table-head-h: calc(3rem * var(--table-density));--table-head-px: calc(1rem * var(--table-density));}

package/dist/styles/tokens/scheme-motion.css

@@ -1 +1 @@
-:root { color-scheme: light dark; accent-color: var(--accent-color); --font-stack-text: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif; --font-stack-display: var(--font-stack-text); --font-stack-sans: var(--font-stack-text); --font-stack-mono: "Fira Code", "Fira Code Fallback", "Fira Mono", monospace; --type-leading-micro: 1.2; --type-leading-caption: 1.3; --type-leading-small: 1.4; --type-leading-body: 1.5; --type-leading-prose: 1.618; --type-leading-heading: 1.2; --type-leading-display: 1.05; --type-tracking-tight: -0.025em; --type-tracking-display: -0.015em; --type-tracking-snug: -0.01em; --type-tracking-normal: 0; --type-tracking-wide: 0.025em; --type-tracking-wider: 0.05em; --type-tracking-caps: 0.1em; --duration-instant: 0.1s; --duration-control: 0.12s; --duration-fast: 0.2s; --duration-normal: 0.3s; --duration-slow: 0.45s; --duration-panel: 0.55s; --duration-xl: 1s; --duration-xxl: 1.5s; --duration-shimmer-fast: 3s; --duration-shimmer: 5s; --duration-metal: 6s; --motion-stagger-default: 80ms; --motion-weight: 0.618; --ease-cartoon-punch: linear( 0, -0.012, -0.038 12%, -0.018 18%, 0.18 34%, 0.62 46%, 0.98 56%, 1.14 64%, 1.22 70%, 1.16 78%, 1.06 86%, 1.012 92%, 1 ); --substrate-reveal-duration: 1100ms; --motion-duration-progress-intake: 220ms; --motion-duration-progress-crescendo: 240ms; --motion-duration-progress-indeterminate: 4s; --z-behind: -10; --z-background: 0; --z-content: 10; --z-controls: 20; --z-bar: 30; --z-header: 35; --z-dock: 40; --z-panel: 45; --z-overlay: 50; --z-hovercard: 120; --z-tooltip: 120; --z-popover: 130; --z-modal: 140; --z-fullscreen: 150; --z-toast: 160; --z-toggle: 999; --z-max: 9999; } .liquid-stage { --motion-weight: 1; } :where([data-reorder], [data-autoplay]) { --motion-weight: 0; } :where(.glass-drawer, .liquid-stage) { --motion-tempo: 1; } .motion-calm { --transition-liquid-spatial: var(--ease-standard); } @media (prefers-reduced-motion: reduce) { :root { --motion-weight: 0; --ease-cartoon-punch: var(--ease-standard); } }
+:root{color-scheme: light dark;accent-color: var(--accent-color);--font-stack-text: "Plus Jakarta Sans","Plus Jakarta Sans Fallback",system-ui,sans-serif;--font-stack-display: var(--font-stack-text);--font-stack-sans: var(--font-stack-text);--font-stack-mono: "Fira Code","Fira Code Fallback","Fira Mono",monospace;--type-leading-micro: 1.2;--type-leading-caption: 1.3;--type-leading-small: 1.4;--type-leading-body: 1.5;--type-leading-prose: 1.618;--type-leading-heading: 1.2;--type-leading-display: 1.05;--type-tracking-tight: -0.025em;--type-tracking-display: -0.015em;--type-tracking-snug: -0.01em;--type-tracking-normal: 0;--type-tracking-wide: 0.025em;--type-tracking-wider: 0.05em;--type-tracking-caps: 0.1em;--duration-instant: 0.1s;--duration-control: 0.12s;--duration-fast: 0.2s;--duration-normal: 0.3s;--duration-slow: 0.45s;--duration-panel: 0.55s;--duration-xl: 1s;--duration-xxl: 1.5s;--duration-shimmer-fast: 3s;--duration-shimmer: 5s;--duration-metal: 6s;--motion-stagger-default: 80ms;--motion-weight: 0.618;--ease-cartoon-punch: linear( 0,-0.012,-0.038 12%,-0.018 18%,0.18 34%,0.62 46%,0.98 56%,1.14 64%,1.22 70%,1.16 78%,1.06 86%,1.012 92%,1 );--substrate-reveal-duration: 1100ms;--z-behind: -10;--z-background: 0;--z-content: 10;--z-controls: 20;--z-bar: 30;--z-header: 35;--z-dock: 40;--z-panel: 45;--z-overlay: 50;--z-tooltip: 120;--z-popover: 130;--z-modal: 140;--z-fullscreen: 150;--z-toast: 160;--z-toggle: 999;--z-max: 9999;}.liquid-stage{--motion-weight: 1;}:where([data-reorder],[data-autoplay]){--motion-weight: 0;}:where(.liquid-stage){--motion-tempo: 1;}.motion-calm{--transition-liquid-spatial: var(--ease-standard);}@media (prefers-reduced-motion: reduce){:root{--motion-weight: 0;--ease-cartoon-punch: var(--ease-standard);}}

package/dist/styles/tokens/scheme-spring.css

@@ -1 +1 @@
-:root { --spring-smooth: linear(0, 0.00287 2.041%, 0.01102 4.082%, 0.02379 6.122%, 0.04057 8.163%, 0.06079 10.204%, 0.08395 12.245%, 0.10956 14.286%, 0.13721 16.327%, 0.16649 18.367%, 0.19705 20.408%, 0.22858 22.449%, 0.26077 24.490%, 0.29338 26.531%, 0.32617 28.571%, 0.35893 30.612%, 0.39149 32.653%, 0.42368 34.694%, 0.45536 36.735%, 0.48642 38.776%, 0.51676 40.816%, 0.54628 42.857%, 0.57492 44.898%, 0.60262 46.939%, 0.62933 48.980%, 0.65501 51.020%, 0.67965 53.061%, 0.70322 55.102%, 0.72571 57.143%, 0.74713 59.184%, 0.76748 61.224%, 0.78677 63.265%, 0.80501 65.306%, 0.82223 67.347%, 0.83844 69.388%, 0.85367 71.429%, 0.86796 73.469%, 0.88132 75.510%, 0.89379 77.551%, 0.90541 79.592%, 0.91621 81.633%, 0.92623 83.673%, 0.93549 85.714%, 0.94404 87.755%, 0.95190 89.796%, 0.95912 91.837%, 0.96574 93.878%, 0.97177 95.918%, 0.97726 97.959%, 1); --spring-snappy: linear(0, 0.00652 2.041%, 0.02458 4.082%, 0.05211 6.122%, 0.08725 8.163%, 0.12834 10.204%, 0.17392 12.245%, 0.22268 14.286%, 0.27350 16.327%, 0.32540 18.367%, 0.37757 20.408%, 0.42929 22.449%, 0.47998 24.490%, 0.52916 26.531%, 0.57646 28.571%, 0.62156 30.612%, 0.66426 32.653%, 0.70440 34.694%, 0.74187 36.735%, 0.77662 38.776%, 0.80866 40.816%, 0.83800 42.857%, 0.86471 44.898%, 0.88887 46.939%, 0.91058 48.980%, 0.92996 51.020%, 0.94713 53.061%, 0.96223 55.102%, 0.97539 57.143%, 0.98677 59.184%, 0.99649 61.224%, 1.00471 63.265%, 1.01156 65.306%, 1.01716 67.347%, 1.02166 69.388%, 1.02516 71.429%, 1.02778 73.469%, 1.02964 75.510%, 1.03082 77.551%, 1.03142 79.592%, 1.03153 81.633%, 1.03122 83.673%, 1.03057 85.714%, 1.02963 87.755%, 1.02847 89.796%, 1.02713 91.837%, 1.02566 93.878%, 1.02410 95.918%, 1.02249 97.959%, 1); --spring-bouncy: linear(0, 0.00706 2.041%, 0.02686 4.082%, 0.05738 6.122%, 0.09674 8.163%, 0.14321 10.204%, 0.19517 12.245%, 0.25116 14.286%, 0.30987 16.327%, 0.37010 18.367%, 0.43083 20.408%, 0.49115 22.449%, 0.55028 24.490%, 0.60757 26.531%, 0.66248 28.571%, 0.71458 30.612%, 0.76353 32.653%, 0.80908 34.694%, 0.85107 36.735%, 0.88940 38.776%, 0.92404 40.816%, 0.95502 42.857%, 0.98241 44.898%, 1.00631 46.939%, 1.02688 48.980%, 1.04428 51.020%, 1.05870 53.061%, 1.07035 55.102%, 1.07945 57.143%, 1.08621 59.184%, 1.09087 61.224%, 1.09364 63.265%, 1.09474 65.306%, 1.09439 67.347%, 1.09278 69.388%, 1.09011 71.429%, 1.08656 73.469%, 1.08230 75.510%, 1.07749 77.551%, 1.07226 79.592%, 1.06675 81.633%, 1.06106 83.673%, 1.05531 85.714%, 1.04958 87.755%, 1.04394 89.796%, 1.03846 91.837%, 1.03320 93.878%, 1.02820 95.918%, 1.02348 97.959%, 1); --spring-gentle: linear(0, 0.00653 2.041%, 0.02415 4.082%, 0.05029 6.122%, 0.08283 8.163%, 0.12000 10.204%, 0.16036 12.245%, 0.20272 14.286%, 0.24614 16.327%, 0.28983 18.367%, 0.33320 20.408%, 0.37576 22.449%, 0.41716 24.490%, 0.45712 26.531%, 0.49544 28.571%, 0.53199 30.612%, 0.56669 32.653%, 0.59948 34.694%, 0.63037 36.735%, 0.65936 38.776%, 0.68650 40.816%, 0.71183 42.857%, 0.73542 44.898%, 0.75735 46.939%, 0.77768 48.980%, 0.79650 51.020%, 0.81390 53.061%, 0.82995 55.102%, 0.84474 57.143%, 0.85835 59.184%, 0.87086 61.224%, 0.88235 63.265%, 0.89288 65.306%, 0.90253 67.347%, 0.91136 69.388%, 0.91944 71.429%, 0.92682 73.469%, 0.93356 75.510%, 0.93970 77.551%, 0.94531 79.592%, 0.95041 81.633%, 0.95506 83.673%, 0.95929 85.714%, 0.96313 87.755%, 0.96663 89.796%, 0.96980 91.837%, 0.97268 93.878%, 0.97530 95.918%, 0.97767 97.959%, 1); --spring-dock: linear(0, 0.00315 2.041%, 0.01207 4.082%, 0.02597 6.122%, 0.04414 8.163%, 0.06595 10.204%, 0.09081 12.245%, 0.11817 14.286%, 0.14757 16.327%, 0.17856 18.367%, 0.21076 20.408%, 0.24381 22.449%, 0.27740 24.490%, 0.31127 26.531%, 0.34517 28.571%, 0.37888 30.612%, 0.41222 32.653%, 0.44503 34.694%, 0.47717 36.735%, 0.50853 38.776%, 0.53901 40.816%, 0.56854 42.857%, 0.59705 44.898%, 0.62449 46.939%, 0.65083 48.980%, 0.67603 51.020%, 0.70010 53.061%, 0.72301 55.102%, 0.74478 57.143%, 0.76540 59.184%, 0.78490 61.224%, 0.80330 63.265%, 0.82062 65.306%, 0.83688 67.347%, 0.85213 69.388%, 0.86638 71.429%, 0.87969 73.469%, 0.89207 75.510%, 0.90358 77.551%, 0.91425 79.592%, 0.92411 81.633%, 0.93322 83.673%, 0.94160 85.714%, 0.94930 87.755%, 0.95635 89.796%, 0.96279 91.837%, 0.96865 93.878%, 0.97398 95.918%, 0.97881 97.959%, 1); --spring-press: linear(0, 0.00284 2.041%, 0.01090 4.082%, 0.02354 6.122%, 0.04014 8.163%, 0.06017 10.204%, 0.08311 12.245%, 0.10850 14.286%, 0.13590 16.327%, 0.16495 18.367%, 0.19528 20.408%, 0.22657 22.449%, 0.25855 24.490%, 0.29095 26.531%, 0.32354 28.571%, 0.35613 30.612%, 0.38852 32.653%, 0.42057 34.694%, 0.45213 36.735%, 0.48309 38.776%, 0.51333 40.816%, 0.54279 42.857%, 0.57137 44.898%, 0.59903 46.939%, 0.62572 48.980%, 0.65141 51.020%, 0.67605 53.061%, 0.69965 55.102%, 0.72219 57.143%, 0.74366 59.184%, 0.76407 61.224%, 0.78343 63.265%, 0.80175 65.306%, 0.81906 67.347%, 0.83537 69.388%, 0.85070 71.429%, 0.86509 73.469%, 0.87857 75.510%, 0.89116 77.551%, 0.90290 79.592%, 0.91382 81.633%, 0.92395 83.673%, 0.93333 85.714%, 0.94200 87.755%, 0.94999 89.796%, 0.95733 91.837%, 0.96406 93.878%, 0.97020 95.918%, 0.97581 97.959%, 1); --spring-transient: linear(0, 0.00427 2.041%, 0.01615 4.082%, 0.03434 6.122%, 0.05769 8.163%, 0.08520 10.204%, 0.11598 12.245%, 0.14927 14.286%, 0.18439 16.327%, 0.22076 18.367%, 0.25789 20.408%, 0.29534 22.449%, 0.33275 24.490%, 0.36982 26.531%, 0.40630 28.571%, 0.44196 30.612%, 0.47666 32.653%, 0.51024 34.694%, 0.54261 36.735%, 0.57369 38.776%, 0.60342 40.816%, 0.63176 42.857%, 0.65871 44.898%, 0.68425 46.939%, 0.70840 48.980%, 0.73117 51.020%, 0.75259 53.061%, 0.77270 55.102%, 0.79153 57.143%, 0.80913 59.184%, 0.82554 61.224%, 0.84083 63.265%, 0.85503 65.306%, 0.86820 67.347%, 0.88039 69.388%, 0.89166 71.429%, 0.90206 73.469%, 0.91163 75.510%, 0.92043 77.551%, 0.92851 79.592%, 0.93591 81.633%, 0.94268 83.673%, 0.94886 85.714%, 0.95449 87.755%, 0.95961 89.796%, 0.96427 91.837%, 0.96849 93.878%, 0.97230 95.918%, 0.97575 97.959%, 1); --spring-smooth-settle: 0.35s; --spring-snappy-settle: 0.44s; --spring-bouncy-settle: 0.57s; --spring-gentle-settle: 0.76s; --spring-dock-settle: 0.19s; --spring-press-settle: 0.12s; --spring-transient-settle: 0.46s; --spring-smooth-duration: calc(var(--spring-smooth-settle) * var(--motion-tempo)); --spring-snappy-duration: calc(var(--spring-snappy-settle) * var(--motion-tempo)); --spring-bouncy-duration: calc(var(--spring-bouncy-settle) * var(--motion-tempo)); --spring-gentle-duration: calc(var(--spring-gentle-settle) * var(--motion-tempo)); --spring-dock-duration: calc(var(--spring-dock-settle) * var(--motion-tempo)); --spring-press-duration: calc(var(--spring-press-settle) * var(--motion-tempo)); --spring-transient-duration: calc(var(--spring-transient-settle) * var(--motion-tempo)); --transition-liquid-spatial: var(--spring-smooth); --pager-worm-max-stretch: 1.2; --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1); --motion-ease-out: cubic-bezier(0, 0, 0.2, 1); --motion-ease-in: cubic-bezier(0.4, 0, 1, 1); --motion-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); --ease-standard: var(--motion-ease-standard); --ease-out: var(--motion-ease-out); --ease-in: var(--motion-ease-in); --ease-out-expo: var(--motion-ease-out-expo); --motion-ease-apple: cubic-bezier(0.25, 0.1, 0.25, 1); --ease-apple: var(--motion-ease-apple); --ease-spring: var(--spring-snappy); --ease-decelerate: var(--ease-out); --ease-accelerate: var(--ease-in); } @media (prefers-reduced-motion: reduce) { :root { --transition-liquid-spatial: var(--ease-standard); } }
+:root{--spring-press: linear(0,0.00284 2.041%,0.01090 4.082%,0.02354 6.122%,0.04014 8.163%,0.06017 10.204%,0.08311 12.245%,0.10850 14.286%,0.13590 16.327%,0.16495 18.367%,0.19528 20.408%,0.22657 22.449%,0.25855 24.490%,0.29095 26.531%,0.32354 28.571%,0.35613 30.612%,0.38852 32.653%,0.42057 34.694%,0.45213 36.735%,0.48309 38.776%,0.51333 40.816%,0.54279 42.857%,0.57137 44.898%,0.59903 46.939%,0.62572 48.980%,0.65141 51.020%,0.67605 53.061%,0.69965 55.102%,0.72219 57.143%,0.74366 59.184%,0.76407 61.224%,0.78343 63.265%,0.80175 65.306%,0.81906 67.347%,0.83537 69.388%,0.85070 71.429%,0.86509 73.469%,0.87857 75.510%,0.89116 77.551%,0.90290 79.592%,0.91382 81.633%,0.92395 83.673%,0.93333 85.714%,0.94200 87.755%,0.94999 89.796%,0.95733 91.837%,0.96406 93.878%,0.97020 95.918%,0.97581 97.959%,1);--spring-present: linear(0,0.00629 2.041%,0.02330 4.082%,0.04860 6.122%,0.08016 8.163%,0.11629 10.204%,0.15561 12.245%,0.19697 14.286%,0.23945 16.327%,0.28231 18.367%,0.32495 20.408%,0.36689 22.449%,0.40777 24.490%,0.44732 26.531%,0.48534 28.571%,0.52169 30.612%,0.55626 32.653%,0.58902 34.694%,0.61994 36.735%,0.64904 38.776%,0.67633 40.816%,0.70186 42.857%,0.72570 44.898%,0.74790 46.939%,0.76853 48.980%,0.78768 51.020%,0.80541 53.061%,0.82182 55.102%,0.83696 57.143%,0.85094 59.184%,0.86381 61.224%,0.87565 63.265%,0.88654 65.306%,0.89653 67.347%,0.90570 69.388%,0.91411 71.429%,0.92181 73.469%,0.92885 75.510%,0.93529 77.551%,0.94117 79.592%,0.94655 81.633%,0.95145 83.673%,0.95592 85.714%,0.95999 87.755%,0.96371 89.796%,0.96708 91.837%,0.97016 93.878%,0.97296 95.918%,0.97550 97.959%,1);--spring-dock: linear(0,0.00382 2.041%,0.01450 4.082%,0.03097 6.122%,0.05224 8.163%,0.07746 10.204%,0.10587 12.245%,0.13678 14.286%,0.16961 16.327%,0.20383 18.367%,0.23897 20.408%,0.27465 22.449%,0.31051 24.490%,0.34627 26.531%,0.38167 28.571%,0.41651 30.612%,0.45060 32.653%,0.48380 34.694%,0.51599 36.735%,0.54708 38.776%,0.57700 40.816%,0.60570 42.857%,0.63315 44.898%,0.65931 46.939%,0.68419 48.980%,0.70779 51.020%,0.73011 53.061%,0.75118 55.102%,0.77103 57.143%,0.78968 59.184%,0.80717 61.224%,0.82354 63.265%,0.83883 65.306%,0.85309 67.347%,0.86636 69.388%,0.87869 71.429%,0.89012 73.469%,0.90069 75.510%,0.91046 77.551%,0.91947 79.592%,0.92776 81.633%,0.93538 83.673%,0.94237 85.714%,0.94877 87.755%,0.95461 89.796%,0.95993 91.837%,0.96478 93.878%,0.96918 95.918%,0.97317 97.959%,1);--spring-panel: linear(0,0.00971 2.041%,0.03623 4.082%,0.07594 6.122%,0.12565 8.163%,0.18258 10.204%,0.24431 12.245%,0.30881 14.286%,0.37435 16.327%,0.43949 18.367%,0.50310 20.408%,0.56427 22.449%,0.62228 24.490%,0.67665 26.531%,0.72702 28.571%,0.77319 30.612%,0.81507 32.653%,0.85266 34.694%,0.88606 36.735%,0.91541 38.776%,0.94092 40.816%,0.96281 42.857%,0.98134 44.898%,0.99679 46.939%,1.00944 48.980%,1.01957 51.020%,1.02746 53.061%,1.03337 55.102%,1.03756 57.143%,1.04026 59.184%,1.04171 61.224%,1.04211 63.265%,1.04164 65.306%,1.04048 67.347%,1.03877 69.388%,1.03665 71.429%,1.03423 73.469%,1.03162 75.510%,1.02890 77.551%,1.02614 79.592%,1.02340 81.633%,1.02073 83.673%,1.01816 85.714%,1.01573 87.755%,1.01345 89.796%,1.01134 91.837%,1.00941 93.878%,1.00766 95.918%,1.00609 97.959%,1);--spring-bloom: linear(0,0.00596 2.041%,0.02229 4.082%,0.04690 6.122%,0.07797 8.163%,0.11396 10.204%,0.15355 12.245%,0.19561 14.286%,0.23922 16.327%,0.28358 18.367%,0.32804 20.408%,0.37207 22.449%,0.41524 24.490%,0.45721 26.531%,0.49773 28.571%,0.53658 30.612%,0.57362 32.653%,0.60877 34.694%,0.64197 36.735%,0.67319 38.776%,0.70243 40.816%,0.72973 42.857%,0.75512 44.898%,0.77866 46.939%,0.80042 48.980%,0.82049 51.020%,0.83893 53.061%,0.85583 55.102%,0.87129 57.143%,0.88539 59.184%,0.89822 61.224%,0.90986 63.265%,0.92040 65.306%,0.92991 67.347%,0.93849 69.388%,0.94620 71.429%,0.95311 73.469%,0.95928 75.510%,0.96480 77.551%,0.96970 79.592%,0.97405 81.633%,0.97790 83.673%,0.98130 85.714%,0.98428 87.755%,0.98690 89.796%,0.98919 91.837%,0.99118 93.878%,0.99291 95.918%,0.99440 97.959%,1);--spring-world: linear(0,0.01048 2.041%,0.03795 4.082%,0.07740 6.122%,0.12490 8.163%,0.17739 10.204%,0.23251 12.245%,0.28847 14.286%,0.34393 16.327%,0.39792 18.367%,0.44975 20.408%,0.49894 22.449%,0.54522 24.490%,0.58842 26.531%,0.62849 28.571%,0.66545 30.612%,0.69939 32.653%,0.73041 34.694%,0.75866 36.735%,0.78431 38.776%,0.80753 40.816%,0.82850 42.857%,0.84738 44.898%,0.86435 46.939%,0.87957 48.980%,0.89319 51.020%,0.90538 53.061%,0.91625 55.102%,0.92593 57.143%,0.93455 59.184%,0.94222 61.224%,0.94902 63.265%,0.95506 65.306%,0.96040 67.347%,0.96514 69.388%,0.96932 71.429%,0.97302 73.469%,0.97629 75.510%,0.97917 77.551%,0.98171 79.592%,0.98395 81.633%,0.98592 83.673%,0.98766 85.714%,0.98918 87.755%,0.99052 89.796%,0.99170 91.837%,0.99273 93.878%,0.99364 95.918%,0.99444 97.959%,1);--spring-press-settle: 0.12s;--spring-present-settle: 0.2s;--spring-dock-settle: 0.21s;--spring-panel-settle: 0.45s;--spring-bloom-settle: 0.37s;--spring-world-settle: 0.57s;--spring-press-duration: calc(var(--spring-press-settle) * var(--motion-tempo));--spring-present-duration: calc(var(--spring-present-settle) * var(--motion-tempo));--spring-dock-duration: calc(var(--spring-dock-settle) * var(--motion-tempo));--spring-panel-duration: calc(var(--spring-panel-settle) * var(--motion-tempo));--spring-bloom-duration: calc(var(--spring-bloom-settle) * var(--motion-tempo));--spring-world-duration: calc(var(--spring-world-settle) * var(--motion-tempo));--spring-press-exit-duration: calc(clamp(0.12s,var(--spring-press-settle) * 0.6,0.25s) * var(--motion-tempo));--spring-present-exit-duration: calc(clamp(0.12s,var(--spring-present-settle) * 0.6,0.25s) * var(--motion-tempo));--spring-dock-exit-duration: calc(clamp(0.12s,var(--spring-dock-settle) * 0.6,0.25s) * var(--motion-tempo));--spring-panel-exit-duration: calc(clamp(0.12s,var(--spring-panel-settle) * 0.6,0.25s) * var(--motion-tempo));--spring-bloom-exit-duration: calc(clamp(0.12s,var(--spring-bloom-settle) * 0.6,0.25s) * var(--motion-tempo));--spring-world-exit-duration: calc(clamp(0.12s,var(--spring-world-settle) * 0.6,0.25s) * var(--motion-tempo));--transition-liquid-spatial: var(--spring-press);--pager-worm-max-stretch: 1.2;--motion-ease-standard: cubic-bezier(0.4,0,0.2,1);--motion-ease-out: cubic-bezier(0,0,0.2,1);--motion-ease-in: cubic-bezier(0.4,0,1,1);--motion-ease-out-expo: cubic-bezier(0.16,1,0.3,1);--ease-standard: var(--motion-ease-standard);--ease-out: var(--motion-ease-out);--ease-in: var(--motion-ease-in);--ease-out-expo: var(--motion-ease-out-expo);--motion-ease-apple: cubic-bezier(0.25,0.1,0.25,1);--ease-apple: var(--motion-ease-apple);--ease-decelerate: var(--ease-out);--ease-accelerate: var(--ease-in);}@media (prefers-reduced-motion: reduce){:root{--transition-liquid-spatial: var(--ease-standard);}}

package/dist/styles/tokens/scroll-tokens.css

@@ -1 +1 @@
-:root { --scroll-reveal-rise: 6px; --scroll-reveal-range-end: 60%; --scroll-cascade-rise: 1.25rem; --scroll-cascade-range-end: 45%; --scroll-cascade-column-stagger: 6%; --scroll-pin-stage-height: 320vh; --scroll-pin-lift: 2.5rem; --top-layer-enter-scale: var(--enter-overlay-scale); --top-layer-enter-blur: var(--enter-overlay-blur); --top-layer-backdrop-blur: 7px; --top-layer-backdrop-dim: 0.5; --vt-duration: var(--duration-normal); --vt-ease: var(--spring-bouncy); --vt-rise: 8px; --dock-resize-spring: var(--spring-dock); --dock-press-spring: var(--spring-smooth-duration) var(--spring-smooth); }
+:root{--scroll-reveal-rise: 6px;--scroll-reveal-range-end: 60%;--scroll-cascade-rise: 1.25rem;--scroll-cascade-range-end: 45%;--scroll-cascade-column-stagger: 6%;--top-layer-enter-scale: var(--enter-overlay-scale);--top-layer-enter-blur: var(--enter-overlay-blur);--top-layer-backdrop-blur: 7px;--top-layer-backdrop-dim: 0.5;--vt-duration: var(--duration-normal);--vt-ease: var(--spring-present);--vt-rise: 8px;--dock-resize-spring: var(--spring-dock);--dock-press-spring: var(--spring-press-duration) var(--spring-press);}

package/dist/styles/tokens/shadow.css

@@ -1 +1 @@
-:root { --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 var(--cartoon-ink-lead), 0 24px 64px color-mix(in srgb, var(--foreground) 12%, 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); --shadow-card: var(--shadow-md); --shadow-dock: 0 0 20px color-mix(in srgb, var(--shadow-color) 14%, transparent); --shadow-dock-collapsed: 0 0 12px color-mix(in srgb, var(--shadow-color) 12%, transparent); --glass-material-rim: 0 0 0 0.5px color-mix(in srgb, var(--shadow-color) 5%, transparent); --cartoon-ink: oklch(from var(--foreground) clamp(0.28, l, 0.34) clamp(0.030, c, 0.050) 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); --cartoon-ink-fallback: #34251a; --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); --blob-shadow-offset: 0 4px; --blob-shadow-blur: 14px; --blob-shadow-color: color-mix(in srgb, var(--blob-color, var(--shadow-color)) 22%, var(--shadow-color)); --blob-shadow-strength: 20%; --blob-shadow-ambient: var(--blob-shadow-offset) var(--blob-shadow-blur) color-mix(in srgb, var(--blob-shadow-color) var(--blob-shadow-strength), transparent); --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); --blob-shadow-hover: 0 6px 20px color-mix(in srgb, var(--blob-shadow-color) 26%, transparent); --blob-shadow-contact-hover: 0 1px 4px color-mix(in srgb, var(--blob-shadow-color) 44%, transparent); } @supports not (color: oklch(from white l c h)) { :root { --cartoon-ink: var(--cartoon-ink-fallback); } } @media (prefers-contrast: more), (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); } }
+:root{--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 var(--cartoon-ink-lead),0 24px 64px color-mix(in srgb,var(--foreground) 12%,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);--shadow-card: var(--shadow-md);--shadow-dock: 0 0 20px color-mix(in srgb,var(--shadow-color) 14%,transparent);--shadow-dock-collapsed: 0 0 12px color-mix(in srgb,var(--shadow-color) 12%,transparent);--cartoon-ink: oklch(from var(--foreground) clamp(0.28,l,0.34) clamp(0.030,c,0.050) 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);--cartoon-ink-fallback: #34251a;--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);--blob-shadow-offset: 0 4px;--blob-shadow-blur: 14px;--blob-shadow-color: color-mix(in srgb,var(--blob-color,var(--shadow-color)) 22%,var(--shadow-color));--blob-shadow-strength: 20%;--blob-shadow-ambient: var(--blob-shadow-offset) var(--blob-shadow-blur) color-mix(in srgb,var(--blob-shadow-color) var(--blob-shadow-strength),transparent);--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);--blob-shadow-hover: 0 6px 20px color-mix(in srgb,var(--blob-shadow-color) 26%,transparent);--blob-shadow-contact-hover: 0 1px 4px color-mix(in srgb,var(--blob-shadow-color) 44%,transparent);}@supports not (color: oklch(from white l c h)){:root{--cartoon-ink: var(--cartoon-ink-fallback);}}@media (prefers-contrast: more),(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/dist/styles/tokens/sizing-config.css

@@ -1 +1 @@
-:root { --configurator-row-gap-compact: 0.3125rem; --configurator-row-gap-comfortable: 0.375rem; --configurator-row-gap-spacious: 0.75rem; --configurator-row-py-compact: 0.375rem; --configurator-row-py-comfortable: 0.5rem; --configurator-row-py-spacious: 0.875rem; --configurator-section-size: var(--type-subheading); --configurator-section-weight: 600; --configurator-stage-min: 18rem; --configurator-preset-row-weight: 0.625rem; --configurator-preset-row-gap: 0.5rem; --configurator-divider: light-dark( color-mix(in srgb, var(--border) 55%, transparent), color-mix(in srgb, var(--foreground) 22%, transparent) ); --configurator-divider-section: light-dark( color-mix(in srgb, var(--border) 70%, transparent), color-mix(in srgb, var(--foreground) 30%, transparent) ); --configurator-section-tint: light-dark( transparent, color-mix(in srgb, var(--foreground) 3%, transparent) ); }
+:root{--configurator-row-gap-compact: 0.3125rem;--configurator-row-gap-comfortable: 0.375rem;--configurator-row-gap-spacious: 0.75rem;--configurator-row-py-compact: 0.375rem;--configurator-row-py-comfortable: 0.5rem;--configurator-row-py-spacious: 0.875rem;--configurator-section-size: var(--type-heading);--configurator-section-weight: 600;--configurator-stage-min: 18rem;--configurator-preset-row-weight: 0.625rem;--configurator-preset-row-gap: 0.5rem;--configurator-divider: light-dark( color-mix(in srgb,var(--border) 55%,transparent),color-mix(in srgb,var(--foreground) 22%,transparent) );--configurator-divider-section: light-dark( color-mix(in srgb,var(--border) 70%,transparent),color-mix(in srgb,var(--foreground) 30%,transparent) );--configurator-section-tint: light-dark( transparent,color-mix(in srgb,var(--foreground) 3%,transparent) );}

package/dist/styles/tokens/sizing.css

@@ -1 +1 @@
-:root { --ui-scale: 1; --ui-coarse-scale: 1.5; --control-floor: 0px; --control-h-xs: max(calc(1.75rem * var(--ui-scale)), var(--control-floor)); --control-h-sm: max(calc(2.25rem * var(--ui-scale)), var(--control-floor)); --control-h-md: max(calc(2.5rem * var(--ui-scale)), var(--control-floor)); --control-h-lg: max(calc(2.75rem * var(--ui-scale)), var(--control-floor)); --control-text: calc(var(--type-small) * var(--ui-scale)); --control-text-sm: calc(var(--type-caption) * var(--ui-scale)); --ui-glyph: calc(1rem * var(--ui-scale)); --ui-glyph-sm: calc(0.875rem * var(--ui-scale)); --dropdown-text: var(--control-text); --dropdown-text-secondary: var(--control-text-sm); --dropdown-input-height: var(--control-h-md); --search-icon-size: var(--ui-glyph-sm); --search-button-size: var(--control-h-xs); --search-result-text: var(--control-text); --search-result-text-secondary: var(--control-text-sm); --size-icon-btn: 2.5rem; --icon-xs: 0.75rem; --icon-sm: 0.875rem; --icon-md: 1rem; --icon-lg: 1.25rem; --icon-xl: 1.5rem; --icon-2xl: 2rem; --icon-3xl: var(--size-icon-btn); --icon-hero: 3.5rem; --space-phi-5: 2.618rem; --space-phi-6: 4.236rem; --dock-h: calc(var(--size-icon-btn) + 0.75rem + 3px); --dock-scale: calc(var(--ui-scale) * var(--dock-local-scale, 1)); --dock-local-scale: 1; --dock-mobile-scale: initial; --dock-coarse-scale: 0.78; --dock-icon-glyph-ratio: 0.5; --dock-icon-glyph-floor: 1rem; --dock-icon-glyph: max( calc(var(--dock-layer-height, calc(2.5rem * var(--dock-scale))) * var(--dock-icon-glyph-ratio)), var(--dock-icon-glyph-floor) ); --dock-control-glyph-size: var(--dock-icon-glyph); --dock-collapsed-summary-min-size: calc(var(--dock-layer-height, 2.5rem) * 0.85); --dock-collapsed-padding: calc(0.25rem * var(--dock-scale)); --dock-scroll-safe-inset: calc(var(--focus-ring-width, 2px) + 1px); --dock-scroll-gutter: var(--dock-scroll-safe-inset); --dock-control-hover-bg: var(--glass-bg-resting); --dock-control-active-bg: var(--glass-bg-floating); --dock-control-specular-size: 22%; --dock-layer-rail-bg: transparent; --dock-layer-rail-divider: color-mix(in srgb, var(--border) 40%, transparent); --dock-layer-rail-hover: color-mix(in srgb, var(--accent) 30%, transparent); --dock-layer-rail-active: var(--glass-bg-floating); --dock-layer-tab-size: calc(1.75rem * var(--dock-scale)); --dock-active-bg: var(--dock-control-active-bg); --dock-active-color: var(--foreground); --dock-active-scale: 1; --dock-active-border: none; --dock-active-shadow: none; --dock-selected-accent: color-mix(in oklab, var(--foreground) 14%, transparent); --dock-ring: var(--focus-ring-shadow); --dock-control-press-bg: color-mix( in oklab, var(--glass-bg-resting), var(--foreground) 7% ); --dock-touch-target: 2.75rem; --dock-label-ratio: 0.5088; --touch-target: 2.75rem; }
+:root{--ui-scale: 1;--ui-coarse-scale: 1.5;--control-floor: 0px;--control-h-xs: max(calc(1.75rem * var(--ui-scale)),var(--control-floor));--control-h-sm: max(calc(2.25rem * var(--ui-scale)),var(--control-floor));--control-h-md: max(calc(2.5rem * var(--ui-scale)),var(--control-floor));--control-h-lg: max(calc(2.75rem * var(--ui-scale)),var(--control-floor));--control-text: calc(var(--type-small) * var(--ui-scale));--control-text-sm: calc(var(--type-caption) * var(--ui-scale));--control-label: calc(var(--control-text) * 0.886653);--ui-glyph: calc(1rem * var(--ui-scale));--ui-glyph-sm: calc(0.875rem * var(--ui-scale));--textarea-content-max: 12lh;--dropdown-text: var(--control-text);--dropdown-text-secondary: var(--control-text-sm);--dropdown-input-height: var(--control-h-md);--search-icon-size: var(--ui-glyph-sm);--search-button-size: var(--control-h-xs);--search-result-text: var(--control-text);--search-result-text-secondary: var(--control-text-sm);--size-icon-btn: 2.5rem;--icon-xs: 0.75rem;--icon-sm: 0.875rem;--icon-md: 1rem;--icon-lg: 1.25rem;--icon-xl: 1.5rem;--icon-2xl: 2rem;--icon-3xl: var(--size-icon-btn);--icon-hero: 3.5rem;--space-residue: 0.25rem;--space-atom: 0.5rem;--space-body: 0.75rem;--space-family: 1.25rem;--space-section: 2rem;--space-page: 3.25rem;--space-phi-5: 2.618rem;--space-phi-6: 4.236rem;--dock-h: calc(var(--size-icon-btn) + 0.75rem + 3px);--dock-scale: calc(var(--ui-scale) * var(--dock-local-scale,1));--dock-local-scale: 1;--dock-mobile-scale: initial;--dock-coarse-scale: 0.78;--dock-icon-glyph-ratio: 0.5;--dock-icon-glyph-floor: 1rem;--dock-icon-glyph: max( calc(var(--dock-layer-height,calc(2.5rem * var(--dock-scale))) * var(--dock-icon-glyph-ratio)),var(--dock-icon-glyph-floor) );--dock-control-glyph-size: var(--dock-icon-glyph);--dock-collapsed-summary-min-size: calc(var(--dock-layer-height,2.5rem) * 0.85);--dock-collapsed-padding: calc(0.25rem * var(--dock-scale));--dock-scroll-safe-inset: calc(var(--focus-ring-width,2px) + 1px);--dock-scroll-gutter: var(--dock-scroll-safe-inset);--dock-control-hover-bg: var(--glass-plate-resting);--dock-control-active-bg: var(--glass-plate-floating);--dock-control-specular-size: 22%;--dock-layer-switcher-bg: transparent;--dock-hairline: var(--surface-tint-15);--dock-layer-switcher-hover: color-mix(in srgb,var(--accent) 30%,transparent);--dock-layer-switcher-active: var(--glass-plate-floating);--dock-layer-tab-size: calc(1.75rem * var(--dock-scale));--dock-active-bg: var(--dock-control-active-bg);--dock-active-color: var(--foreground);--dock-active-scale: 1;--dock-active-border: none;--dock-active-shadow: none;--dock-selected-accent: color-mix(in oklab,var(--foreground) 14%,transparent);--dock-ring: var(--focus-ring-shadow);--dock-control-press-bg: color-mix( in oklab,var(--glass-plate-resting),var(--foreground) 7% );--dock-touch-target: 2.75rem;--dock-label-ratio: 0.5088;--touch-target: 2.75rem;--slider-touch-target: 1.5rem;}@media (max-width: 768px){:root{--space-page: 2rem;--space-section: 1.25rem;--space-family: 0.75rem;--space-body: 0.5rem;--space-atom: 0.25rem;--space-residue: 0.25rem;}}

package/dist/styles/tokens.css

@@ -1 +1 @@
-@import "./tokens/scheme-motion.css"; @import "./tokens/scheme-spring.css"; @import "./tokens/motion-registers.css"; @import "./tokens/color-radius.css"; @import "./tokens/shadow.css"; @import "./tokens/glass.css"; @import "./tokens/glass-fx.css"; @import "./tokens/glass-deep.css"; @import "./tokens/on-glass-fg.css"; @import "./tokens/offsets.css"; @import "./tokens/sizing.css"; @import "./tokens/sizing-config.css"; @import "./tokens/scale-paper.css"; @import "./tokens/scroll-tokens.css"; @import "./tokens/light-dark.css"; @import "./tokens/dark-arm.css"; @import "./tokens/dark-arm-glass.css"; @import "./tokens/property-regs.css"; @import "./tokens/property-regs-specular.css";
+@import "./tokens/scheme-motion.css";@import "./tokens/scheme-spring.css";@import "./tokens/motion-registers.css";@import "./tokens/color-radius.css";@import "./tokens/shadow.css";@import "./tokens/glass.css";@import "./tokens/glass-fx.css";@import "./tokens/glass-deep.css";@import "./tokens/on-glass-fg.css";@import "./tokens/offsets.css";@import "./tokens/sizing.css";@import "./tokens/sizing-config.css";@import "./tokens/scale-paper.css";@import "./tokens/scroll-tokens.css";@import "./tokens/light-dark.css";@import "./tokens/dark-arm.css";@import "./tokens/dark-arm-glass.css";@import "./tokens/property-regs.css";@import "./tokens/property-regs-specular.css";

package/dist/styles/tokens.d.ts

@@ -36,7 +36,7 @@ export declare const minWidthInputSm = 80;
  *   - `tight` (40ms)    — dense row cascades (StatsCards row strip,
  *                         results-table `:nth-child` delays)
  *   - `default` (80ms)  — canonical row stagger (ResultStack, bar
- *                         entrance, useStaggerReveal default)
+ *                         entrance, the default row cascade)
  *   - `relaxed` (120ms) — wider series cascades (TimeSeriesChart)
  *
  */
@@ -45,4 +45,4 @@ export declare const motionStagger: {
     readonly default: 80;
     readonly relaxed: 120;
 };
-export * from "./tokens/manifest";
+export * from "./tokens/manifest.js";

package/dist/styles/track-well.css

@@ -0,0 +1 @@
+@layer components{.track-well,.track-ground{--track-well-recess: oklch(from var(--background) calc(l * 0.9) c h);}.track-well{position: relative;overflow: hidden;border-radius: var(--radius-pill);box-shadow: inset 0 1px 0 color-mix( in oklab,var(--cartoon-ink) calc(var(--ink-edge) * 100%),oklch(0 0 0 / 0) );}}

package/dist/styles/transitions.css

@@ -1 +1 @@
-@layer components { .fade-enter-active, .fade-leave-active { transition: opacity var(--duration-fast) var(--ease-standard); } .fade-enter-from, .fade-leave-to { opacity: 0; } .tab-fade-enter-active, .tab-fade-leave-active { transition: opacity var(--duration-fast) var(--ease-standard); } .tab-fade-enter-from, .tab-fade-leave-to { opacity: 0; } .pane-swap-enter-active { transition: opacity var(--duration-normal) var(--ease-out), transform var(--spring-smooth-duration) var(--spring-smooth); } .pane-swap-leave-active { transition: opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out); } .pane-swap-enter-from { opacity: 0; transform: translateX(0.75rem); } .pane-swap-leave-to { opacity: 0; transform: translateX(-0.75rem); } .metric-swap-enter-active { transition: opacity var(--duration-normal) var(--ease-out), transform var(--spring-smooth-duration) var(--spring-smooth); } .metric-swap-leave-active { transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard); } .metric-swap-enter-from, .metric-swap-leave-to { opacity: 0; transform: translateY(0.375rem) scale(0.95); } .dock-in { animation: dock-in var(--spring-snappy-duration) var(--spring-snappy) both; transform-origin: center bottom; } @media (prefers-reduced-motion: reduce) { .fade-enter-active, .fade-leave-active, .tab-fade-enter-active, .tab-fade-leave-active, .pane-swap-enter-active, .pane-swap-leave-active, .metric-swap-enter-active, .metric-swap-leave-active { transition-duration: 0.1s !important; } .pane-swap-enter-active, .pane-swap-leave-active, .metric-swap-enter-active, .metric-swap-leave-active { transition-property: opacity !important; transition-duration: 0.15s !important; animation-duration: 0.01ms !important; } .pane-swap-enter-from, .pane-swap-leave-to, .metric-swap-enter-from, .metric-swap-leave-to { transform: none !important; } .dock-in { animation-duration: 0.01ms !important; transform: none !important; } } }
+@layer components{.fade-enter-active,.fade-leave-active{transition: opacity var(--duration-fast) var(--ease-standard);}.fade-enter-from,.fade-leave-to{opacity: 0;}.tab-fade-enter-active,.tab-fade-leave-active{transition: opacity var(--duration-fast) var(--ease-standard);}.tab-fade-enter-from,.tab-fade-leave-to{opacity: 0;}.pane-swap-enter-active{transition: opacity var(--duration-normal) var(--ease-out),transform var(--spring-present-duration) var(--spring-present);}.pane-swap-leave-active{transition: opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);}.pane-swap-enter-from{opacity: 0;transform: translateX(0.75rem);}.pane-swap-leave-to{opacity: 0;transform: translateX(-0.75rem);}.metric-swap-enter-active{transition: opacity var(--duration-normal) var(--ease-out),transform var(--spring-present-duration) var(--spring-present);}.metric-swap-leave-active{transition: opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);}.metric-swap-enter-from,.metric-swap-leave-to{opacity: 0;transform: translateY(0.375rem) scale(0.95);}.dock-in{animation: dock-in var(--spring-dock-duration) var(--spring-dock) both;transform-origin: center bottom;}@media (prefers-reduced-motion: reduce){.fade-enter-active,.fade-leave-active,.tab-fade-enter-active,.tab-fade-leave-active,.pane-swap-enter-active,.pane-swap-leave-active,.metric-swap-enter-active,.metric-swap-leave-active{transition-duration: 0.1s !important;}.pane-swap-enter-active,.pane-swap-leave-active,.metric-swap-enter-active,.metric-swap-leave-active{transition-property: opacity !important;transition-duration: 0.15s !important;animation-duration: 0.01ms !important;}.pane-swap-enter-from,.pane-swap-leave-to,.metric-swap-enter-from,.metric-swap-leave-to{transform: none !important;}.dock-in{animation-duration: 0.01ms !important;transform: none !important;}}}

package/dist/styles/typography/scale.css

@@ -1 +1 @@
-@font-face { font-family: "Plus Jakarta Sans Fallback"; src: local("System Font"), local(".SFNS-Regular"), local(".SFNSText-Regular"), local("-apple-system"); ascent-override: 92.3784%; descent-override: 19.7572%; size-adjust: 112.3639%; } @font-face { font-family: "Plus Jakarta Sans Fallback"; src: local("Segoe UI"), local("SegoeUI"); ascent-override: 98.3348%; descent-override: 21.0311%; size-adjust: 105.5577%; } @font-face { font-family: "Plus Jakarta Sans Fallback"; src: local("Roboto Regular"), local("Roboto-Regular"); ascent-override: 98.6597%; descent-override: 21.1006%; size-adjust: 105.2101%; } @font-face { font-family: "Plus Jakarta Sans Fallback"; src: local("Arial"), local("ArialMT"); ascent-override: 98.8763%; descent-override: 21.147%; line-gap-override: 0%; size-adjust: 104.9796%; } @font-face { font-family: "Fira Code Fallback"; src: local("SF Mono"), local("SFMono-Regular"), local("Menlo"), local("Consolas"), local("Courier New"), local("Roboto Mono Regular"); ascent-override: 99.0161%; descent-override: 32.2052%; size-adjust: 99.9837%; } :root { --type-admin-label: 0.625rem; --type-micro: 0.6875rem; --type-caption: clamp( 0.75rem, 0.71rem + 0.21vw, 1rem ); --type-small: clamp( 0.875rem, 0.8rem + 0.25vw, 1.25rem ); --type-body: clamp( 1rem, 0.92rem + 0.27vw, 1.375rem ); --type-prose: clamp( 1.125rem, 1.04rem + 0.28vw, 1.5rem ); --type-subheading: 1.272rem; --type-heading: 1.618rem; --type-title: 2.058rem; --type-display-1: clamp(1.618rem, 1.2rem + 1.6vw, 2.618rem); --type-display-2: clamp(2.058rem, 1.5rem + 2.2vw, 3.33rem); --type-proportional-ratio: 0.7861513777574233; --type-proportional-headline-size: var(--type-display-2); --type-proportional-kicker-size: calc( var(--type-proportional-headline-size) * var(--type-proportional-ratio) ); --type-proportional-leading: 1; --type-display-3: clamp(2.618rem, 2rem + 3vw, 4.236rem); --type-display-4: clamp(3.33rem, 2.5rem + 4vw, 5.382rem); --type-display-5: clamp(4.236rem, 3.5rem + 6vw, 6.854rem); --type-display-mega: clamp( 5.382rem, 4rem + 9vw, 11.089rem ); --type-display-hero: clamp( 6.854rem, 4.5rem + 12vw, 17.942rem ); --type-display-audacious: clamp( 8.728rem, 5rem + 16vw, 22rem ); --font-display-weight: 600; --type-weight-display: var(--font-display-weight); --type-weight-heading: 700; --type-weight-title: 700; }
+@font-face{font-family: "Plus Jakarta Sans Fallback";src: local("System Font"),local(".SFNS-Regular"),local(".SFNSText-Regular"),local("-apple-system");ascent-override: 92.3784%;descent-override: 19.7572%;size-adjust: 112.3639%;}@font-face{font-family: "Plus Jakarta Sans Fallback";src: local("Segoe UI"),local("SegoeUI");ascent-override: 98.3348%;descent-override: 21.0311%;size-adjust: 105.5577%;}@font-face{font-family: "Plus Jakarta Sans Fallback";src: local("Roboto Regular"),local("Roboto-Regular");ascent-override: 98.6597%;descent-override: 21.1006%;size-adjust: 105.2101%;}@font-face{font-family: "Plus Jakarta Sans Fallback";src: local("Arial"),local("ArialMT");ascent-override: 98.8763%;descent-override: 21.147%;line-gap-override: 0%;size-adjust: 104.9796%;}@font-face{font-family: "Fira Code Fallback";src: local("SF Mono"),local("SFMono-Regular"),local("Menlo"),local("Consolas"),local("Courier New"),local("Roboto Mono Regular");ascent-override: 99.0161%;descent-override: 32.2052%;size-adjust: 99.9837%;}:root{--type-micro: 0.6875rem;--type-caption: clamp( 0.75rem,0.71rem + 0.21vw,1rem );--type-small: clamp( 0.875rem,0.8rem + 0.25vw,1.25rem );--type-body: clamp( 1rem,0.92rem + 0.27vw,1.375rem );--type-prose: clamp( 1.125rem,1.04rem + 0.28vw,1.5rem );--type-subheading: 1.272rem;--type-heading: 1.618rem;--type-title: 2.058rem;--type-display-1: clamp(1.618rem,1.2rem + 1.6vw,2.618rem);--type-display-2: clamp(2.058rem,1.5rem + 2.2vw,3.33rem);--type-proportional-ratio: 0.7861513777574233;--type-proportional-headline-size: var(--type-display-2);--type-proportional-kicker-size: calc( var(--type-proportional-headline-size) * var(--type-proportional-ratio) );--type-proportional-leading: 1;--type-display-3: clamp(2.618rem,2rem + 3vw,4.236rem);--type-display-4: clamp(3.33rem,2.5rem + 4vw,5.382rem);--type-display-5: clamp(4.236rem,3.5rem + 6vw,6.854rem);--type-display-mega: clamp( 5.382rem,4rem + 9vw,11.089rem );--type-display-hero: clamp( 6.854rem,4.5rem + 12vw,17.942rem );--type-display-audacious: clamp( 8.728rem,5rem + 16vw,22rem );--font-display-weight: 600;--type-weight-display: var(--font-display-weight);--type-weight-heading: 700;--type-weight-title: 700;}

package/dist/styles/typography/semantic.css

@@ -1 +1 @@
-body { font-family: var(--font-text); color: var(--foreground); font-size: var(--type-body); line-height: var(--type-leading-body); } @utility text-proportional-headline { font-size: var(--type-proportional-headline-size); line-height: var(--type-proportional-leading); } @utility text-proportional-kicker { font-size: var(--type-proportional-kicker-size); line-height: var(--type-proportional-leading); } @utility text-display-audacious { font-family: var(--font-display); font-size: var(--type-display-audacious); line-height: var(--type-leading-display); letter-spacing: var(--type-tracking-display); font-optical-sizing: auto; font-weight: var(--type-weight-display); text-wrap: balance; } @utility text-hero { font-family: var(--font-display); font-size: var(--text-hero-size, var(--type-display-audacious)); line-height: var(--text-hero-leading, 0.84); letter-spacing: var(--text-hero-tracking, -0.03em); font-weight: 300; font-feature-settings: "ss01", "tnum", "lnum"; font-variant-numeric: tabular-nums lining-nums; font-optical-sizing: auto; display: inline-block; max-inline-size: 100%; white-space: nowrap; text-wrap: nowrap; } @utility text-display-hero { font-family: var(--font-display); font-size: var(--type-display-hero); line-height: var(--type-leading-display); letter-spacing: var(--type-tracking-display); font-optical-sizing: auto; font-weight: var(--type-weight-display); text-wrap: balance; } @utility text-display-mega { font-family: var(--font-display); font-size: var(--type-display-mega); line-height: var(--type-leading-display); letter-spacing: var(--type-tracking-display); font-optical-sizing: auto; font-weight: var(--type-weight-display); text-wrap: balance; } @utility text-display-5 { font-family: var(--font-display); font-size: var(--type-display-5); line-height: var(--type-leading-display); letter-spacing: var(--type-tracking-display); font-optical-sizing: auto; font-weight: var(--type-weight-display); text-wrap: balance; } @utility text-display-4 { font-family: var(--font-display); font-size: var(--type-display-4); line-height: var(--type-leading-display); letter-spacing: var(--type-tracking-display); font-optical-sizing: auto; font-weight: var(--type-weight-display); text-wrap: balance; } @utility text-display-3 { font-family: var(--font-display); font-size: var(--type-display-3); line-height: var(--type-leading-display); letter-spacing: var(--type-tracking-display); font-optical-sizing: auto; font-weight: var(--type-weight-display); text-wrap: balance; } @utility text-display-2 { font-family: var(--font-display); font-size: var(--type-display-2); line-height: var(--type-leading-display); letter-spacing: var(--type-tracking-display); font-optical-sizing: auto; font-weight: var(--type-weight-display); text-wrap: balance; } @utility text-display { font-family: var(--font-display); font-size: var(--type-display-1); line-height: var(--type-leading-display); letter-spacing: var(--type-tracking-display); font-optical-sizing: auto; font-weight: var(--type-weight-display); text-wrap: balance; } @utility text-title { font-family: var(--font-text); font-size: var(--type-title); line-height: var(--type-leading-heading); letter-spacing: var(--type-tracking-tight); font-weight: var(--type-weight-title); text-wrap: balance; } @utility text-heading { font-family: var(--font-text); font-size: var(--type-heading); line-height: var(--type-leading-heading); font-weight: var(--type-weight-heading); text-wrap: balance; } @utility text-subheading { font-family: var(--font-text); font-size: var(--type-subheading); line-height: var(--type-leading-body); font-weight: 600; text-wrap: balance; } @utility dock-label { font-family: var(--font-text); font-size: var( --dock-label-size, calc(var(--dock-control-size, 2.5rem) * var(--dock-label-ratio)) ); line-height: var(--type-leading-body); font-weight: 400; letter-spacing: var(--type-tracking-normal); } @utility text-prose { font-family: var(--font-text); font-size: var(--type-prose); line-height: var(--type-leading-prose); font-weight: 400; text-wrap: pretty; } @utility text-body { font-family: var(--font-text); font-size: var(--type-body); line-height: var(--type-leading-body); font-weight: 400; text-wrap: pretty; } @utility text-small { font-family: var(--font-text); font-size: var(--type-small); line-height: var(--type-leading-small); font-weight: 400; } @utility text-caption { font-family: var(--font-text); font-size: var(--type-caption); line-height: var(--type-leading-caption); font-style: italic; font-weight: 400; } @utility text-micro { font-size: var(--type-micro); line-height: 1.25; } @utility text-admin-label { font-family: var(--font-mono); font-size: var(--type-admin-label); line-height: 1; text-transform: uppercase; letter-spacing: var(--type-tracking-caps); font-weight: 500; }
+body{font-family: var(--font-text);color: var(--foreground);font-size: var(--type-body);line-height: var(--type-leading-body);}@utility text-proportional-headline{font-size: var(--type-proportional-headline-size);line-height: var(--type-proportional-leading);}@utility text-proportional-kicker{font-size: var(--type-proportional-kicker-size);line-height: var(--type-proportional-leading);}@utility text-display-audacious{font-family: var(--font-display);font-size: var(--type-display-audacious);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-hero{font-family: var(--font-display);font-size: var(--text-hero-size,var(--type-display-audacious));line-height: var(--text-hero-leading,0.84);letter-spacing: var(--text-hero-tracking,-0.03em);font-weight: 300;font-feature-settings: "ss01","tnum","lnum";font-variant-numeric: tabular-nums lining-nums;font-optical-sizing: auto;display: inline-block;max-inline-size: 100%;white-space: nowrap;text-wrap: nowrap;}@utility text-display-hero{font-family: var(--font-display);font-size: var(--type-display-hero);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-mega{font-family: var(--font-display);font-size: var(--type-display-mega);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-5{font-family: var(--font-display);font-size: var(--type-display-5);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-4{font-family: var(--font-display);font-size: var(--type-display-4);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-3{font-family: var(--font-display);font-size: var(--type-display-3);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-2{font-family: var(--font-display);font-size: var(--type-display-2);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display{font-family: var(--font-display);font-size: var(--type-display-1);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-title{font-family: var(--font-text);font-size: var(--type-title);line-height: var(--type-leading-heading);letter-spacing: var(--type-tracking-tight);font-weight: var(--type-weight-title);text-wrap: balance;}@utility text-heading{font-family: var(--font-text);font-size: var(--type-heading);line-height: var(--type-leading-heading);font-weight: var(--type-weight-heading);text-wrap: balance;}@utility text-subheading{font-family: var(--font-text);font-size: var(--type-subheading);line-height: var(--type-leading-body);font-weight: 600;text-wrap: balance;}@utility dock-label{font-family: var(--font-text);font-size: var( --dock-label-size,calc(var(--dock-control-size,2.5rem) * var(--dock-label-ratio)) );line-height: var(--type-leading-body);font-weight: 400;letter-spacing: var(--type-tracking-normal);}@utility text-prose{font-family: var(--font-text);font-size: var(--type-prose);line-height: var(--type-leading-prose);font-weight: 400;text-wrap: pretty;}@utility text-body{font-family: var(--font-text);font-size: var(--type-body);line-height: var(--type-leading-body);font-weight: 400;text-wrap: pretty;}@utility text-small{font-family: var(--font-text);font-size: var(--type-small);line-height: var(--type-leading-small);font-weight: 400;}@utility text-caption{font-family: var(--font-text);font-size: var(--type-caption);line-height: var(--type-leading-caption);font-style: italic;font-weight: 400;}@utility text-micro{font-size: var(--type-micro);line-height: 1.25;}

package/dist/styles/typography/utilities.css

@@ -1 +1 @@
-@utility text-math { font-family: var(--font-text); font-style: italic; } @utility text-math-body { font-family: var(--font-text); font-size: var(--type-prose); line-height: var(--type-leading-prose); font-style: italic; } @utility text-mono-caption { font-family: var(--font-mono); font-size: var(--type-caption); letter-spacing: var(--type-tracking-caps); text-transform: uppercase; } @utility text-mono-small { font-family: var(--font-mono); font-size: var(--type-small); line-height: var(--type-leading-small); } @utility text-mono-prose { font-family: var(--font-mono); font-size: var(--type-prose); line-height: var(--type-leading-prose); letter-spacing: 0.02em; } @utility text-mono-micro { font-family: var(--font-mono); font-size: var(--type-micro); line-height: 1.25; letter-spacing: 0.025em; } @utility cm-serif { font-family: var(--font-serif-math, serif); } @utility fira-code { font-family: var(--font-mono); font-feature-settings: "liga", "calt"; } @utility fourier-f { font-family: var(--font-display); font-style: italic; font-size: 1.35em; line-height: 1; vertical-align: -0.05em; font-weight: 700; display: inline-block; } @layer components { .text-pane-title { font-family: var(--font-display); font-size: var(--type-display-2); line-height: var(--type-leading-display); letter-spacing: var(--type-tracking-display); font-weight: var(--type-weight-display); font-optical-sizing: auto; } @container (min-width: 40rem) { .text-pane-title { font-size: var(--type-display-3); } } .section-label { @apply text-mono-caption; color: var(--muted-foreground); } .section-label--tinted { color: var(--section-label-accent, var(--section-color-7)); } :root:not(.dark) [data-paper-field] .section-label:not(.section-label--tinted) { color: color-mix(in oklab, var(--neutral-5), var(--foreground) 22%); } .tabular-nums { font-variant-numeric: tabular-nums lining-nums; } .text-engraved { color: var(--muted-foreground); text-shadow: var(--text-shadow-engraved); } }
+@utility text-math{font-family: var(--font-text);font-style: italic;}@utility text-math-body{font-family: var(--font-text);font-size: var(--type-prose);line-height: var(--type-leading-prose);font-style: italic;}@utility text-mono-caption{font-family: var(--font-mono);font-size: var(--type-caption);letter-spacing: var(--type-tracking-caps);text-transform: uppercase;}@utility text-mono-small{font-family: var(--font-mono);font-size: var(--type-small);line-height: var(--type-leading-small);}@utility text-mono-prose{font-family: var(--font-mono);font-size: var(--type-prose);line-height: var(--type-leading-prose);letter-spacing: 0.02em;}@utility text-mono-micro{font-family: var(--font-mono);font-size: var(--type-micro);line-height: 1.25;letter-spacing: 0.025em;}@utility cm-serif{font-family: var(--font-serif-math,serif);}@utility fira-code{font-family: var(--font-mono);font-feature-settings: "liga","calt";}@utility fourier-f{font-family: var(--font-display);font-style: italic;font-size: 1.35em;line-height: 1;vertical-align: -0.05em;font-weight: 700;display: inline-block;}@layer components{.text-pane-title{font-family: var(--font-display);font-size: var(--type-display-2);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-weight: var(--type-weight-display);font-optical-sizing: auto;}@container (min-width: 40rem){.text-pane-title{font-size: var(--type-display-3);}}.section-label{@apply text-mono-caption;color: var(--muted-foreground);}.section-label--tinted{color: var(--section-label-accent,var(--section-color-7));}:root:not(.dark) [data-paper-field] .section-label:not(.section-label--tinted){color: color-mix(in oklab,var(--neutral-5),var(--foreground) 22%);}.tabular-nums{font-variant-numeric: tabular-nums lining-nums;}.text-engraved{color: var(--muted-foreground);text-shadow: var(--text-shadow-engraved);}}

package/dist/styles/typography.css

@@ -1 +1 @@
-@import "./typography/scale.css"; @import "./typography/semantic.css"; @import "./typography/utilities.css";
+@import "./typography/scale.css";@import "./typography/semantic.css";@import "./typography/utilities.css";

package/dist/styles/utilities/a11y-overrides.css

@@ -1 +1 @@
-@media (prefers-reduced-motion: reduce) { *:not([data-allow-motion]) { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } *:not([data-allow-motion]) { transition-duration: 0.1s !important; transition-property: opacity, color, background-color, border-color, box-shadow !important; } [data-allow-motion] { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } html.no-transition, html.no-transition *:not([data-allow-motion]), html.no-transition *:not([data-allow-motion])::before, html.no-transition *:not([data-allow-motion])::after { transition-duration: 0s !important; } @media (forced-colors: active) { .focus-ring:focus-visible, .interactive-item:focus-visible, .dock-icon-button:focus-visible, .dock-tab-button:focus-visible, .dock-select-trigger:focus-visible, .dock-dropdown-trigger:focus-visible, .dark-mode-toggle-button:focus-visible, .field-control:focus-visible, .input-pill:focus, .input-pill:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } .hairline-accent, .glass-dock { border: 1px solid CanvasText; } } @utility touch-hit-area { position: relative; @media (pointer: coarse) { &::before { content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%; min-width: var(--touch-target, 2.75rem); min-height: var(--touch-target, 2.75rem); pointer-events: none; } } }
+@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0s !important;}}html.no-transition,html.no-transition *:not([data-allow-motion]),html.no-transition *:not([data-allow-motion])::before,html.no-transition *:not([data-allow-motion])::after{transition-duration: 0s !important;}@media (forced-colors: active){.focus-ring:focus-visible,.interactive-item:focus-visible,.dock-icon-button:focus-visible,.dock-tab-button:focus-visible,.dock-select-trigger:focus-visible,.dock-dropdown-trigger:focus-visible,.menu__trigger:focus-visible,.dark-mode-toggle-button:focus-visible,.field-control:focus-visible,.input-pill:focus,.input-pill:focus-visible{outline: 2px solid Highlight;outline-offset: 2px;}.hairline-accent,.glass-dock{border: 1px solid CanvasText;}}

package/dist/styles/utilities/base-misc.css

@@ -1 +1 @@
-@layer components { .depth-text { --depth-color-primary: var(--primary); color: var(--depth-color-primary); text-shadow: var(--text-shadow-depth); } .preserve-3d { transform-style: preserve-3d; } .ios input, .ios select, .ios textarea, .ios [contenteditable] { font-size: max(1rem, 1em); } .fading-scroll { mask-image: linear-gradient( to right, transparent 0, black var(--fade-start), black calc(100% - var(--fade-end)), transparent 100% ); } .fading-scroll--x { overflow-x: auto; mask-image: linear-gradient( to right, transparent 0, black var(--fade-start), black calc(100% - var(--fade-end)), transparent 100% ); } .fading-scroll--y { overflow-y: auto; mask-image: linear-gradient( to bottom, transparent 0, black var(--fade-start), black calc(100% - var(--fade-end)), transparent 100% ); } @supports (animation-timeline: scroll()) { @keyframes gl-fade-start-in { from { --fade-start: 0px; } to { --fade-start: var(--fade-scroll-width); } } @keyframes gl-fade-end-out { from { --fade-end: var(--fade-scroll-width); } to { --fade-end: 0px; } } .fading-scroll--x[data-fade-start] { animation: gl-fade-start-in linear both; animation-timeline: scroll(self inline); animation-range: 0 var(--fade-scroll-width); } .fading-scroll--x[data-fade-end] { animation: gl-fade-end-out linear both; animation-timeline: scroll(self inline); animation-range: calc(100% - var(--fade-scroll-width)) 100%; } .fading-scroll--x[data-fade-start][data-fade-end] { animation: gl-fade-start-in linear both, gl-fade-end-out linear both; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--fade-scroll-width), calc(100% - var(--fade-scroll-width)) 100%; } .fading-scroll--y[data-fade-start] { animation: gl-fade-start-in linear both; animation-timeline: scroll(self block); animation-range: 0 var(--fade-scroll-width); } .fading-scroll--y[data-fade-end] { animation: gl-fade-end-out linear both; animation-timeline: scroll(self block); animation-range: calc(100% - var(--fade-scroll-width)) 100%; } .fading-scroll--y[data-fade-start][data-fade-end] { animation: gl-fade-start-in linear both, gl-fade-end-out linear both; animation-timeline: scroll(self block), scroll(self block); animation-range: 0 var(--fade-scroll-width), calc(100% - var(--fade-scroll-width)) 100%; } } .deferred-section { content-visibility: auto; contain-intrinsic-size: auto var(--deferred-section-size, 30rem); } .deferred-section--cached { content-visibility: hidden; contain-intrinsic-size: auto var(--deferred-section-size, 30rem); } .card-scroll-host { contain: layout style paint; } .scroll-gutter-stable { scrollbar-gutter: stable; } .gold-shimmer { background: linear-gradient(90deg, var(--color-gold-dark), var(--color-gold-light), var(--color-gold), var(--color-gold-light), var(--color-gold-dark)); background-size: 250% 100%; background-clip: text; -webkit-background-clip: text; color: transparent; } @media (prefers-reduced-motion: no-preference) { .gold-shimmer { animation: metal-shimmer-sweep var(--duration-shimmer) linear infinite; } } .kbd { display: inline-flex; align-items: center; justify-content: center; min-height: 1.5rem; min-width: 1.5rem; padding: 0 0.375rem; font-family: var(--font-mono); font-size: var(--type-micro); background: var(--muted); border: 1px solid var(--border); border-radius: var(--radius-sm); box-shadow: 0 1px 0 1px color-mix(in srgb, var(--border) 30%, transparent); line-height: 1; } } @utility ghost-slot { border: 1px dashed color-mix(in srgb, var(--foreground) 22%, transparent); border-radius: var(--radius-card); background: color-mix(in oklab, var(--glass-bg-wash), transparent 40%); color: var(--muted-foreground); }
+@layer components{.depth-text{--depth-color-primary: var(--primary);color: var(--depth-color-primary);text-shadow: var(--text-shadow-depth);}.preserve-3d{transform-style: preserve-3d;}.ios input,.ios select,.ios textarea,.ios [contenteditable]{font-size: max(1rem,1em);}.fading-scroll{mask-image: linear-gradient( to right,transparent 0,black var(--fade-start),black calc(100% - var(--fade-end)),transparent 100% );}.fading-scroll--x{overflow-x: auto;mask-image: linear-gradient( to right,transparent 0,black var(--fade-start),black calc(100% - var(--fade-end)),transparent 100% );}.fading-scroll--y{overflow-y: auto;mask-image: linear-gradient( to bottom,transparent 0,black var(--fade-start),black calc(100% - var(--fade-end)),transparent 100% );}@supports (animation-timeline: scroll()){@keyframes gl-fade-start-in{from{--fade-start: 0px;}to{--fade-start: var(--fade-scroll-width);}}@keyframes gl-fade-end-out{from{--fade-end: var(--fade-scroll-width);}to{--fade-end: 0px;}}.fading-scroll--x[data-fade-start]{animation: gl-fade-start-in linear both;animation-timeline: scroll(self inline);animation-range: 0 var(--fade-scroll-width);}.fading-scroll--x[data-fade-end]{animation: gl-fade-end-out linear both;animation-timeline: scroll(self inline);animation-range: calc(100% - var(--fade-scroll-width)) 100%;}.fading-scroll--x[data-fade-start][data-fade-end]{animation: gl-fade-start-in linear both,gl-fade-end-out linear both;animation-timeline: scroll(self inline),scroll(self inline);animation-range: 0 var(--fade-scroll-width),calc(100% - var(--fade-scroll-width)) 100%;}.fading-scroll--y[data-fade-start]{animation: gl-fade-start-in linear both;animation-timeline: scroll(self block);animation-range: 0 var(--fade-scroll-width);}.fading-scroll--y[data-fade-end]{animation: gl-fade-end-out linear both;animation-timeline: scroll(self block);animation-range: calc(100% - var(--fade-scroll-width)) 100%;}.fading-scroll--y[data-fade-start][data-fade-end]{animation: gl-fade-start-in linear both,gl-fade-end-out linear both;animation-timeline: scroll(self block),scroll(self block);animation-range: 0 var(--fade-scroll-width),calc(100% - var(--fade-scroll-width)) 100%;}}.deferred-section{content-visibility: auto;contain-intrinsic-size: auto var(--deferred-section-size,30rem);}.deferred-section--cached{content-visibility: hidden;contain-intrinsic-size: auto var(--deferred-section-size,30rem);}.scroll-gutter-stable{scrollbar-gutter: stable;}.gold-shimmer{background: linear-gradient(90deg,var(--color-gold-dark),var(--color-gold-light),var(--color-gold),var(--color-gold-light),var(--color-gold-dark));background-size: 250% 100%;background-clip: text;-webkit-background-clip: text;color: transparent;}@media (prefers-reduced-motion: no-preference){.gold-shimmer{animation: metal-shimmer-sweep var(--duration-shimmer) linear infinite;}}.kbd{display: inline-flex;align-items: center;justify-content: center;min-height: 1.5rem;min-width: 1.5rem;padding: 0 0.375rem;font-family: var(--font-mono);font-size: var(--type-micro);background: var(--muted);border: 1px solid var(--border);border-radius: var(--radius-sm);box-shadow: 0 1px 0 1px color-mix(in srgb,var(--border) 30%,transparent);line-height: 1;}}@utility ghost-slot{border: 1px dashed color-mix(in srgb,var(--foreground) 22%,transparent);border-radius: var(--radius-card);background: color-mix(in oklab,var(--glass-plate-wash),transparent 40%);color: var(--muted-foreground);}

package/dist/styles/utilities/base.css

@@ -1 +1 @@
-@property --fade-start { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; } @property --fade-end { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; } @layer components { .section-description { font-size: var(--type-body); color: var(--muted-foreground); line-height: 1.5; text-wrap: pretty; } .popover-content { border-radius: var(--radius-panel); color: var(--popover-foreground); outline: none; } .scrollbar-hidden { scrollbar-width: none; } .scrollbar-hidden::-webkit-scrollbar { display: none; } .scrollbar-thin { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); } @supports not (scrollbar-color: auto) { .scrollbar-thin::-webkit-scrollbar { width: 8px; height: 8px; } .scrollbar-thin::-webkit-scrollbar-track { background: var(--scrollbar-track); } .scrollbar-thin::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: var(--radius-pill); } } .focus-ring:focus-visible { outline: none; border-radius: var(--radius-pill); box-shadow: var(--focus-ring-shadow); } .hairline-accent { box-shadow: var(--border-hairline); } .interactive-item { scale: 1; border-radius: var(--radius-lg); user-select: none; transition: background-color var(--duration-fast) var(--ease-standard), color 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(--transition-liquid-spatial); } .interactive-item:hover { background-color: color-mix(in srgb, var(--accent) 50%, transparent); } .interactive-item:focus-visible { outline: none; box-shadow: var(--focus-ring-shadow); } .interactive-item:active { scale: var(--scale-press-sm); } .interactive-item:disabled, .interactive-item[data-disabled] { pointer-events: none; opacity: var(--opacity-disabled); cursor: not-allowed; } .tap-squish { scale: 1; transition: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard), scale var(--duration-fast) var(--transition-liquid-spatial); transform-origin: center center; } .tap-squish:not([data-press-armed]):active { scale: var(--scale-press); } @media (prefers-reduced-motion: reduce) { .tap-squish:not([data-press-armed]):active { scale: 1; } } }
+@property --fade-start{syntax: "<length-percentage>";inherits: false;initial-value: 0px;}@property --fade-end{syntax: "<length-percentage>";inherits: false;initial-value: 0px;}@layer components{.section-description{font-size: var(--type-body);color: var(--muted-foreground);line-height: 1.5;text-wrap: pretty;}.popover-content{border-radius: var(--radius-panel);color: var(--popover-foreground);}.popover-content:focus-visible{outline: none;box-shadow: var(--focus-ring-shadow);}.scrollbar-hidden{scrollbar-width: none;}.scrollbar-hidden::-webkit-scrollbar{display: none;}.scrollbar-thin{scrollbar-width: thin;scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);}@supports not (scrollbar-color: auto){.scrollbar-thin::-webkit-scrollbar{width: 8px;height: 8px;}.scrollbar-thin::-webkit-scrollbar-track{background: var(--scrollbar-track);}.scrollbar-thin::-webkit-scrollbar-thumb{background: var(--scrollbar-thumb);border-radius: var(--radius-pill);}}.focus-ring:focus-visible{outline: var(--focus-ring-width) solid color-mix( in oklab,var(--foreground) calc(var(--ink-perimeter) * 100%),transparent );outline-offset: 2px;}.hairline-accent{box-shadow: var(--border-hairline);}.interactive-item{scale: 1;border-radius: var(--radius-lg);user-select: none;transition: background-color var(--engage-control-engage-release) var(--ease-standard),color var(--engage-control-engage-release) var(--ease-standard),border-color var(--engage-control-engage-release) var(--ease-standard),box-shadow var(--engage-control-engage-release) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);}@media (hover: hover){.interactive-item:hover{background-color: color-mix(in srgb,var(--accent) 50%,transparent);transition: background-color var(--engage-control-engage-attack) var(--ease-standard),color var(--engage-control-engage-attack) var(--ease-standard),border-color var(--engage-control-engage-attack) var(--ease-standard),box-shadow var(--engage-control-engage-attack) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);}}.interactive-item:focus-visible{outline: var(--focus-ring-width) solid color-mix( in oklab,var(--foreground) calc(var(--ink-perimeter) * 100%),transparent );outline-offset: 2px;}.interactive-item:active{scale: var(--scale-press-sm);}.interactive-item:disabled,.interactive-item[data-disabled]{pointer-events: none;opacity: var(--opacity-disabled);cursor: not-allowed;}.tap-squish{scale: 1;transition: background-color var(--engage-control-engage-release) var(--ease-standard),border-color var(--engage-control-engage-release) var(--ease-standard),box-shadow var(--engage-control-engage-release) var(--ease-standard),color var(--engage-control-engage-release) var(--ease-standard),opacity var(--engage-control-engage-release) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);transform-origin: center center;}.tap-squish:not([data-press-armed]):active{scale: var(--scale-press);}@media (prefers-reduced-motion: reduce){.tap-squish:not([data-press-armed]):active{scale: 1;}}}

package/dist/styles/utilities/btn.css

@@ -1 +1 @@
-@utility scale-on-hover { scale: 1; transition: scale var(--spring-smooth-duration) var(--spring-smooth); &:hover { scale: var(--scale-hover); } } @utility transition-control { transition-property: background-color, color, box-shadow, border-color; transition-duration: var(--duration-control); transition-timing-function: var(--ease-standard); } @utility transition-disclosure { transition: rotate var(--spring-snappy-duration) var(--ease-cartoon-punch); } @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-[calc(var(--duration-panel)*var(--motion-tempo))] data-[state=closed]:duration-[calc(var(--duration-fast)*var(--motion-tempo))]; } @utility table-cell { padding-inline: var(--table-cell-px, 1rem); padding-block: var(--table-cell-py, 1rem); } @utility table-head { height: var(--table-head-h, 3rem); padding-inline: var(--table-head-px, 1rem); } @utility rainbow-vivid { background: linear-gradient( to right, var(--rainbow-red), var(--rainbow-orange), var(--rainbow-yellow), var(--rainbow-green), var(--rainbow-blue), var(--rainbow-indigo), var(--rainbow-violet) ); } @utility rainbow-pastel { background: linear-gradient( to right, var(--rainbow-pastel-red), var(--rainbow-pastel-orange), var(--rainbow-pastel-yellow), var(--rainbow-pastel-green), var(--rainbow-pastel-blue), var(--rainbow-pastel-indigo), var(--rainbow-pastel-violet) ); }
+@utility scale-on-hover{scale: 1;transition: scale var(--spring-press-duration) var(--spring-press);&:hover{scale: var(--scale-hover);}}@utility transition-control{transition-property: background-color,color,box-shadow,border-color;transition-duration: var(--duration-control);transition-timing-function: var(--ease-standard);}@utility transition-disclosure{transition: rotate var(--spring-present-duration) var(--ease-cartoon-punch);}@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-[calc(var(--duration-panel)*var(--motion-tempo))] data-[state=closed]:duration-[calc(var(--duration-fast)*var(--motion-tempo))];}@utility table-cell{padding-inline: var(--table-cell-px,1rem);padding-block: var(--table-cell-py,1rem);}@utility table-head{height: var(--table-head-h,3rem);padding-inline: var(--table-head-px,1rem);}@utility rainbow-vivid{background: linear-gradient( to right,var(--rainbow-red),var(--rainbow-orange),var(--rainbow-yellow),var(--rainbow-green),var(--rainbow-blue),var(--rainbow-indigo),var(--rainbow-violet) );}@utility rainbow-pastel{background: linear-gradient( to right,var(--rainbow-pastel-red),var(--rainbow-pastel-orange),var(--rainbow-pastel-yellow),var(--rainbow-pastel-green),var(--rainbow-pastel-blue),var(--rainbow-pastel-indigo),var(--rainbow-pastel-violet) );}

package/dist/styles/utilities/components.css

@@ -1 +1 @@
-@layer components { .input-bar { display: flex; align-items: center; gap: 0.5rem; border-radius: var(--radius-2xl); border: 1px solid var(--glass-border-floating); background: var(--glass-bg-floating); -webkit-backdrop-filter: var(--glass-blur-floating); backdrop-filter: var(--glass-blur-floating); padding: 0 0.75rem; height: var(--control-pill-h, var(--control-h-sm)); max-width: var(--max-width-input); width: 100%; transition: box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); } .input-bar:focus-within { box-shadow: var(--focus-ring-shadow); border-color: var(--border); } .input-bar-field { font-family: var(--input-bar-font, var(--font-mono, monospace)); font-size: var(--control-pill-text, var(--control-text)); background: transparent; border: none; outline: none; flex: 1; min-width: 0; } .input-bar-field::placeholder { color: color-mix(in srgb, var(--muted-foreground) 50%, transparent); } :where(.hover-lift, .hover-lift-md, .hover-lift-lg) { translate: 0; transition-property: translate, box-shadow; transition-duration: var(--duration-normal); transition-timing-function: var(--ease-standard); } .hover-lift:hover:not(:disabled):not([aria-disabled='true']) { translate: 0 var(--lift-sm); box-shadow: var(--shadow-md); } .hover-lift-md:hover:not(:disabled):not([aria-disabled='true']) { translate: 0 var(--lift-md); box-shadow: var(--shadow-md); } .hover-lift-lg:hover:not(:disabled):not([aria-disabled='true']) { translate: 0 var(--lift-lg); box-shadow: var(--shadow-lg); } :where(.shadow-cartoon-sm, .shadow-cartoon-md, .shadow-cartoon-lg) { border: 2px solid var(--border); } .shadow-cartoon-sm { box-shadow: var(--shadow-cartoon-sm); translate: 0 -1px; } .shadow-cartoon-md { box-shadow: var(--shadow-cartoon-md); translate: 0 -1px; } .shadow-cartoon-lg { box-shadow: var(--shadow-cartoon-lg); translate: 0 -2px; } .divider-h { height: 2px; background: linear-gradient( to right, transparent 1%, var(--border) 8%, var(--border) 92%, transparent 99% ); } .divider-h-tapered { height: 2px; background: linear-gradient( to right, transparent 3%, var(--border) 15%, var(--border) 85%, transparent 97% ); } } @utility shadow-cartoon { box-shadow: var(--shadow-cartoon); } @utility shadow-cartoon-hover { box-shadow: var(--shadow-cartoon-hover); } @utility shadow-soft { box-shadow: var(--shadow-soft); } @utility shadow-elevated { box-shadow: var(--shadow-elevated); } @utility shadow-modal { box-shadow: var(--shadow-modal); }
+@layer components{.input-bar{display: flex;align-items: center;gap: 0.5rem;border-radius: var(--radius-control);border: 1px solid var(--glass-border-floating);background: var(--glass-plate-floating);-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);padding: 0 0.75rem;height: var(--control-pill-h,var(--control-h-sm));max-width: var(--max-width-input);width: 100%;transition: box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);}.input-bar:focus-within{box-shadow: var(--focus-ring-shadow);border-color: var(--border);}.input-bar-field{font-family: var(--input-bar-font,var(--font-mono,monospace));font-size: var(--control-pill-text,var(--control-text));background: transparent;border: none;outline: none;flex: 1;min-width: 0;}.input-bar-field::placeholder{color: var(--muted-foreground);}:where(.hover-lift,.hover-lift-md,.hover-lift-lg){translate: 0;transition-property: translate,box-shadow;transition-duration: var(--duration-normal);transition-timing-function: var(--ease-standard);}.hover-lift:hover:not(:disabled):not([aria-disabled='true']){translate: 0 var(--lift-sm);box-shadow: var(--shadow-md);}.hover-lift-md:hover:not(:disabled):not([aria-disabled='true']){translate: 0 var(--lift-md);box-shadow: var(--shadow-md);}.hover-lift-lg:hover:not(:disabled):not([aria-disabled='true']){translate: 0 var(--lift-lg);box-shadow: var(--shadow-lg);}:where(.shadow-cartoon-sm,.shadow-cartoon-md,.shadow-cartoon-lg){border: 2px solid var(--border);}.shadow-cartoon-sm{box-shadow: var(--shadow-cartoon-sm);translate: 0 -1px;}.shadow-cartoon-md{box-shadow: var(--shadow-cartoon-md);translate: 0 -1px;}.shadow-cartoon-lg{box-shadow: var(--shadow-cartoon-lg);translate: 0 -2px;}.divider-h{height: 2px;background: linear-gradient( to right,transparent 1%,var(--border) 8%,var(--border) 92%,transparent 99% );}.divider-h-tapered{height: 2px;background: linear-gradient( to right,transparent 3%,var(--border) 15%,var(--border) 85%,transparent 97% );}}@utility shadow-cartoon{box-shadow: var(--shadow-cartoon);}@utility shadow-cartoon-hover{box-shadow: var(--shadow-cartoon-hover);}@utility shadow-soft{box-shadow: var(--shadow-soft);}@utility shadow-elevated{box-shadow: var(--shadow-elevated);}@utility shadow-modal{box-shadow: var(--shadow-modal);}