@esportsplus/ui 0.57.0 → 0.58.0

package/build/components/editor/workspace/tabs.js

@@ -0,0 +1,63 @@
+import { EditorDocument } from '../code/document.js';
+import { conflictMarkers, resolveMarker } from '../diffs/diff3.js';
+const SEPARATOR = '\u0000';
+const TRAILING_EOL = /(?:\r\n|\r|\n)$/;
+const closable = (tabs, kind, path) => {
+    let at = tabs.findIndex((tab) => tab.path === path);
+    return tabs.filter((tab, i) => {
+        if (tab.pinned || tab.path === path) {
+            return false;
+        }
+        if (kind === 'right') {
+            return at !== -1 && i > at;
+        }
+        return kind === 'others' || (!tab.missing && tab.document.value === tab.saved);
+    });
+};
+const compareKey = (original, modified) => `${SEPARATOR}${original}${SEPARATOR}${modified}`;
+const compareTab = (id, compare) => ({
+    compare,
+    document: new EditorDocument(''),
+    id,
+    missing: false,
+    path: compareKey(compare.paths[0], compare.paths[1]),
+    pinned: false,
+    preview: false,
+    saved: '',
+    scroll: { left: 0, top: 0 }
+});
+const order = (tabs) => {
+    tabs.sort((a, b) => Number(b.pinned) - Number(a.pinned));
+};
+const place = (tabs, tab) => {
+    let at = tab.preview ? tabs.findIndex((item) => item.preview) : -1;
+    if (at === -1) {
+        tabs.push(tab);
+        return;
+    }
+    let replaced = tabs[at];
+    tabs.splice(at, 0, tab);
+    return replaced;
+};
+const sides = (text) => {
+    let markers = conflictMarkers(text);
+    if (!markers.length) {
+        return null;
+    }
+    let at = 0, base = '', current = '', incoming = '';
+    for (let i = 0, n = markers.length; i < n; i++) {
+        let marker = markers[i], between = text.slice(at, marker.from);
+        if (base !== null && marker.base !== null) {
+            base += between + (marker.to === text.length && !TRAILING_EOL.test(text) ? marker.base.replace(TRAILING_EOL, '') : marker.base);
+        }
+        else {
+            base = null;
+        }
+        current += between + resolveMarker(text, marker, 'current');
+        incoming += between + resolveMarker(text, marker, 'incoming');
+        at = marker.to;
+    }
+    let rest = text.slice(at);
+    return { base: base === null ? null : base + rest, current: current + rest, incoming: incoming + rest };
+};
+export { closable, compareKey, compareTab, order, place, sides };

package/build/components/error/index.js

@@ -39,7 +39,7 @@ class ReactiveObject_1mvzu630 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#shake, _v3);
     }
 }
-const CLOSE = 180;
+const CLOSE = 210;
 export default component(({ direction = 'ne', duration, state, ...attributes }, content) => {
     let control = null, disposed = false, element, expire, frame = 0, local = new ReactiveObject_1mvzu630(), opening, pending = 0, reopen, shown = '', tooltip;
     function close() {

package/build/components/error/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.error-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.error{--error-background:var(--color-black-400);--error-color:var(--color-red-400);--error-font-size:var(--font-size-300);--error-max-width:240px;--error-padding:var(--size-300) var(--size-400);--error-reach:4px;--error-spacer:4px;--error-text:var(--color-white-400);cursor:auto;vertical-align:middle;display:inline-flex}.error.error--invalid.error--invalid>:not(.error-live,.error-message){--border-color:var(--error-color)}.error.error--shake-1>:not(.error-live,.error-message){animation:.32s ease-out error-shake-1}.error.error--shake-2>:not(.error-live,.error-message){animation:.32s ease-out error-shake-2}.error.tooltip:has(>.tooltip-content--morph):after{background:var(--error-background);inset:0 var(--error-reach)}.error-message.tooltip-content{--background:var(--error-background);--max-width:var(--error-max-width);--spacer:var(--error-spacer);--width:max-content;color:var(--error-text);font-size:var(--error-font-size);padding:var(--error-padding);white-space:normal}@media (prefers-reduced-motion:reduce){.error:is(.error--shake-1,.error--shake-2)>*{animation:none}}@keyframes error-shake-1{20%{translate:calc(var(--error-reach) * -1)}40%{translate:var(--error-reach)}60%{translate:calc(var(--error-reach) * -.75)}80%{translate:calc(var(--error-reach) * .75)}}@keyframes error-shake-2{20%{translate:calc(var(--error-reach) * -1)}40%{translate:var(--error-reach)}60%{translate:calc(var(--error-reach) * -.75)}80%{translate:calc(var(--error-reach) * .75)}}}
+@layer components{.error-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.error{--error-background:var(--color-primary-400);--error-color:var(--color-red-400);--error-font-size:var(--font-size-300);--error-max-width:240px;--error-padding:var(--size-300) var(--size-400);--error-reach:4px;--error-spacer:4px;--error-text:var(--surface-background-default);cursor:auto;vertical-align:middle;display:inline-flex}.error-message.tooltip-content{--background-default:var(--error-background);--max-width:var(--error-max-width);--spacer:var(--error-spacer);--width:max-content;color:var(--error-text);font-size:var(--error-font-size);padding:var(--error-padding);white-space:normal}.error.error--invalid.error--invalid>:not(.error-live,.error-message){--border-color:var(--error-color)}.error.error--shake-1>:not(.error-live,.error-message){animation:error-shake-1 var(--duration-slow) var(--easing-out)}.error.error--shake-2>:not(.error-live,.error-message){animation:error-shake-2 var(--duration-slow) var(--easing-out)}.error.tooltip:has(>.tooltip-content--morph):after{background:var(--error-background);inset:0 var(--error-reach)}@media (prefers-reduced-motion:reduce){.error:is(.error--shake-1,.error--shake-2)>*{animation:none}}@keyframes error-shake-1{20%{translate:calc(var(--error-reach) * -1)}40%{translate:var(--error-reach)}60%{translate:calc(var(--error-reach) * -.75)}80%{translate:calc(var(--error-reach) * .75)}}@keyframes error-shake-2{20%{translate:calc(var(--error-reach) * -1)}40%{translate:var(--error-reach)}60%{translate:calc(var(--error-reach) * -.75)}80%{translate:calc(var(--error-reach) * .75)}}}
 /*$vite$:1*/

package/build/components/filter/index.js

@@ -37,7 +37,7 @@ function near(rect, view) {
         && rect.top < view.height + OVERSCAN;
 }
 export default ({ filters, height = false, items, label, state = new ReactiveObject_0jwbhvt0(filters[0]?.id ?? '') }) => {
-    let animations = new Map(), buttons = [], counts = {}, elements = [], enter = null, heldFocus = false, id = `filter-${++instance}`, leave = null, leaving = new Map(), list, move = null, resize, shown = [], status = new ReactiveObject_0jwbhvt1();
+    let animations = new Map(), buttons = [], counts = {}, elements = [], enter = null, enterScale = '1', heldFocus = false, id = `filter-${++instance}`, leave = null, leaving = new Map(), leaveScale = '1', list, move = null, resize, shown = [], status = new ReactiveObject_0jwbhvt1();
     for (let i = 0, n = filters.length; i < n; i++) {
         let filter = filters[i];
         counts[filter.id] = items.filter((item) => filter.match(item)).length;
@@ -173,7 +173,7 @@ export default ({ filters, height = false, items, label, state = new ReactiveObj
             element.style.position = 'absolute';
             element.style.top = `${rect.top - origin.top}px`;
             element.style.width = `${rect.width}px`;
-            play(element, [{ opacity: 1, transform: 'scale(1)' }, { opacity: 0, transform: 'scale(0.98)' }], leave).onfinish = () => {
+            play(element, [{ opacity: 1, transform: 'scale(1)' }, { opacity: 0, transform: `scale(${leaveScale})` }], leave).onfinish = () => {
                 animations.delete(element);
                 release(element);
                 element.style.display = 'none';
@@ -218,7 +218,7 @@ export default ({ filters, height = false, items, label, state = new ReactiveObj
             let rect = first.get(element);
             if (!rect) {
                 if (enter && near(last, view)) {
-                    play(element, [{ opacity: 0, transform: 'scale(0.97)' }, { opacity: 1, transform: 'scale(1)' }], enter);
+                    play(element, [{ opacity: 0, transform: `scale(${enterScale})` }, { opacity: 1, transform: 'scale(1)' }], enter);
                 }
                 continue;
             }
@@ -238,7 +238,9 @@ export default ({ filters, height = false, items, label, state = new ReactiveObj
     effect(() => state.active, () => {
         let computed = list && getComputedStyle(list);
         enter = computed ? timing(computed, 'enter') : null;
+        enterScale = computed?.getPropertyValue('--enter-scale').trim() || '1';
         leave = computed ? timing(computed, 'leave') : null;
+        leaveScale = computed?.getPropertyValue('--leave-scale').trim() || '1';
         move = computed ? timing(computed, 'move') : null;
         update(!!(enter || leave || move));
     });

package/build/components/filter/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.filter-announcer{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.filter{--enter-duration:.2s;--enter-easing:cubic-bezier(.23, 1, .32, 1);--leave-duration:.14s;--leave-easing:cubic-bezier(.4, 0, 1, 1);--move-duration:.48s;--move-easing:cubic-bezier(.22, 1, .36, 1)}@media (prefers-reduced-motion:reduce){.filter{--enter-duration:0s;--leave-duration:0s;--move-duration:0s}}}
+@layer components{.filter-announcer{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.filter{--enter-duration:var(--duration-moderate);--enter-easing:var(--easing-spring);--enter-scale:.97;--leave-duration:var(--duration-moderate-exit);--leave-easing:var(--easing-spring);--leave-scale:.98;--move-duration:var(--duration-moderate);--move-easing:var(--easing-spring)}@media (prefers-reduced-motion:reduce){.filter{--enter-scale:1;--leave-scale:1;--move-duration:0s}}}
 /*$vite$:1*/

package/build/components/frame/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.frame{--gap-horizontal:0px;--gap-vertical:0px;--n:0;--opacity:.4;--swap-blur:2px;--swap-duration:.32s;--swap-exit-duration:var(--swap-duration);--swap-exit-fade-duration:var(--swap-fade-duration);--swap-fade-duration:.16s;--swap-fade-timing-function:linear;--swap-shift:60%;--swap-timing-function:cubic-bezier(.22, 1, .36, 1);--transition-duration:.32s;--transition-timing-function:cubic-bezier(.22, 1, .36, 1)}@media (prefers-reduced-motion:reduce){.frame{--swap-blur:0px;--swap-shift:0%}}.frame--scroll,.frame--slide,.frame--swap{grid-area:1/1;min-width:0}.frame--scroll:not(.--active),.frame--slide:not(.--active),.frame--swap:not(.--active){pointer-events:none}.frame--scroll,.frame--slide{transition:translate var(--transition-duration) var(--transition-timing-function)}.frame--scroll:not(.--active),.frame--slide:not(.--active){opacity:var(--opacity)}.frame--scroll{translate:0 calc((var(--n) - var(--i,0)) * (100% + var(--gap-vertical)))}.frame--slide{translate:calc((var(--n) - var(--i,0)) * (100% + var(--gap-horizontal))) 0}.frame--swap{--shift:var(--swap-shift);--travel-x:clamp(-1, var(--n) - var(--i,0), 1);--travel-y:0;transition:filter var(--swap-exit-duration) var(--swap-timing-function), opacity var(--swap-exit-fade-duration) var(--swap-fade-timing-function), translate var(--swap-exit-duration) var(--swap-timing-function), visibility var(--swap-exit-fade-duration) linear;translate:calc(var(--shift) * var(--travel-x)) calc(var(--shift) * var(--travel-y))}.frame--swap.--active{--shift:0px;transition:filter var(--swap-duration) var(--swap-timing-function), opacity var(--swap-fade-duration) var(--swap-fade-timing-function), translate var(--swap-duration) var(--swap-timing-function), visibility var(--swap-fade-duration) linear}.frame--swap:not(.--active){filter:blur(var(--swap-blur));opacity:0;visibility:hidden}.frame--swap.frame--leaving{--shift:calc(var(--swap-shift) * -1)}@media (prefers-reduced-motion:reduce){.frame--scroll,.frame--slide{transition:none}}.frame:not(.frame--scroll,.frame--slide,.frame--swap):not(.--active){display:none}@supports selector(::-webkit-scrollbar){:is(.frame--scroll,.frame--slide,.frame--swap):is(:not(.--active),.frame--moving).--scrollbar::-webkit-scrollbar-thumb{background:0 0}:is(.frame--scroll,.frame--slide,.frame--swap):is(:not(.--active),.frame--moving) .--scrollbar::-webkit-scrollbar-thumb{background:0 0}}@supports not selector(::-webkit-scrollbar){:is(.frame--scroll,.frame--slide,.frame--swap):is(:not(.--active),.frame--moving).--scrollbar,:is(.frame--scroll,.frame--slide,.frame--swap):is(:not(.--active),.frame--moving) .--scrollbar{scrollbar-color:transparent transparent}}:where(:has(>.frame--scroll,>.frame--slide,>.frame--swap)){display:grid}}
+@layer components{.frame{--gap-horizontal:0px;--gap-vertical:0px;--n:0;--opacity:.4;--swap-blur:var(--blur-300);--swap-duration:var(--duration-moderate);--swap-exit-duration:var(--duration-moderate-exit);--swap-exit-fade-duration:var(--duration-fast-exit);--swap-fade-duration:var(--duration-fast);--swap-fade-timing-function:linear;--swap-shift:60%;--swap-timing-function:var(--easing-spring);--transition-duration:var(--duration-moderate);--transition-timing-function:var(--easing-spring)}@media (prefers-reduced-motion:reduce){.frame{--swap-blur:0px;--swap-shift:0%}}.frame--scroll{translate:0 calc((var(--n) - var(--i,0)) * (100% + var(--gap-vertical)))}.frame--scroll,.frame--slide{transition:translate var(--transition-duration) var(--transition-timing-function)}.frame--scroll:not(.--active),.frame--slide:not(.--active){opacity:var(--opacity)}.frame--scroll,.frame--slide,.frame--swap{grid-area:1/1;min-width:0}.frame--scroll:not(.--active),.frame--slide:not(.--active),.frame--swap:not(.--active){pointer-events:none}.frame--slide{translate:calc((var(--n) - var(--i,0)) * (100% + var(--gap-horizontal))) 0}.frame--swap{--shift:var(--swap-shift);--travel-x:clamp(-1, var(--n) - var(--i,0), 1);--travel-y:0;transition:filter var(--swap-exit-duration) var(--swap-timing-function), opacity var(--swap-exit-fade-duration) var(--swap-fade-timing-function), translate var(--swap-exit-duration) var(--swap-timing-function), visibility var(--swap-exit-fade-duration) linear;translate:calc(var(--shift) * var(--travel-x)) calc(var(--shift) * var(--travel-y))}.frame--swap.--active{--shift:0px;transition:filter var(--swap-duration) var(--swap-timing-function), opacity var(--swap-fade-duration) var(--swap-fade-timing-function), translate var(--swap-duration) var(--swap-timing-function), visibility var(--swap-fade-duration) linear}.frame--swap:not(.--active){filter:blur(var(--swap-blur));opacity:0;visibility:hidden}.frame--swap.frame--leaving{--shift:calc(var(--swap-shift) * -1)}@media (prefers-reduced-motion:reduce){.frame--scroll,.frame--slide{transition:none}}.frame:not(.frame--scroll,.frame--slide,.frame--swap):not(.--active){display:none}@supports selector(::-webkit-scrollbar){:is(.frame--scroll,.frame--slide,.frame--swap):is(:not(.--active),.frame--moving).--scrollbar::-webkit-scrollbar-thumb{background:0 0}:is(.frame--scroll,.frame--slide,.frame--swap):is(:not(.--active),.frame--moving) .--scrollbar::-webkit-scrollbar-thumb{background:0 0}}@supports not selector(::-webkit-scrollbar){:is(.frame--scroll,.frame--slide,.frame--swap):is(:not(.--active),.frame--moving).--scrollbar,:is(.frame--scroll,.frame--slide,.frame--swap):is(:not(.--active),.frame--moving) .--scrollbar{scrollbar-color:transparent transparent}}:where(:has(>.frame--scroll,>.frame--slide,>.frame--swap)){display:grid}}
 /*$vite$:1*/

package/build/components/heatmap/index.js

@@ -3,13 +3,13 @@ import { effect, untrack } from '@esportsplus/reactivity';
 import * as template_u1 from '@esportsplus/template';
 import { component } from '@esportsplus/template';
 import tooltip from '../tooltip/index.js';
-import scrollbar from '../../css-utilities/scrollbar/index.js';
+import scrollbar from '../../modifiers/scrollbar/index.js';
 import { clamp } from '../../shared/clamp.js';
 import { onceVisible } from '../../shared/visible.js';
 import './scss/index.scss';
 const template_1m821693 = template_u1.template(`<div aria-hidden='true' class='heatmap-legend'><span class='heatmap-legend-less'>Less</span><!--$--><span class='heatmap-legend-more'>More`);
 const template_1m821697 = template_u1.template(`<span class='heatmap-swatch '>`);
-const template_1m82169a = template_u1.template(`<div class='heatmap'><div aria-hidden='true' class='heatmap-days'></div><div class='heatmap-scroll --scrollbar --scrollbar-horizontal'><div class='heatmap-body'><div aria-hidden='true' class='heatmap-months'></div><div aria-readonly='true' class='heatmap-grid' role='grid'>`);
+const template_1m82169a = template_u1.template(`<div class='heatmap'><div aria-hidden='true' class='heatmap-days'></div><div class='heatmap-scroll'><div class='heatmap-body'><div aria-hidden='true' class='heatmap-months'></div><div aria-readonly='true' class='heatmap-grid' role='grid'>`);
 const template_1m82169h = template_u1.template(`<span class='heatmap-day'>`);
 const template_1m82169k = template_u1.template(`<span class='heatmap-month'>`);
 const template_1m82169n = template_u1.template(`<div class='heatmap-row' role='row'>`);
@@ -184,7 +184,7 @@ function template({ data, describe = summary, label, state = new ReactiveObject_
             e.preventDefault();
             move(next);
         });
-        template_u1.setProperties(element_1m82169d, scrollbar.drag('horizontal'));
+        template_u1.setProperties(element_1m82169d, scrollbar({ drag: 'horizontal', horizontal: true }));
         template_u1.onconnect(element_1m82169d, (element) => {
             element.scrollTo({ behavior: 'instant', left: element.scrollWidth });
         });

package/build/components/heatmap/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.heatmap,.heatmap-legend{--cell-radius:var(--border-radius-100);--cell-size:10px;--color:var(--color-text-300);--focus-color:var(--color-text-500);--font-size:var(--font-size-300);--hover-color:color-mix(in oklab, var(--color-text-500) 50%, transparent);--level-0:color-mix(in oklab, var(--level-color) 7%, transparent);--level-1:color-mix(in oklab, var(--level-color) 25%, transparent);--level-2:color-mix(in oklab, var(--level-color) 45%, transparent);--level-3:color-mix(in oklab, var(--level-color) 70%, transparent);--level-4:var(--level-color);--level-color:var(--color-text-500);--months-height:20px;--pitch:13px;--ring-space:3px;--scrollbar-spacing:var(--size-300);--stagger:8ms;--transition-duration:.3s;--transition-timing-function:cubic-bezier(.23, 1, .32, 1)}.heatmap--blue,.heatmap-legend--blue{--level-color:var(--color-blue-400)}.heatmap-grid{--cell-opacity:0;--cell-scale:.6}.heatmap-grid--shown{--cell-opacity:1;--cell-scale:1}.heatmap .tooltip-shared{--padding:var(--size-100) var(--size-200);--radius:var(--border-radius-300);--spacer:6px}@media (prefers-reduced-motion:no-preference){.heatmap .tooltip-shared{--glide-duration:.15s;--swap-duration:.15s;--swap-fade-duration:.1s}}.heatmap{color:var(--color);font-size:var(--font-size);grid-template-columns:auto minmax(0,max-content);width:fit-content;max-width:100%;display:grid}.heatmap-body{width:max-content}.heatmap-cell{background:var(--level-0);border-radius:var(--cell-radius);height:var(--cell-size);opacity:var(--cell-opacity);scale:var(--cell-scale);transition:opacity var(--transition-duration) var(--transition-timing-function) calc(var(--column) * var(--stagger)), scale var(--transition-duration) var(--transition-timing-function) calc(var(--column) * var(--stagger));width:var(--cell-size);outline:none;flex-shrink:0}.heatmap-cell:hover{outline:1px solid var(--hover-color);outline-offset:1px}.heatmap-cell:focus-visible{outline:2px solid var(--focus-color);outline-offset:1px}.heatmap-cell--empty{background:0 0}.heatmap-cell--level-1{background:var(--level-1)}.heatmap-cell--level-2{background:var(--level-2)}.heatmap-cell--level-3{background:var(--level-3)}.heatmap-cell--level-4{background:var(--level-4)}.heatmap-day{height:var(--pitch);line-height:var(--cell-size)}.heatmap-days{margin-inline-end:5px;margin-top:calc(var(--months-height) + var(--ring-space));flex-direction:column;display:flex}.heatmap-grid{gap:calc(var(--pitch) - var(--cell-size));flex-direction:column;display:flex}.heatmap-month{left:calc(var(--column) * var(--pitch));line-height:1;position:absolute;top:0}.heatmap-months{height:var(--months-height);position:relative}.heatmap-row{gap:calc(var(--pitch) - var(--cell-size));display:flex}.heatmap-scroll{min-width:0;padding:var(--ring-space);padding-bottom:var(--scrollbar-spacing)}@media (prefers-reduced-motion:reduce){.heatmap-cell{transition:none;scale:1}}.heatmap-legend{color:var(--color);font-size:var(--font-size);align-items:center;gap:4px;display:flex}.heatmap-legend-less{margin-inline-end:4px}.heatmap-legend-more{margin-inline-start:4px}.heatmap-swatch{border-radius:var(--cell-radius);height:var(--cell-size);width:var(--cell-size)}.heatmap-swatch--level-0{background:var(--level-0)}.heatmap-swatch--level-1{background:var(--level-1)}.heatmap-swatch--level-2{background:var(--level-2)}.heatmap-swatch--level-3{background:var(--level-3)}.heatmap-swatch--level-4{background:var(--level-4)}}
+@layer components{.heatmap .tooltip-shared{--padding:var(--size-100) var(--size-200);--radius:var(--border-radius-300);--spacer:6px;font-variant-numeric:tabular-nums}.heatmap,.heatmap-legend{--cell-radius:var(--border-radius-100);--cell-size:var(--size-200);--color:var(--color-text-300);--focus-color:var(--color-primary-500);--font-size:var(--font-size-300);--hover-color:color-mix(in oklab, var(--color-primary-500) 50%, transparent);--level-0:color-mix(in oklab, var(--level-color) 7%, transparent);--level-1:color-mix(in oklab, var(--level-color) 25%, transparent);--level-2:color-mix(in oklab, var(--level-color) 45%, transparent);--level-3:color-mix(in oklab, var(--level-color) 70%, transparent);--level-4:var(--level-color);--level-color:var(--color-primary-500);--months-height:var(--size-500);--pitch:var(--size-300);--ring-space:3px;--scrollbar-spacing:var(--size-300);--stagger:8ms;--transition-duration:var(--duration-moderate);--transition-timing-function:var(--easing-out)}.heatmap--blue,.heatmap-legend--blue{--level-color:var(--color-blue-400)}.heatmap-grid{--cell-opacity:0;--cell-scale:.6}.heatmap-grid--shown{--cell-opacity:1;--cell-scale:1}@media (prefers-reduced-motion:no-preference){.heatmap .tooltip-shared{--glide-duration:var(--duration-fast);--swap-duration:var(--duration-fast);--swap-fade-duration:.1s}}.heatmap{color:var(--color);font-size:var(--font-size);grid-template-columns:auto minmax(0,max-content);width:fit-content;max-width:100%;display:grid}.heatmap-body{width:max-content}.heatmap-cell{background:var(--level-0);border-radius:var(--cell-radius);height:var(--cell-size);opacity:var(--cell-opacity);scale:var(--cell-scale);transition:opacity var(--transition-duration) var(--transition-timing-function) calc(var(--column) * var(--stagger)), scale var(--transition-duration) var(--transition-timing-function) calc(var(--column) * var(--stagger));width:var(--cell-size);outline:none;flex-shrink:0}.heatmap-cell--empty{background:0 0}.heatmap-cell:focus-visible{outline:2px solid var(--focus-color);outline-offset:1px}.heatmap-cell:hover{outline:1px solid var(--hover-color);outline-offset:1px}.heatmap-cell--level-1{background:var(--level-1)}.heatmap-cell--level-2{background:var(--level-2)}.heatmap-cell--level-3{background:var(--level-3)}.heatmap-cell--level-4{background:var(--level-4)}.heatmap-day{height:var(--pitch);line-height:var(--cell-size)}.heatmap-days{margin-inline-end:calc(var(--size-200) / 2);margin-top:calc(var(--months-height) + var(--ring-space));flex-direction:column;display:flex}.heatmap-grid{gap:calc(var(--pitch) - var(--cell-size));flex-direction:column;display:flex}.heatmap-month{left:calc(var(--column) * var(--pitch));line-height:1;position:absolute;top:0}.heatmap-months{height:var(--months-height);position:relative}.heatmap-row{gap:calc(var(--pitch) - var(--cell-size));display:flex}.heatmap-scroll{min-width:0;padding:var(--ring-space);padding-bottom:var(--scrollbar-spacing)}@media (prefers-reduced-motion:reduce){.heatmap-cell{transition:none;scale:1}}.heatmap-legend{color:var(--color);font-size:var(--font-size);align-items:center;gap:calc(var(--size-100) / 2);display:flex}.heatmap-legend-less{margin-inline-end:calc(var(--size-100) / 2)}.heatmap-legend-more{margin-inline-start:calc(var(--size-100) / 2)}.heatmap-swatch{border-radius:var(--cell-radius);height:var(--cell-size);width:var(--cell-size)}.heatmap-swatch--level-0{background:var(--level-0)}.heatmap-swatch--level-1{background:var(--level-1)}.heatmap-swatch--level-2{background:var(--level-2)}.heatmap-swatch--level-3{background:var(--level-3)}.heatmap-swatch--level-4{background:var(--level-4)}}
 /*$vite$:1*/

package/build/components/highlight/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{@property --slide-height{syntax:"<length>";inherits:false;initial-value:0}@property --slide-width{syntax:"<length>";inherits:false;initial-value:0}@property --slide-x{syntax:"<length>";inherits:false;initial-value:0}@property --slide-y{syntax:"<length>";inherits:false;initial-value:0}.highlight{--background:var(--background-default);--background-active:color-mix(in srgb, currentColor 10%, transparent);--background-default:color-mix(in srgb, currentColor 6%, transparent);--background-hover:var(--background-default);--background-pressed:color-mix(in srgb, currentColor 14%, transparent);--fade-duration:.2s;--glide:var(--glide-duration);--glide-duration:.24s;--glide-duration-active:var(--glide-duration);--glide-tail:var(--glide-tail-duration);--glide-tail-duration:var(--glide-duration);--glide-tail-duration-active:var(--glide-duration-active);--glide-timing-function:linear(0, .035, .123, .239, .367, .494, .611, .715, .803, .874, .929, .971, 1, 1.02, 1.032, 1.037, 1.038, 1.037, 1.033, 1.028, 1.024, 1.019, 1.014, 1.01, 1);--glide-timing-function-edge:cubic-bezier(.22, 1, .36, 1);--inset-block:0px;--inset-inline:0px;--line-color:currentColor;--line-inset:6px;--line-offset:0px;--line-radius:calc(var(--line-width) / 2);--line-width:2px;--scale-hidden:.92}.highlight.--active{--background:var(--background-active);--glide:var(--glide-duration-active);--glide-tail:var(--glide-tail-duration-active)}.highlight--hover{--background:var(--background-hover)}.highlight--line-bottom,.highlight--line-top{--inset-block:var(--line-inset)}.highlight--line-left,.highlight--line-right{--inset-inline:var(--line-inset)}.highlight--pressed{--background:var(--background-pressed)}.highlight{background:var(--background);border-radius:var(--border-radius);height:calc(var(--height) - var(--inset-block) * 2 + var(--slide-height));opacity:0;pointer-events:none;scale:var(--scale-hidden);transition:background var(--transition-duration) var(--transition-timing-function), border-radius var(--glide) var(--glide-timing-function), display var(--fade-duration) allow-discrete, opacity var(--fade-duration) var(--transition-timing-function), scale var(--fade-duration) var(--transition-timing-function);translate:calc(var(--x) + var(--inset-inline) + var(--slide-x)) calc(var(--y) + var(--inset-block) + var(--slide-y));width:calc(var(--width) - var(--inset-inline) * 2 + var(--slide-width));z-index:-1;display:none;position:absolute;top:0;left:0}.highlight--line:after{background:var(--line-color);border-radius:var(--line-radius);content:"";position:absolute}.highlight--unfilled{background:0 0}.highlight--line-bottom:after{bottom:calc(var(--line-offset) - var(--inset-block));height:var(--line-width);inset-inline:calc(var(--inset-inline) * -1)}.highlight--line-left:after{inset-block:calc(var(--inset-block) * -1);left:calc(var(--line-offset) - var(--inset-inline));width:var(--line-width)}.highlight--line-right:after{inset-block:calc(var(--inset-block) * -1);right:calc(var(--line-offset) - var(--inset-inline));width:var(--line-width)}.highlight--line-top:after{height:var(--line-width);inset-inline:calc(var(--inset-inline) * -1);top:calc(var(--line-offset) - var(--inset-block))}.highlight--visible{opacity:1;display:block;scale:1}@starting-style{.highlight--visible{opacity:0;scale:var(--scale-hidden)}}@media (prefers-reduced-motion:reduce){.highlight{transition:background var(--transition-duration) var(--transition-timing-function)}.highlight.highlight{--glide:0s;--glide-tail:0s}}:where(:has(>.highlight)){isolation:isolate;position:relative}}
+@layer components{.highlight{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.highlight{--background:var(--background-active)}.highlight:not(.--active):hover{--background:var(--background-hover)}.highlight:not(.--active):active{--background:var(--background-pressed)}@property --slide-height{syntax:"<length>";inherits:false;initial-value:0}@property --slide-width{syntax:"<length>";inherits:false;initial-value:0}@property --slide-x{syntax:"<length>";inherits:false;initial-value:0}@property --slide-y{syntax:"<length>";inherits:false;initial-value:0}.highlight{--background-active:color-mix(in srgb, currentColor 10%, transparent);--background-default:color-mix(in srgb, currentColor 6%, transparent);--background-hover:var(--background-default);--background-pressed:color-mix(in srgb, currentColor 14%, transparent);--fade-duration:var(--duration-fast);--glide:var(--glide-duration);--glide-duration:var(--duration-moderate);--glide-duration-active:var(--glide-duration);--glide-tail:var(--glide-tail-duration);--glide-tail-duration:var(--glide-duration);--glide-tail-duration-active:var(--glide-duration-active);--glide-timing-function:var(--easing-spring);--glide-timing-function-edge:var(--easing-spring);--inset-block:0px;--inset-inline:0px;--line-color:currentColor;--line-inset:calc(var(--size-300) / 2);--line-offset:0px;--line-radius:calc(var(--line-width) / 2);--line-width:var(--border-width-500);--scale-hidden:.92}.highlight.--active{--glide:var(--glide-duration-active);--glide-tail:var(--glide-tail-duration-active)}.highlight--hover{--background:var(--background-hover)}.highlight--line-bottom,.highlight--line-top{--inset-block:var(--line-inset)}.highlight--line-left,.highlight--line-right{--inset-inline:var(--line-inset)}.highlight--pressed{--background:var(--background-pressed)}.highlight{background:var(--background);border-radius:var(--border-radius);height:calc(var(--height) - var(--inset-block) * 2 + var(--slide-height));opacity:0;pointer-events:none;scale:var(--scale-hidden);transition:background var(--transition-duration) var(--transition-timing-function), border-radius var(--glide) var(--glide-timing-function), display var(--fade-duration) allow-discrete, opacity var(--fade-duration) var(--transition-timing-function), scale var(--fade-duration) var(--transition-timing-function);translate:calc(var(--x) + var(--inset-inline) + var(--slide-x)) calc(var(--y) + var(--inset-block) + var(--slide-y));width:calc(var(--width) - var(--inset-inline) * 2 + var(--slide-width));z-index:-1;display:none;position:absolute;top:0;left:0}.highlight--line-bottom:after{bottom:calc(var(--line-offset) - var(--inset-block));height:var(--line-width);inset-inline:calc(var(--inset-inline) * -1)}.highlight--line-left:after{inset-block:calc(var(--inset-block) * -1);left:calc(var(--line-offset) - var(--inset-inline));width:var(--line-width)}.highlight--line-right:after{inset-block:calc(var(--inset-block) * -1);right:calc(var(--line-offset) - var(--inset-inline));width:var(--line-width)}.highlight--line-top:after{height:var(--line-width);inset-inline:calc(var(--inset-inline) * -1);top:calc(var(--line-offset) - var(--inset-block))}.highlight--line:after{background:var(--line-color);border-radius:var(--line-radius);content:"";position:absolute}.highlight--unfilled{background:0 0}.highlight--visible{opacity:1;display:block;scale:1}@starting-style{.highlight--visible{opacity:0;scale:var(--scale-hidden)}}@media (prefers-reduced-motion:reduce){.highlight{--scale-hidden:1;transition:background var(--transition-duration) var(--transition-timing-function), display var(--fade-duration) allow-discrete, opacity var(--fade-duration) var(--transition-timing-function)}.highlight.highlight{--glide:0s;--glide-tail:0s}}:where(:has(>.highlight)){isolation:isolate;position:relative}}
 /*$vite$:1*/

package/build/components/icon/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.icon{--color:inherit;--height:var(--size);--size:var(--size-400);--width:var(--size);color:var(--color);flex:0 0 var(--width);height:var(--height);width:var(--width);display:flex;position:relative}.icon svg{fill:currentColor;width:100%;height:100%}}
+@layer components{.icon{--color:inherit;--height:var(--size);--size:var(--size-400);--width:var(--size)}.icon--rotate{--rotate:0deg}.icon{color:var(--color);flex:0 0 var(--width);height:var(--height);width:var(--width);display:flex;position:relative}.icon--rotate{rotate:var(--rotate);transition:rotate var(--duration-fast) var(--easing-out)}@media (prefers-reduced-motion:reduce){.icon--rotate{transition:none}}.icon svg{fill:currentColor;width:100%;height:100%}}
 /*$vite$:1*/

package/build/components/image/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.image-lazyload-placeholder,.image-lazyload-source{position:absolute;inset:0}.image{--background:transparent;--border-radius:var(--border-radius-300);--height:var(--size);--size:var(--size-700);--width:var(--size)}.image--stack{--stack-gap:var(--border-width-500);--stack-overlap:calc(var(--width) / 4)}.image--stack:has(+.image--stack){--stack-cut:calc(var(--stack-radius) + var(--stack-gap));--stack-radius:min(var(--border-radius), var(--height) / 2, var(--width) / 2);--stack-x:calc(100% - var(--stack-overlap) + var(--stack-radius))}.image--status{--status-color:var(--color-green-400);--status-gap:var(--border-width-500);--status-mask:radial-gradient(circle at calc(100% - var(--status-size) / 2) calc(100% - var(--status-size) / 2), #000 calc(var(--status-size) / 2 - .5px), transparent calc(var(--status-size) / 2 + .5px) calc(var(--status-size) / 2 + var(--status-gap) - .5px), #000 calc(var(--status-size) / 2 + var(--status-gap) + .5px));--status-size:calc(min(var(--height), var(--width)) * .3)}.image-lazyload{--aspect-ratio:auto;--background:var(--color-grey-500);--border-radius:var(--border-radius-600);--timing-function:cubic-bezier(.23, 1, .32, 1);--transition-duration:.65s}.image{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width);background-position:50%;background-size:cover;position:relative}.image--stack+.image--stack{margin-left:calc(var(--stack-overlap) * -1)}.image--stack:has(+.image--stack){-webkit-mask-composite:source-out, source-over, source-over, source-over, source-over;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add;-webkit-mask-image:var(--status-mask,linear-gradient(#000 0 0)), linear-gradient(to right, transparent var(--stack-x), #000 0), linear-gradient(to right, transparent calc(100% - var(--stack-overlap) - var(--stack-gap)), #000 0), radial-gradient(circle at var(--stack-x) var(--stack-radius), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px)), radial-gradient(circle at var(--stack-x) calc(100% - var(--stack-radius)), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px));-webkit-mask-image:var(--status-mask,linear-gradient(#000 0 0)), linear-gradient(to right, transparent var(--stack-x), #000 0), linear-gradient(to right, transparent calc(100% - var(--stack-overlap) - var(--stack-gap)), #000 0), radial-gradient(circle at var(--stack-x) var(--stack-radius), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px)), radial-gradient(circle at var(--stack-x) calc(100% - var(--stack-radius)), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px));mask-image:var(--status-mask,linear-gradient(#000 0 0)), linear-gradient(to right, transparent var(--stack-x), #000 0), linear-gradient(to right, transparent calc(100% - var(--stack-overlap) - var(--stack-gap)), #000 0), radial-gradient(circle at var(--stack-x) var(--stack-radius), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px)), radial-gradient(circle at var(--stack-x) calc(100% - var(--stack-radius)), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px));-webkit-mask-position:0 0,0 0,0,0 0,0 0;mask-position:0 0,0 0,0,0 0,0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%, 100% 100%, 100% calc(100% - var(--stack-radius) * 2), 100% 100%, 100% 100%;-webkit-mask-size:100% 100%, 100% 100%, 100% calc(100% - var(--stack-radius) * 2), 100% 100%, 100% 100%;mask-size:100% 100%, 100% 100%, 100% calc(100% - var(--stack-radius) * 2), 100% 100%, 100% 100%}.image--status{-webkit-mask-clip:no-clip;mask-clip:no-clip;-webkit-mask-image:var(--status-mask);-webkit-mask-image:var(--status-mask);mask-image:var(--status-mask)}.image--status:after{background:var(--status-color);content:"";height:calc(var(--status-size) + 1px);width:calc(var(--status-size) + 1px);border-radius:100%;position:absolute;bottom:-.5px;right:-.5px}.image-lazyload{aspect-ratio:var(--aspect-ratio);background:var(--background);border-radius:var(--border-radius);isolation:isolate;width:100%;position:relative;overflow:hidden}.image-lazyload--error{--source-visibility:hidden}.image-lazyload--ready{--placeholder-opacity:0}.image-lazyload-placeholder,.image-lazyload-source{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.image-lazyload-placeholder{opacity:var(--placeholder-opacity,1);pointer-events:none;transition:opacity var(--transition-duration) var(--timing-function);z-index:1}.image-lazyload-source{visibility:var(--source-visibility);z-index:0}}
+@layer components{.image-lazyload-placeholder,.image-lazyload-source{position:absolute;inset:0}.image-lazyload{--surface-background-active:light-dark(oklch(from var(--surface-background-default) calc(l + .01) c h),oklch(from var(--surface-background-default) calc(l + .02) c h));--surface-background-default:light-dark(oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) calc(c * clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) / max(l, .01)) h));--surface-background-hover:light-dark(oklch(from var(--surface-background-default) calc(l + .005) c h),oklch(from var(--surface-background-default) calc(l + .01) c h));--surface-background-pressed:light-dark(oklch(from var(--surface-background-default) calc(l - .02) c h),oklch(from var(--surface-background-default) calc(l - .04) c h));--surface-border-active:light-dark(oklch(from var(--surface-background-active) max(0, l - .04) c h),oklch(from var(--surface-background-active) min(1, l + .06) c h));--surface-border-default:light-dark(oklch(from var(--surface-background-default) max(0, l - .04) c h),oklch(from var(--surface-background-default) min(1, l + .06) c h));--surface-border-hover:light-dark(oklch(from var(--surface-background-hover) max(0, l - .04) c h),oklch(from var(--surface-background-hover) min(1, l + .06) c h));--surface-border-pressed:light-dark(oklch(from var(--surface-background-pressed) max(0, l - .04) c h),oklch(from var(--surface-background-pressed) min(1, l + .06) c h));--surface-shadow-active:var(--surface-shadow-hover);--surface-shadow-color:light-dark(oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .08),oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-cast:light-dark(oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .08),oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-default:0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 0, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 5 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 1, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 9 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 25 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -7 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, var(--surface-shadow-weight) - 0, 1) + .05 * clamp(0, var(--surface-shadow-weight) - 2, 1) + .15 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -8 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -10 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -.1 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10));--surface-shadow-hover:0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 5 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 1, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 9 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 25 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -7 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + .15 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -8 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -.1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10));--surface-shadow-pressed:0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 5 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 1, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 9 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 25 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -7 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + .15 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -8 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -.1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10));--surface-shadow-weight:0}@container style(--surface-level:-2){.image-lazyload{--surface-level:-3}}@container style(--surface-level:-1){.image-lazyload{--surface-level:-2}}@container style(--surface-level:0){.image-lazyload{--surface-level:-1}}@container style(--surface-level:1){.image-lazyload{--surface-level:0}}@container style(--surface-level:2){.image-lazyload{--surface-level:1}}@container style(--surface-level:3){.image-lazyload{--surface-level:2}}@container style(--surface-level:4){.image-lazyload{--surface-level:3}}@container style(--surface-level:5){.image-lazyload{--surface-level:4}}@container style(--surface-level:6){.image-lazyload{--surface-level:5}}.image-lazyload{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.image-lazyload{--background:var(--background-active)}.image-lazyload:not(.--active):hover{--background:var(--background-hover)}.image-lazyload:not(.--active):active{--background:var(--background-pressed)}.image{--background:transparent;--border-radius:var(--border-radius-300);--height:var(--size);--size:var(--size-700);--width:var(--size)}.image--stack{--stack-gap:var(--border-width-500);--stack-overlap:calc(var(--width) / 4)}.image--stack:has(+.image--stack){--stack-cut:calc(var(--stack-radius) + var(--stack-gap));--stack-radius:min(var(--border-radius), var(--height) / 2, var(--width) / 2);--stack-x:calc(100% - var(--stack-overlap) + var(--stack-radius))}.image--status{--status-color:var(--color-green-400);--status-gap:var(--border-width-500);--status-mask:radial-gradient(circle at calc(100% - var(--status-size) / 2) calc(100% - var(--status-size) / 2), #000 calc(var(--status-size) / 2 - .5px), transparent calc(var(--status-size) / 2 + .5px) calc(var(--status-size) / 2 + var(--status-gap) - .5px), #000 calc(var(--status-size) / 2 + var(--status-gap) + .5px));--status-size:calc(min(var(--height), var(--width)) * .3)}.image-lazyload{--aspect-ratio:auto;--background-default:var(--surface-background-default);--border-radius:var(--border-radius-600);--timing-function:var(--easing-out);--transition-duration:.65s}.image{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width);background-position:50%;background-size:cover;position:relative}.image--stack+.image--stack{margin-left:calc(var(--stack-overlap) * -1)}.image--stack:has(+.image--stack){mask-composite:subtract,add,add,add,add;mask-image:var(--status-mask,linear-gradient(#000 0 0)), linear-gradient(to right, transparent var(--stack-x), #000 0), linear-gradient(to right, transparent calc(100% - var(--stack-overlap) - var(--stack-gap)), #000 0), radial-gradient(circle at var(--stack-x) var(--stack-radius), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px)), radial-gradient(circle at var(--stack-x) calc(100% - var(--stack-radius)), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px));mask-position:0 0,0 0,0,0 0,0 0;mask-repeat:no-repeat;mask-size:100% 100%, 100% 100%, 100% calc(100% - var(--stack-radius) * 2), 100% 100%, 100% 100%}.image--status{mask-clip:no-clip;mask-image:var(--status-mask)}.image--status:after{background:var(--status-color);content:"";height:calc(var(--status-size) + 1px);width:calc(var(--status-size) + 1px);border-radius:100%;position:absolute;bottom:-.5px;right:-.5px}.image-lazyload{aspect-ratio:var(--aspect-ratio);background:var(--background);border-radius:var(--border-radius);isolation:isolate;width:100%;position:relative;overflow:hidden}.image-lazyload--error{--source-visibility:hidden}.image-lazyload--ready{--placeholder-opacity:0}.image-lazyload-placeholder{opacity:var(--placeholder-opacity,1);pointer-events:none;transition:opacity var(--transition-duration) var(--timing-function);z-index:1}.image-lazyload-placeholder,.image-lazyload-source{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.image-lazyload-source{visibility:var(--source-visibility);z-index:0}}
 /*$vite$:1*/

package/build/components/index.d.ts

@@ -47,6 +47,8 @@ export { default as surfaceField } from './surface-field/index.js';
 export { default as switch } from './switch/index.js';
 export { default as tasklist } from './tasklist/index.js';
 export { default as textarea } from './textarea/index.js';
+export { default as theme } from './theme/index.js';
+export { default as themePicker } from './theme-picker/index.js';
 export { default as toaster } from './toast/index.js';
 export { default as tooltip } from './tooltip/index.js';
 export { default as truncate } from './truncate/index.js';

package/build/components/index.js

@@ -47,6 +47,8 @@ export { default as surfaceField } from './surface-field/index.js';
 export { default as switch } from './switch/index.js';
 export { default as tasklist } from './tasklist/index.js';
 export { default as textarea } from './textarea/index.js';
+export { default as theme } from './theme/index.js';
+export { default as themePicker } from './theme-picker/index.js';
 export { default as toaster } from './toast/index.js';
 export { default as tooltip } from './tooltip/index.js';
 export { default as truncate } from './truncate/index.js';

package/build/components/inline-edit/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.inline-edit-status-announcement,.inline-edit-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.inline-edit-icon-check,.inline-edit-icon-pencil{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.inline-edit-icon-check,.inline-edit-icon-pencil,.inline-edit.inline-edit--saved .inline-edit-icon-pencil{filter:blur(4px);opacity:0;transition:filter var(--icon-swap-duration) var(--icon-swap-timing-function), opacity var(--icon-swap-duration) var(--icon-swap-timing-function), scale var(--icon-swap-duration) var(--icon-swap-timing-function);scale:.25}@media (prefers-reduced-motion:reduce){.inline-edit-icon-check,.inline-edit-icon-pencil,.inline-edit.inline-edit--saved .inline-edit-icon-pencil{transition:none}}.inline-edit-icon-pencil,.inline-edit.inline-edit--saved .inline-edit-icon-check{filter:blur();opacity:1;scale:1}.inline-edit{--background-hover:oklch(from var(--color-text-500) l c h / .04);--box-border-radius:var(--border-radius-400);--box-overflow-wrap:normal;--box-padding-block:4px;--box-padding-end:36px;--box-padding-start:8px;--box-text-overflow:ellipsis;--box-white-space:pre;--code-background:oklch(from var(--color-text-500) l c h / .06);--color:var(--color-text-500);--field-background:var(--color-white-300);--field-ring:0 0 0 1.5px oklch(from var(--color-text-500) l c h / .25);--heading-1-size:1.5em;--heading-2-size:1.25em;--heading-3-size:1.125em;--icon-color:var(--color-text-300);--icon-color-saved:var(--color-text-500);--icon-size:16px;--icon-swap-duration:.3s;--icon-swap-timing-function:linear(0, .035, .118, .216, .319, .424, .515, .6, .669, .728, .781, .822, .856, .885, .908, .927, .942, .954, .964, .971, .977, .982, .986, .989, .991, .993, .995, .996, .997, .997, 1);--link-underline-color:oklch(from var(--color-text-500) l c h / .4);--mark-background:oklch(from var(--color-text-500) l c h / .15);--outline-color:var(--color-text-500);--paragraph-gap:12px;--placeholder-color:var(--color-text-300);--quote-border-color:var(--color-border-300);--quote-color:var(--color-text-400);--status-margin-top:4px;--task-border-color:var(--color-text-300);--task-check-color:var(--color-white-300);--task-checked-color:var(--color-text-500);--task-done-color:var(--color-text-300);--toolbar-background:var(--color-grey-400);--toolbar-box-shadow:0 0 0 1px color-mix(in oklab, var(--color-black-300) 6%, transparent), 0 1px 2px color-mix(in oklab, var(--color-black-300) 6%, transparent), 0 6px 16px -6px color-mix(in oklab, var(--color-black-300) 12%, transparent);--toolbar-button-duration:.15s;--toolbar-button-size:36px;--toolbar-color:var(--color-text-500);--toolbar-color-muted:var(--color-text-300);--toolbar-divider-color:var(--color-border-300);--toolbar-focus-color:color-mix(in oklab, var(--color-text-500) 38%, transparent);--toolbar-font-size:var(--font-size-300);--toolbar-format-display:flex;--toolbar-icon-size:16px;--toolbar-link-display:none;--toolbar-select-width:132px;--toolbar-url-width:220px}.inline-edit-status{--blur:3px;--check-color:var(--color-text-500);--check-delay:.12s;--check-duration:.35s;--check-stroke-width:2.4;--color:var(--color-text-300);--dot-gap:calc(var(--icon-size) * .3125);--dot-size:calc(var(--icon-size) / 4);--enter-duration:.22s;--exit-duration:.12s;--font-size:var(--font-size-300);--gap:.5rem;--icon-size:1.25em;--move-duration:.4s;--pulse-duration:1s;--pulse-stagger:.16s;--shift:3px;--timing-function:cubic-bezier(.23, 1, .32, 1);--width:11em}.inline-edit-toolbar--link{--toolbar-format-display:none;--toolbar-link-display:flex}.inline-edit-toolbar.tooltip-content{--background:var(--toolbar-background);--border-radius:var(--border-radius-600);--box-shadow:var(--toolbar-box-shadow);--scale:.96;--transition-duration:.18s;--transition-timing-function:cubic-bezier(.23, 1, .32, 1);--width:max-content}.inline-edit>.inline-edit-field{--background-default:var(--field-background);--color-default:currentColor}.inline-edit .inline-edit-task .checkbox{--background-active:var(--task-checked-color);--border-color-active:var(--task-checked-color);--border-color-default:var(--task-border-color);--border-radius:var(--border-radius-200);--border-width:1.5px;--indicator-color-default:var(--task-check-color);--size:1em}.inline-edit--multiline{--box-overflow-wrap:break-word;--box-text-overflow:clip;--box-white-space:pre-wrap}.inline-edit--seamless{--field-background:transparent;--field-ring:none}.inline-edit{color:var(--color);margin-inline:calc(var(--box-padding-start) * -1);display:grid;position:relative}.inline-edit-display,.inline-edit-editor,.inline-edit>.inline-edit-field{border-radius:var(--box-border-radius);overflow-wrap:var(--box-overflow-wrap);padding:var(--box-padding-block) var(--box-padding-end) var(--box-padding-block) var(--box-padding-start);text-align:start;text-overflow:var(--box-text-overflow);white-space:var(--box-white-space);grid-area:1/1;width:100%;overflow:hidden}.inline-edit-display{color:inherit;cursor:text;font:inherit;letter-spacing:inherit;line-height:inherit;transition:background-color var(--transition-duration) var(--transition-timing-function);background:0 0;border:0;outline:none;display:block}.inline-edit-display:hover{background:var(--background-hover)}.inline-edit-display:focus-visible{outline:var(--border-width-500) solid var(--outline-color)}.inline-edit.--active>.inline-edit-display{visibility:hidden}.inline-edit--empty:not(.--active)>.inline-edit-display{color:var(--placeholder-color)}.inline-edit>.inline-edit-anchor{width:0;height:0;position:absolute;inset:0 auto auto 0}.inline-edit-editor{caret-color:currentColor;cursor:text;transition:background-color var(--transition-duration) var(--transition-timing-function);outline:none;position:relative}.inline-edit-editor:hover{background:var(--background-hover)}.inline-edit.--active>.inline-edit-editor{background:var(--field-background);box-shadow:var(--field-ring);text-overflow:clip}.inline-edit--empty>.inline-edit-editor:before{color:var(--placeholder-color);content:attr(data-placeholder);pointer-events:none;position:absolute}.inline-edit-editor a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--link-underline-color);-webkit-text-decoration-color:var(--link-underline-color);text-decoration-color:var(--link-underline-color);text-underline-offset:4px}.inline-edit-editor blockquote{border-inline-start:2px solid var(--quote-border-color);color:var(--quote-color);padding-inline-start:12px}.inline-edit-editor blockquote,.inline-edit-editor h1,.inline-edit-editor h2,.inline-edit-editor h3,.inline-edit-editor ol,.inline-edit-editor p,.inline-edit-editor pre,.inline-edit-editor ul{margin:0}.inline-edit-editor code,.inline-edit-editor pre{background:var(--code-background);font-family:var(--font-family-mono);font-size:.875em}.inline-edit-editor code{border-radius:var(--border-radius-100);padding:.125em .3em}.inline-edit-editor h1,.inline-edit-editor h2,.inline-edit-editor h3{font-weight:var(--font-weight-600);line-height:1.3}.inline-edit-editor h1{font-size:var(--heading-1-size)}.inline-edit-editor h2{font-size:var(--heading-2-size)}.inline-edit-editor h3{font-size:var(--heading-3-size)}.inline-edit-editor li[data-checked=true]{color:var(--task-done-color);text-decoration:line-through}.inline-edit-editor mark{background:var(--mark-background);border-radius:var(--border-radius-100);color:inherit}.inline-edit-editor ol,.inline-edit-editor ul{padding-inline-start:1.5em}.inline-edit-editor pre{border-radius:var(--border-radius-400);white-space:pre-wrap;padding:8px 12px}.inline-edit-editor strong{font-weight:var(--font-weight-600)}.inline-edit-editor ul[data-task]{padding-inline-start:0;list-style:none}.inline-edit-editor>*+*{margin-top:var(--paragraph-gap)}.inline-edit-status{color:var(--color);font-size:var(--font-size);align-items:center;gap:var(--gap);margin-top:var(--status-margin-top);white-space:nowrap;width:var(--width);flex-shrink:0;grid-area:2/1;padding-inline-start:var(--box-padding-start);display:flex}.inline-edit-status-check{fill:none;opacity:0;height:100%;stroke:var(--check-color);stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--check-stroke-width);transition:opacity var(--exit-duration) var(--timing-function), stroke-dashoffset var(--exit-duration) var(--timing-function);width:100%;position:absolute;inset:0}.inline-edit-status-dot{height:var(--dot-size);opacity:0;transition:opacity var(--move-duration) var(--timing-function), scale var(--move-duration) var(--timing-function), translate var(--move-duration) var(--timing-function);width:var(--dot-size);position:absolute;scale:.5}.inline-edit-status-dot:before{content:"";background:currentColor;border-radius:100%;width:100%;height:100%;display:block}.inline-edit-status-icon{height:var(--icon-size);width:var(--icon-size);flex-shrink:0;place-items:center;display:grid;position:relative}.inline-edit-status-label{flex:1;min-width:0;display:grid}.inline-edit-status-label-text{grid-area:1/1}.inline-edit-status-label-text--enter{animation:inline-edit-status-enter var(--enter-duration) var(--timing-function) both}.inline-edit-status-label-text--exit{animation:inline-edit-status-exit var(--exit-duration) var(--timing-function) both;opacity:0}.inline-edit-status--saved .inline-edit-status-check{opacity:1;stroke-dashoffset:0;transition:opacity var(--check-duration) var(--timing-function) var(--check-delay), stroke-dashoffset var(--check-duration) var(--timing-function) var(--check-delay)}.inline-edit-status--saving .inline-edit-status-dot{opacity:1;scale:1;translate:calc((var(--i) - 1) * var(--dot-gap))}.inline-edit-status--saving .inline-edit-status-dot:before{animation:inline-edit-status-pulse var(--pulse-duration) ease-in-out calc(var(--i) * var(--pulse-stagger)) infinite}.inline-edit-status--unsaved .inline-edit-status-dot:nth-child(2){opacity:1;scale:1.5}.inline-edit-task{-webkit-user-select:none;user-select:none;vertical-align:-.125em;margin-inline-end:.5em;display:inline-flex}.inline-edit>.inline-edit-field{box-shadow:var(--field-ring);font-size:inherit;font-weight:inherit;height:100%;letter-spacing:inherit;line-height:inherit;resize:none;outline:none;min-height:0;transition:none;display:block}.inline-edit>.inline-edit-field::placeholder{color:var(--placeholder-color)}.inline-edit-icon{color:var(--icon-color);pointer-events:none;place-items:center;width:24px;height:24px;display:grid;position:absolute;inset-block-start:4px;inset-inline-end:6px}.inline-edit-icon-check,.inline-edit-icon-pencil{height:var(--icon-size);stroke-width:2.25px;width:var(--icon-size);grid-area:1/1}.inline-edit-icon-check{color:var(--icon-color-saved)}.inline-edit-icon-pencil{opacity:0}.inline-edit:not(.inline-edit--saved):is(:hover,:has(:focus-visible)) .inline-edit-icon-pencil{opacity:1}.inline-edit.--active>.inline-edit-icon{visibility:hidden}.inline-edit-toolbar.tooltip-content{transform-origin:var(--toolbar-origin);translate:var(--toolbar-x) var(--toolbar-y);padding:4px;top:0;left:0;overflow:visible}.inline-edit-toolbar--instant.tooltip-content{transition:none}.inline-edit-toolbar-block.select{--background:transparent;--box-shadow:none;--height:var(--toolbar-button-size);--width:var(--toolbar-select-width);color:var(--toolbar-color)}.inline-edit-toolbar-button.button{--background-default:transparent;--background-hover:color-mix(in oklab, var(--toolbar-color) 6%, transparent);--border-radius:var(--border-radius-400);--color-default:var(--toolbar-color-muted);--color-hover:var(--toolbar-color);--icon-size:var(--toolbar-icon-size);--padding-horizontal:0px;--padding-vertical:0px;height:var(--toolbar-button-size);transition:background-color var(--toolbar-button-duration) ease-out, color var(--toolbar-button-duration) ease-out, scale var(--toolbar-button-duration) ease-out;width:var(--toolbar-button-size);border:0;outline:none;flex:none}.inline-edit-toolbar-button.button:active{scale:.96}.inline-edit-toolbar-button.button:focus-visible{outline:2px solid var(--toolbar-focus-color)}.inline-edit-toolbar-button.button[aria-pressed=true]{--background-default:color-mix(in oklab, var(--toolbar-color) 8%, transparent);--background-hover:color-mix(in oklab, var(--toolbar-color) 10%, transparent);--color-default:var(--toolbar-color)}.inline-edit-toolbar-button.button[hidden]{display:none}.inline-edit-toolbar-divider{background:var(--toolbar-divider-color);flex:none;width:1px;height:20px;margin-inline:4px}.inline-edit-toolbar-format,.inline-edit-toolbar-link{align-items:center;gap:2px}.inline-edit-toolbar-format{display:var(--toolbar-format-display)}.inline-edit-toolbar-link{display:var(--toolbar-link-display)}.inline-edit-toolbar-icon{fill:none;height:var(--toolbar-icon-size);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;width:var(--toolbar-icon-size)}.inline-edit-toolbar-url.input{--background-default:transparent;--color-default:var(--toolbar-color);--padding-horizontal:8px;--padding-vertical:0px;font-size:var(--toolbar-font-size);height:var(--toolbar-button-size);min-height:0;width:var(--toolbar-url-width);outline:none}.inline-edit-toolbar-url.input[aria-invalid=true]{--color-default:var(--color-red-400)}@keyframes inline-edit-status-enter{0%{filter:blur(var(--blur));opacity:0;translate:0 var(--shift)}}@keyframes inline-edit-status-exit{0%{opacity:1}to{filter:blur(var(--blur));opacity:0;translate:0 calc(var(--shift) * -1)}}@keyframes inline-edit-status-pulse{0%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.inline-edit{--toolbar-button-duration:0s}.inline-edit-status{--check-delay:0s;--check-duration:0s;--enter-duration:0s;--exit-duration:0s;--move-duration:0s;--pulse-duration:0s;--pulse-stagger:0s}.inline-edit-toolbar.tooltip-content{--transition-duration:0s}.inline-edit-toolbar-button.button:active{scale:1}}}
+@layer components{@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(../../../css-utilities/font/geist/Geist-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:italic;font-weight:100 900;src:url(../../../css-utilities/font/geist/Geist-Italic-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(../../../css-utilities/font/geist/GeistMono-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:italic;font-weight:100 900;src:url(../../../css-utilities/font/geist/GeistMono-Italic-Variable.woff2)format("woff2")}.inline-edit-editor code,.inline-edit-editor pre{--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-family:"Geist Mono", monospace}.inline-edit-status-announcement,.inline-edit-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.inline-edit-icon-check,.inline-edit-icon-pencil{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.inline-edit-icon-check,.inline-edit-icon-pencil,.inline-edit.inline-edit--saved .inline-edit-icon-pencil{filter:blur(var(--blur-400));opacity:0;transition:filter var(--icon-swap-duration) var(--icon-swap-timing-function), opacity var(--icon-swap-duration) var(--icon-swap-timing-function), scale var(--icon-swap-duration) var(--icon-swap-timing-function);scale:.25}@media (prefers-reduced-motion:reduce){.inline-edit-icon-check,.inline-edit-icon-pencil,.inline-edit.inline-edit--saved .inline-edit-icon-pencil{transition:none}}.inline-edit-icon-pencil,.inline-edit.inline-edit--saved .inline-edit-icon-check{filter:blur();opacity:1;scale:1}.inline-edit.--active>.inline-edit-editor{--surface-shadow-weight:6}.inline-edit.--active>.inline-edit-editor,.inline-edit-editor code,.inline-edit-editor pre{--surface-background-active:light-dark(oklch(from var(--surface-background-default) calc(l + .01) c h),oklch(from var(--surface-background-default) calc(l + .02) c h));--surface-background-default:light-dark(oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) calc(c * clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) / max(l, .01)) h));--surface-background-hover:light-dark(oklch(from var(--surface-background-default) calc(l + .005) c h),oklch(from var(--surface-background-default) calc(l + .01) c h));--surface-background-pressed:light-dark(oklch(from var(--surface-background-default) calc(l - .02) c h),oklch(from var(--surface-background-default) calc(l - .04) c h));--surface-border-active:light-dark(oklch(from var(--surface-background-active) max(0, l - .04) c h),oklch(from var(--surface-background-active) min(1, l + .06) c h));--surface-border-default:light-dark(oklch(from var(--surface-background-default) max(0, l - .04) c h),oklch(from var(--surface-background-default) min(1, l + .06) c h));--surface-border-hover:light-dark(oklch(from var(--surface-background-hover) max(0, l - .04) c h),oklch(from var(--surface-background-hover) min(1, l + .06) c h));--surface-border-pressed:light-dark(oklch(from var(--surface-background-pressed) max(0, l - .04) c h),oklch(from var(--surface-background-pressed) min(1, l + .06) c h));--surface-shadow-active:var(--surface-shadow-hover);--surface-shadow-color:light-dark(oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .08),oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-cast:light-dark(oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .08),oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-default:0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 0, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 5 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 1, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 9 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 25 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -7 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, var(--surface-shadow-weight) - 0, 1) + .05 * clamp(0, var(--surface-shadow-weight) - 2, 1) + .15 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -8 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -10 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -.1 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10));--surface-shadow-hover:0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 5 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 1, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 9 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 25 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -7 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + .15 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -8 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -.1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10));--surface-shadow-pressed:0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 5 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 1, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 9 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 25 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -7 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + .15 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -8 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -.1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10))}.inline-edit-editor code,.inline-edit-editor pre{--surface-shadow-weight:0}@container style(--surface-level:-3){.inline-edit.--active>.inline-edit-editor{--surface-level:-2;--surface-shadow-weight:0}}@container style(--surface-level:-2){.inline-edit.--active>.inline-edit-editor{--surface-level:-1;--surface-shadow-weight:0}}@container style(--surface-level:-1){.inline-edit.--active>.inline-edit-editor{--surface-level:0;--surface-shadow-weight:0}}@container style(--surface-level:0){.inline-edit.--active>.inline-edit-editor{--surface-level:1;--surface-shadow-weight:1}}@container style(--surface-level:1){.inline-edit.--active>.inline-edit-editor{--surface-level:2;--surface-shadow-weight:2}}@container style(--surface-level:2){.inline-edit.--active>.inline-edit-editor{--surface-level:3;--surface-shadow-weight:3}}@container style(--surface-level:3){.inline-edit.--active>.inline-edit-editor{--surface-level:4;--surface-shadow-weight:4}}@container style(--surface-level:4){.inline-edit.--active>.inline-edit-editor{--surface-level:5;--surface-shadow-weight:5}}@container style(--surface-level:5){.inline-edit.--active>.inline-edit-editor{--surface-level:6;--surface-shadow-weight:6}}@container style(--surface-level:-2){.inline-edit-editor code,.inline-edit-editor pre{--surface-level:-3}}@container style(--surface-level:-1){.inline-edit-editor code,.inline-edit-editor pre{--surface-level:-2}}@container style(--surface-level:0){.inline-edit-editor code,.inline-edit-editor pre{--surface-level:-1}}@container style(--surface-level:1){.inline-edit-editor code,.inline-edit-editor pre{--surface-level:0}}@container style(--surface-level:2){.inline-edit-editor code,.inline-edit-editor pre{--surface-level:1}}@container style(--surface-level:3){.inline-edit-editor code,.inline-edit-editor pre{--surface-level:2}}@container style(--surface-level:4){.inline-edit-editor code,.inline-edit-editor pre{--surface-level:3}}@container style(--surface-level:5){.inline-edit-editor code,.inline-edit-editor pre{--surface-level:4}}@container style(--surface-level:6){.inline-edit-editor code,.inline-edit-editor pre{--surface-level:5}}.inline-edit-display,.inline-edit-editor{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.inline-edit-display,.--active.inline-edit-editor{--background:var(--background-active)}.inline-edit-display:not(.--active):hover,.inline-edit-editor:not(.--active):hover{--background:var(--background-hover)}.inline-edit-display:not(.--active):active,.inline-edit-editor:not(.--active):active{--background:var(--background-pressed)}.inline-edit{--box-border-radius:var(--border-radius-400);--box-overflow-wrap:normal;--box-padding-block:calc(var(--size-100) / 2);--box-padding-end:36px;--box-padding-start:var(--size-100);--box-text-overflow:ellipsis;--box-white-space:pre;--color:var(--color-text-500);--field-ring:0 0 0 1.5px var(--surface-border-pressed);--heading-1-size:1.5em;--heading-2-size:1.25em;--heading-3-size:1.125em;--icon-color:var(--color-primary-300);--icon-color-saved:var(--color-primary-500);--icon-size:var(--size-400);--icon-swap-duration:var(--duration-moderate);--icon-swap-timing-function:linear(0, .035, .118, .216, .319, .424, .515, .6, .669, .728, .781, .822, .856, .885, .908, .927, .942, .954, .964, .971, .977, .982, .986, .989, .991, .993, .995, .996, .997, .997, 1);--link-underline-color:oklch(from var(--color-primary-500) l c h / .4);--mark-background:oklch(from var(--color-primary-500) l c h / .15);--outline-color:var(--color-primary-500);--paragraph-gap:12px;--placeholder-color:var(--color-text-300);--quote-border-color:var(--surface-border-default);--quote-color:var(--color-text-400);--status-margin-top:calc(var(--size-100) / 2);--task-border-color:var(--color-primary-300);--task-check-color:var(--color-surface);--task-checked-color:var(--color-primary-500);--task-done-color:var(--color-text-300);--toolbar-button-size:36px;--toolbar-color:var(--color-text-500);--toolbar-color-muted:var(--color-text-300);--toolbar-divider-color:var(--surface-border-default);--toolbar-focus-color:var(--surface-border-pressed);--toolbar-font-size:var(--font-size-300);--toolbar-format-display:flex;--toolbar-icon-size:var(--size-400);--toolbar-link-display:none;--toolbar-select-width:132px;--toolbar-url-width:220px}.inline-edit-display,.inline-edit-editor{--background-hover:var(--surface-background-hover);--background-pressed:var(--background-hover)}.inline-edit-status{--blur:var(--blur-400);--check-color:var(--color-primary-500);--check-delay:.12s;--check-duration:var(--duration-slow);--check-stroke-width:2.4;--color:var(--color-text-300);--dot-gap:calc(var(--icon-size) * .3125);--dot-size:calc(var(--icon-size) / 4);--enter-duration:var(--duration-moderate);--exit-duration:var(--duration-moderate-exit);--font-size:var(--font-size-300);--gap:.5rem;--icon-size:1.25em;--move-duration:var(--duration-slow);--pulse-duration:1s;--pulse-stagger:.16s;--shift:3px;--timing-function:var(--easing-spring);--width:11em}.inline-edit-toolbar--link{--toolbar-format-display:none;--toolbar-link-display:flex}.inline-edit-toolbar.tooltip-content{--background-default:var(--surface-background-default);--border-radius:var(--border-radius-600);--box-shadow-default:var(--surface-shadow-default);--scale:.96;--width:max-content}.inline-edit>.inline-edit-field{--background-default:var(--field-background,var(--surface-background-default));--color-default:currentColor}.inline-edit .inline-edit-task .checkbox{--background-active:var(--task-checked-color);--border-color-active:var(--task-checked-color);--border-color-default:var(--task-border-color);--border-radius:var(--border-radius-200);--border-width:1.5px;--indicator-color-default:var(--task-check-color);--size:1em}.inline-edit--multiline{--box-overflow-wrap:break-word;--box-text-overflow:clip;--box-white-space:pre-wrap}.inline-edit--seamless{--field-background:transparent;--field-ring:none}.inline-edit{color:var(--color);margin-inline:calc(var(--box-padding-start) * -1);display:grid;position:relative}.inline-edit-display,.inline-edit-editor,.inline-edit>.inline-edit-field{border-radius:var(--box-border-radius);overflow-wrap:var(--box-overflow-wrap);padding:var(--box-padding-block) var(--box-padding-end) var(--box-padding-block) var(--box-padding-start);text-align:start;text-overflow:var(--box-text-overflow);white-space:var(--box-white-space);grid-area:1/1;width:100%;overflow:hidden}.inline-edit-display{background:var(--background);color:inherit;cursor:text;font:inherit;letter-spacing:inherit;line-height:inherit;transition:background-color var(--transition-duration) var(--transition-timing-function);border:0;outline:none;display:block}.inline-edit-display:focus-visible{outline:var(--border-width-500) solid var(--outline-color)}.inline-edit.--active>.inline-edit-display{visibility:hidden}.inline-edit--empty:not(.--active)>.inline-edit-display{color:var(--placeholder-color)}.inline-edit>.inline-edit-anchor{width:0;height:0;position:absolute;inset:0 auto auto 0}.inline-edit-editor{background:var(--background);caret-color:currentColor;cursor:text;transition:background-color var(--transition-duration) var(--transition-timing-function);outline:none;position:relative}.inline-edit.--active>.inline-edit-editor{--background-default:var(--field-background,var(--surface-background-default));--background-hover:var(--background-default);box-shadow:var(--field-ring);text-overflow:clip}.inline-edit--empty>.inline-edit-editor:before{color:var(--placeholder-color);content:attr(data-placeholder);pointer-events:none;position:absolute}.inline-edit-editor>*+*{margin-top:var(--paragraph-gap)}.inline-edit-editor a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--link-underline-color);-webkit-text-decoration-color:var(--link-underline-color);text-decoration-color:var(--link-underline-color);text-underline-offset:calc(var(--size-100) / 2)}.inline-edit-editor blockquote{border-inline-start:2px solid var(--quote-border-color);color:var(--quote-color);padding-inline-start:12px}.inline-edit-editor blockquote,.inline-edit-editor h1,.inline-edit-editor h2,.inline-edit-editor h3,.inline-edit-editor ol,.inline-edit-editor p,.inline-edit-editor pre,.inline-edit-editor ul{margin:0}.inline-edit-editor code{border-radius:var(--border-radius-100);padding:.125em .3em}.inline-edit-editor code,.inline-edit-editor pre{background:var(--surface-background-default);font-family:var(--font-family);font-size:.875em}.inline-edit-editor h1{font-size:var(--heading-1-size)}.inline-edit-editor h1,.inline-edit-editor h2,.inline-edit-editor h3{font-weight:var(--font-weight-600);line-height:1.3}.inline-edit-editor h2{font-size:var(--heading-2-size)}.inline-edit-editor h3{font-size:var(--heading-3-size)}.inline-edit-editor li[data-checked=true]{color:var(--task-done-color);text-decoration:line-through}.inline-edit-editor mark{background:var(--mark-background);border-radius:var(--border-radius-100);color:inherit}.inline-edit-editor ol,.inline-edit-editor ul{padding-inline-start:1.5em}.inline-edit-editor pre{border-radius:var(--border-radius-400);padding:var(--size-100) 12px;white-space:pre-wrap}.inline-edit-editor strong{font-weight:var(--font-weight-600)}.inline-edit-editor ul[data-task]{padding-inline-start:0;list-style:none}.inline-edit-status{color:var(--color);font-size:var(--font-size);align-items:center;gap:var(--gap);margin-top:var(--status-margin-top);white-space:nowrap;width:var(--width);flex-shrink:0;grid-area:2/1;padding-inline-start:var(--box-padding-start);display:flex}.inline-edit-status--saved .inline-edit-status-check{opacity:1;stroke-dashoffset:0;transition:opacity var(--check-duration) var(--timing-function) var(--check-delay), stroke-dashoffset var(--check-duration) var(--timing-function) var(--check-delay)}.inline-edit-status--saving .inline-edit-status-dot{opacity:1;scale:1;translate:calc((var(--i) - 1) * var(--dot-gap))}.inline-edit-status--saving .inline-edit-status-dot:before{animation:inline-edit-status-pulse var(--pulse-duration) var(--easing-in-out) calc(var(--i) * var(--pulse-stagger)) infinite}.inline-edit-status--unsaved .inline-edit-status-dot:nth-child(2){opacity:1;scale:1.5}.inline-edit-status-check{fill:none;opacity:0;height:100%;stroke:var(--check-color);stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--check-stroke-width);transition:opacity var(--exit-duration) var(--timing-function), stroke-dashoffset var(--exit-duration) var(--timing-function);width:100%;position:absolute;inset:0}.inline-edit-status-dot{height:var(--dot-size);opacity:0;transition:opacity var(--move-duration) var(--timing-function), scale var(--move-duration) var(--timing-function), translate var(--move-duration) var(--timing-function);width:var(--dot-size);position:absolute;scale:.5}.inline-edit-status-dot:before{content:"";background:currentColor;border-radius:100%;width:100%;height:100%;display:block}.inline-edit-status-icon{height:var(--icon-size);width:var(--icon-size);flex-shrink:0;place-items:center;display:grid;position:relative}.inline-edit-status-label{flex:1;min-width:0;display:grid}.inline-edit-status-label-text{grid-area:1/1}.inline-edit-status-label-text--enter{animation:inline-edit-status-enter var(--enter-duration) var(--timing-function) both}.inline-edit-status-label-text--exit{animation:inline-edit-status-exit var(--exit-duration) var(--timing-function) both;opacity:0}.inline-edit-task{-webkit-user-select:none;user-select:none;vertical-align:-.125em;margin-inline-end:.5em;display:inline-flex}.inline-edit>.inline-edit-field{box-shadow:var(--field-ring);font-size:inherit;font-weight:inherit;height:100%;letter-spacing:inherit;line-height:inherit;resize:none;outline:none;min-height:0;transition:none;display:block}.inline-edit>.inline-edit-field::placeholder{color:var(--placeholder-color)}.inline-edit-icon{color:var(--icon-color);pointer-events:none;width:24px;height:24px;place-items:center;display:grid;position:absolute;inset-block-start:calc(var(--size-100) / 2);inset-inline-end:calc(var(--size-300) / 2)}.inline-edit-icon-check{color:var(--icon-color-saved)}.inline-edit-icon-check,.inline-edit-icon-pencil{height:var(--icon-size);stroke-width:2.25px;width:var(--icon-size);grid-area:1/1}.inline-edit-icon-pencil{opacity:0}.inline-edit:not(.inline-edit--saved):is(:hover,:has(:focus-visible)) .inline-edit-icon-pencil{opacity:1}.inline-edit.--active>.inline-edit-icon{visibility:hidden}.inline-edit-toolbar--instant.tooltip-content{transition:none}.inline-edit-toolbar-block.select{--background-active:var(--background-hover);--background-default:transparent;--background-hover:color-mix(in oklab, var(--toolbar-color) 6%, transparent);--background-pressed:var(--background-hover);--box-shadow-active:none;--box-shadow-default:none;--box-shadow-hover:none;--box-shadow-pressed:none;--height:var(--toolbar-button-size);--width:var(--toolbar-select-width);color:var(--toolbar-color)}.inline-edit-toolbar-button.button{--background-default:transparent;--background-hover:color-mix(in oklab, var(--toolbar-color) 6%, transparent);--border-radius:var(--border-radius-400);--color-default:var(--toolbar-color-muted);--color-hover:var(--toolbar-color);--icon-size:var(--toolbar-icon-size);--padding-horizontal:0px;--padding-vertical:0px;height:var(--toolbar-button-size);transition:background-color var(--duration-fast) var(--easing-spring), color var(--duration-fast) var(--easing-spring);width:var(--toolbar-button-size);border:0;outline:none;flex:none}.inline-edit-toolbar-button.button:focus-visible{outline:2px solid var(--toolbar-focus-color)}.inline-edit-toolbar-button.button[aria-pressed=true]{--background-default:color-mix(in oklab, var(--toolbar-color) 8%, transparent);--background-hover:color-mix(in oklab, var(--toolbar-color) 10%, transparent);--color-default:var(--toolbar-color)}.inline-edit-toolbar-button.button[hidden]{display:none}.inline-edit-toolbar-divider{background:var(--toolbar-divider-color);height:var(--size-500);margin-inline:calc(var(--size-100) / 2);flex:none;width:1px}.inline-edit-toolbar-format{display:var(--toolbar-format-display)}.inline-edit-toolbar-format,.inline-edit-toolbar-link{align-items:center;gap:calc(var(--size-100) / 4)}.inline-edit-toolbar-icon{fill:none;height:var(--toolbar-icon-size);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;width:var(--toolbar-icon-size)}.inline-edit-toolbar-link{display:var(--toolbar-link-display)}.inline-edit-toolbar-url.input{--background-default:transparent;--color-default:var(--toolbar-color);--padding-horizontal:var(--size-100);--padding-vertical:0px;font-size:var(--toolbar-font-size);height:var(--toolbar-button-size);min-height:0;width:var(--toolbar-url-width);outline:none}.inline-edit-toolbar-url.input[aria-invalid=true]{--color-default:var(--color-red-400)}.inline-edit-toolbar.tooltip-content{padding:calc(var(--size-100) / 2);transform-origin:var(--toolbar-origin);translate:var(--toolbar-x) var(--toolbar-y);top:0;left:0;overflow:visible}@keyframes inline-edit-status-enter{0%{filter:blur(var(--blur));opacity:0;translate:0 var(--shift)}}@keyframes inline-edit-status-exit{0%{opacity:1}to{filter:blur(var(--blur));opacity:0;translate:0 calc(var(--shift) * -1)}}@keyframes inline-edit-status-pulse{0%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.inline-edit-status{--blur:0px;--check-delay:0s;--check-duration:0s;--move-duration:0s;--pulse-duration:0s;--pulse-stagger:0s;--shift:0px}.inline-edit-toolbar.tooltip-content{--scale:1;transition-property:opacity}}}
 /*$vite$:1*/

package/build/components/input/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.input-scrub-tape{position:absolute;inset:auto 0 0}.input-tag-chip-body,.input-scrub-ticks{position:absolute;inset:0}.input{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.input{--background:var(--background-active)}.input:not(.--active):hover{--background:var(--background-hover)}.input:not(.--active):active{--background:var(--background-pressed)}.input{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-default:transparent;--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--active.input{--border-color:var(--border-color-active)}.input:not(.--active):hover{--border-color:var(--border-color-hover)}.input:not(.--active):active{--border-color:var(--border-color-pressed)}.input{--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--active.input{--color:var(--color-active)}.input:not(.--active):hover{--color:var(--color-hover)}.input:not(.--active):active{--color:var(--color-pressed)}.input-tag-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.input-tag-list{margin:0;padding:0;list-style:none}.input-tag-chip-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.input-scrub{background:var(--background);border-radius:var(--border-radius);color:var(--color);height:var(--height);align-items:center;display:flex;position:relative;overflow:hidden}.input-scrub:has(.input-scrub-field:focus-visible){outline:var(--outline-width) solid var(--outline-color)}.input-scrub>.input-scrub-field{font-variant-numeric:tabular-nums;height:100%;min-height:0;outline:none;padding-inline-end:var(--field-padding)}.input-scrub-label{color:var(--label-color);cursor:ew-resize;font-size:var(--font-size);touch-action:none;height:100%;transition:color var(--transition-duration) var(--transition-timing-function);-webkit-user-select:none;user-select:none;width:var(--label-width);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-scrub-label:hover{color:var(--label-color-active)}.input-scrub-label svg{width:16px;height:16px}.input-scrub-needle{background:var(--needle-color);height:var(--tape-height);width:1px;position:absolute;bottom:0;left:50%;translate:-50%}.input-scrub-tape{color:var(--tape-color);height:var(--tape-height);opacity:var(--tape-opacity);pointer-events:none;transition:opacity var(--tape-duration) var(--tape-timing-function), translate var(--tape-duration) var(--tape-timing-function);translate:var(--tape-translate);-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.input-scrub-ticks{background-image:linear-gradient(90deg,currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-position-x:calc(50% - var(--offset,0px));background-position-y:bottom;background-repeat:repeat-x;background-size:var(--tick) var(--tape-minor-height), calc(var(--tick) * 5) var(--tape-major-height)}@media (prefers-reduced-motion:reduce){.input-scrub-tape{translate:0}}.input-tag{color:var(--color);width:var(--width);flex-direction:column;gap:8px;display:flex}.input-tag-box{background:var(--box-background);border-radius:var(--box-border-radius);box-shadow:var(--box-shadow);cursor:text;outline-offset:2px;padding:var(--box-padding)}.input-tag-box:has(.input-tag-field:focus-visible){outline:var(--border-width-500) solid var(--outline-color)}.input-tag-chip{color:var(--chip-color);font-size:var(--font-size);height:var(--chip-height);max-width:100%;padding-inline:var(--text-inset) 4px;transition:color var(--transition-duration) var(--transition-timing-function);align-items:center;gap:2px;display:flex;position:relative}.input-tag-chip.--active{color:var(--chip-color-active)}.input-tag-chip-body{background:var(--chip-background);border-radius:var(--chip-border-radius);box-shadow:var(--chip-shadow);transition:background-color var(--transition-duration) var(--transition-timing-function), box-shadow var(--transition-duration) var(--transition-timing-function)}.input-tag-chip-button{border-radius:var(--border-radius-300);color:var(--chip-remove-color);cursor:pointer;height:24px;transition:background-color var(--transition-duration) var(--transition-timing-function), color var(--transition-duration) var(--transition-timing-function), scale var(--transition-duration) var(--transition-timing-function);background:0 0;border:0;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;padding:0;display:flex;position:relative}.input-tag-chip-button:after{content:"";position:absolute;inset:-4px}.input-tag-chip-button:hover{background:var(--chip-remove-hover-background);color:var(--chip-remove-color-hover)}.input-tag-chip-button:active{scale:.96}.input-tag-chip-button:focus-visible{outline:var(--border-width-500) solid var(--outline-color)}.input-tag-chip-icon{width:14px;height:14px}.input-tag-chip-remove{display:flex;position:relative}.input-tag-chip-text{position:relative}.input-tag-entry{font-size:var(--font-size);min-width:var(--entry-min-width);flex:1;display:flex}.input-tag-entry>.input-tag-field{font-size:inherit;height:var(--chip-height);min-width:0;min-height:0;padding:0 8px 0 var(--text-inset);outline:none}.input-tag-entry>.input-tag-field::placeholder{color:var(--placeholder-color)}.input-tag-ghost{pointer-events:none;position:absolute}.input-tag-hint{color:var(--hint-color);font-size:var(--hint-font-size);margin:0}.input-tag-label{font-size:var(--label-font-size);font-weight:var(--label-font-weight)}.input-tag-list{gap:var(--gap);flex-wrap:wrap;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.input-tag-chip-button:active{scale:1}}.input{--border-color-default:var(--background);--border-radius:var(--border-radius-400);--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--font-size:var(--font-size-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--size:var(--size-400)}.input:not(.--active):not(.--active):hover{--box-shadow:var(--box-shadow-hover)}.input:not(.--active):not(.--active):active{--box-shadow:var(--box-shadow-pressed)}.input.--active{--box-shadow:var(--box-shadow-active)}.input-scrub{--background:var(--color-white-300);--border-radius:var(--border-radius-400);--color:var(--color-text-500);--field-padding:10px;--font-size:var(--font-size-300);--height:40px;--label-color:var(--color-text-300);--label-color-active:var(--color-text-500);--label-width:36px;--needle-color:var(--color-text-500);--outline-color:var(--color-text-500);--outline-width:var(--border-width-500);--tape-color:var(--color-text-300);--tape-duration:var(--tape-leave-duration);--tape-enter-duration:.15s;--tape-height:8px;--tape-leave-duration:.2s;--tape-major-height:6px;--tape-minor-height:3px;--tape-opacity:0;--tape-timing-function:cubic-bezier(.23, 1, .32, 1);--tape-translate:0 4px;--tick:6px}.input-scrub.--active{--label-color:var(--label-color-active);--tape-duration:var(--tape-enter-duration);--tape-opacity:1;--tape-translate:0 0}.input-scrub>.input-scrub-field{--color-default:currentColor;--font-size:inherit;--padding-horizontal:0px;--padding-vertical:0px}.input-tag{--box-background:var(--color-grey-400);--box-border-radius:14px;--box-padding:6px;--box-shadow:var(--box-shadow-200);--chip-background:var(--color-white-300);--chip-background-active:var(--color-text-500);--chip-blur:4px;--chip-border-radius:var(--border-radius-400);--chip-color:var(--color-text-500);--chip-color-active:var(--color-white-300);--chip-height:32px;--chip-remove-color:var(--color-text-300);--chip-remove-color-hover:var(--color-text-500);--chip-remove-hover-background:oklch(from var(--color-text-500) l c h / .06);--chip-remove-scale:.25;--chip-scale:.9;--chip-shadow:var(--box-shadow-100);--chip-shake:4px;--chip-shake-opacity:1;--chip-slide-duration:.41s;--chip-slide-easing:linear(0, .038, .116, .219, .326, .43, .518, .602, .674, .731, .782, .825, .858, .886, .91, .928, .942, .955, .964, .971, .977, .982, .986, .989, .991, .993, .995, .996, .997, .997, 1);--color:var(--color-text-500);--entry-min-width:120px;--font-size:var(--font-size-300);--gap:6px;--hint-color:var(--color-text-300);--hint-font-size:var(--font-size-200);--label-font-size:var(--font-size-300);--label-font-weight:var(--font-weight-500);--outline-color:var(--color-text-500);--placeholder-color:var(--color-text-300);--text-inset:10px;--width:min(440px, 100%)}@media (prefers-reduced-motion:reduce){.input-tag{--chip-blur:0px;--chip-remove-scale:1;--chip-scale:1;--chip-shake:0px;--chip-shake-opacity:.4;--chip-slide-duration:0s}}.input-tag-chip.--active{--chip-background:var(--chip-background-active);--chip-remove-color:oklch(from var(--chip-color-active) l c h / .7);--chip-remove-color-hover:var(--chip-color-active);--chip-remove-hover-background:transparent;--chip-shadow:none}.input-tag-entry>.input-tag-field{--color-default:currentColor}.input{min-height:calc(var(--padding-vertical) * 2 + var(--size));text-overflow:ellipsis;transition:background var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function), box-shadow var(--transition-duration) var(--transition-timing-function), opacity var(--transition-duration) var(--transition-timing-function), transform var(--transition-duration) var(--transition-timing-function);white-space:nowrap;background:var(--background);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);color:var(--color);cursor:text;font-size:var(--font-size);min-width:0;padding-block:max(0px, var(--padding-vertical) - var(--border-width));padding-inline:max(0px, var(--padding-horizontal) - var(--border-width));flex-wrap:wrap;flex:auto;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.input:invalid,.input:required{box-shadow:none}.input[type=number]{appearance:textfield}}
+@layer components{.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-shadow-weight:6;--surface-background-active:light-dark(oklch(from var(--surface-background-default) calc(l + .01) c h),oklch(from var(--surface-background-default) calc(l + .02) c h));--surface-background-default:light-dark(oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) calc(c * clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) / max(l, .01)) h));--surface-background-hover:light-dark(oklch(from var(--surface-background-default) calc(l + .005) c h),oklch(from var(--surface-background-default) calc(l + .01) c h));--surface-background-pressed:light-dark(oklch(from var(--surface-background-default) calc(l - .02) c h),oklch(from var(--surface-background-default) calc(l - .04) c h));--surface-border-active:light-dark(oklch(from var(--surface-background-active) max(0, l - .04) c h),oklch(from var(--surface-background-active) min(1, l + .06) c h));--surface-border-default:light-dark(oklch(from var(--surface-background-default) max(0, l - .04) c h),oklch(from var(--surface-background-default) min(1, l + .06) c h));--surface-border-hover:light-dark(oklch(from var(--surface-background-hover) max(0, l - .04) c h),oklch(from var(--surface-background-hover) min(1, l + .06) c h));--surface-border-pressed:light-dark(oklch(from var(--surface-background-pressed) max(0, l - .04) c h),oklch(from var(--surface-background-pressed) min(1, l + .06) c h));--surface-shadow-active:var(--surface-shadow-hover);--surface-shadow-color:light-dark(oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .08),oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-cast:light-dark(oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .08),oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-default:0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 0, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 5 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 1, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 9 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 25 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -7 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, var(--surface-shadow-weight) - 0, 1) + .05 * clamp(0, var(--surface-shadow-weight) - 2, 1) + .15 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -8 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -10 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -.1 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10));--surface-shadow-hover:0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 5 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 1, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 9 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 25 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -7 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + .15 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -8 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -.1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10));--surface-shadow-pressed:0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 5 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 1, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 9 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 25 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -7 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + .15 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -8 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -.1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10))}@container style(--surface-level:-3){.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-level:-2;--surface-shadow-weight:0}}@container style(--surface-level:-2){.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-level:-1;--surface-shadow-weight:0}}@container style(--surface-level:-1){.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-level:0;--surface-shadow-weight:0}}@container style(--surface-level:0){.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-level:1;--surface-shadow-weight:1}}@container style(--surface-level:1){.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-level:2;--surface-shadow-weight:2}}@container style(--surface-level:2){.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-level:3;--surface-shadow-weight:3}}@container style(--surface-level:3){.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-level:4;--surface-shadow-weight:4}}@container style(--surface-level:4){.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-level:5;--surface-shadow-weight:5}}@container style(--surface-level:5){.input-scrub,.input-tag-box,.input-tag-chip-body{--surface-level:6;--surface-shadow-weight:6}}.input-scrub,.input,.input-tag-chip-button{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.input-scrub,.--active.input,.--active.input-tag-chip-button{--background:var(--background-active)}.input-scrub:not(.--active):hover,.input:not(.--active):hover,.input-tag-chip-button:not(.--active):hover{--background:var(--background-hover)}.input-scrub:not(.--active):active,.input:not(.--active):active,.input-tag-chip-button:not(.--active):active{--background:var(--background-pressed)}.input{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-default:transparent;--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--active.input{--border-color:var(--border-color-active)}.input:not(.--active):hover{--border-color:var(--border-color-hover)}.input:not(.--active):active{--border-color:var(--border-color-pressed)}.input{--box-shadow:var(--box-shadow-default);--box-shadow-active:var(--box-shadow-default);--box-shadow-default:none;--box-shadow-hover:var(--box-shadow-default);--box-shadow-pressed:var(--box-shadow-default)}.--active.input{--box-shadow:var(--box-shadow-active)}.input:not(.--active):hover{--box-shadow:var(--box-shadow-hover)}.input:not(.--active):active{--box-shadow:var(--box-shadow-pressed)}.input-tag-chip,.input-tag-chip-button,.input,.input-scrub-label{--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--active.input-tag-chip,.--active.input-tag-chip-button,.--active.input,.--active.input-scrub-label{--color:var(--color-active)}.input-tag-chip:not(.--active):hover,.input-tag-chip-button:not(.--active):hover,.input:not(.--active):hover,.input-scrub-label:not(.--active):hover{--color:var(--color-hover)}.input-tag-chip:not(.--active):active,.input-tag-chip-button:not(.--active):active,.input:not(.--active):active,.input-scrub-label:not(.--active):active{--color:var(--color-pressed)}.input-scrub-tape{position:absolute;inset:auto 0 0}.input-tag-chip-body,.input-scrub-ticks{position:absolute;inset:0}.input-scrub{background:var(--background);border-radius:var(--border-radius);color:var(--color);height:var(--height);align-items:center;display:flex;position:relative;overflow:hidden}.input-scrub:has(.input-scrub-field:focus-visible){outline:var(--outline-width) solid var(--outline-color)}.input-scrub>.input-scrub-field{font-variant-numeric:tabular-nums;height:100%;min-height:0;outline:none;padding-inline-end:var(--field-padding)}.input-scrub-label{--color-default:var(--label-color);--color-hover:var(--label-color-active);--color-pressed:var(--color-hover);color:var(--color);cursor:ew-resize;font-size:var(--font-size);touch-action:none;height:100%;transition:color var(--transition-duration) var(--transition-timing-function);-webkit-user-select:none;user-select:none;width:var(--label-width);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-scrub-label svg{height:var(--size-400);width:var(--size-400)}.input-scrub-needle{background:var(--needle-color);height:var(--tape-height);width:1px;position:absolute;bottom:0;left:50%;translate:-50%}.input-scrub-tape{color:var(--tape-color);height:var(--tape-height);opacity:var(--tape-opacity);pointer-events:none;transition:opacity var(--tape-duration) var(--tape-timing-function), translate var(--tape-duration) var(--tape-timing-function);translate:var(--tape-translate);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.input-scrub-ticks{background-image:linear-gradient(90deg,currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-position-x:calc(50% - var(--offset,0px));background-position-y:bottom;background-repeat:repeat-x;background-size:var(--tick) var(--tape-minor-height), calc(var(--tick) * 5) var(--tape-major-height)}@media (prefers-reduced-motion:reduce){.input-scrub-tape{translate:0}}.input-tag-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.input-tag-list{margin:0;padding:0;list-style:none}.input-tag-chip-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@keyframes text-gradient{to{background-position:var(--background-size) 0}}@keyframes text-line-shadow{0%{background-position:0 0}to{background-position:100% -100%}}@keyframes text-shiny{0%,90%,to{background-position:calc(-100% - var(--shine-width)) 0}30%,60%{background-position:calc(100% + var(--shine-width)) 0}}.input-tag{color:var(--color);gap:var(--size-100);width:var(--width);flex-direction:column;display:flex}.input-tag-box{background:var(--box-background,var(--surface-background-default));border-radius:var(--box-border-radius);box-shadow:var(--surface-shadow-default);cursor:text;outline-offset:calc(var(--size-100) / 4);padding:var(--box-padding)}.input-tag-box:has(.input-tag-field:focus-visible){outline:var(--border-width-500) solid var(--outline-color)}.input-tag-chip{--color-active:var(--chip-color-active);--color-default:var(--chip-color);color:var(--color);font-size:var(--font-size);align-items:center;gap:calc(var(--size-100) / 4);height:var(--chip-height);max-width:100%;padding-inline:var(--text-inset) calc(var(--size-100) / 2);transition:color var(--transition-duration) var(--transition-timing-function);display:flex;position:relative}.input-tag-chip-body{background:var(--chip-background,var(--surface-background-default));border-radius:var(--chip-border-radius);box-shadow:var(--chip-shadow,var(--surface-shadow-default));transition:background-color var(--transition-duration) var(--transition-timing-function), box-shadow var(--transition-duration) var(--transition-timing-function)}.input-tag-chip-button{--background-hover:var(--chip-remove-hover-background);--background-pressed:var(--background-hover);--color-default:var(--chip-remove-color);--color-hover:var(--chip-remove-color-hover);--color-pressed:var(--color-hover);background:var(--background);border-radius:var(--border-radius-300);color:var(--color);cursor:pointer;height:24px;transition:background-color var(--transition-duration) var(--transition-timing-function), color var(--transition-duration) var(--transition-timing-function);border:0;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;padding:0;display:flex;position:relative}.input-tag-chip-button:after{content:"";inset:calc(var(--size-100) / -2);position:absolute}.input-tag-chip-button:focus-visible{outline:var(--border-width-500) solid var(--outline-color)}.input-tag-chip-icon{width:14px;height:14px}.input-tag-chip-remove{display:flex;position:relative}.input-tag-chip-text{position:relative}.input-tag-entry{font-size:var(--font-size);min-width:var(--entry-min-width);flex:1;display:flex}.input-tag-entry>.input-tag-field{font-size:inherit;height:var(--chip-height);min-width:0;min-height:0;padding:0 var(--size-100) 0 var(--text-inset);outline:none}.input-tag-entry>.input-tag-field::placeholder{color:var(--placeholder-color)}.input-tag-ghost{pointer-events:none;position:absolute}.input-tag-hint{color:var(--hint-color);font-size:var(--hint-font-size);margin:0}.input-tag-label{font-size:var(--label-font-size);font-weight:var(--label-font-weight)}.input-tag-list{gap:var(--gap);flex-wrap:wrap;display:flex;position:relative}.input{--border-color-default:var(--background);--border-radius:var(--border-radius-400);--border-style:solid;--border-width:0px;--font-size:var(--font-size-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--size:var(--size-400)}.input-scrub{--background-default:var(--surface-background-default);--border-radius:var(--border-radius-400);--color:var(--color-text-500);--field-padding:var(--size-200);--font-size:var(--font-size-300);--height:40px;--label-color:var(--color-text-300);--label-color-active:var(--color-text-500);--label-width:36px;--needle-color:var(--color-primary-500);--outline-color:var(--color-primary-500);--outline-width:var(--border-width-500);--tape-color:var(--color-primary-300);--tape-duration:var(--tape-leave-duration);--tape-enter-duration:var(--duration-fast);--tape-height:var(--size-100);--tape-leave-duration:var(--duration-moderate);--tape-major-height:6px;--tape-minor-height:3px;--tape-opacity:0;--tape-timing-function:var(--easing-out);--tape-translate:0 4px;--tick:6px}.input-scrub.--active{--label-color:var(--label-color-active);--tape-duration:var(--tape-enter-duration);--tape-opacity:1;--tape-translate:0 0}.input-scrub>.input-scrub-field{--color-default:currentColor;--font-size:inherit;--padding-horizontal:0px;--padding-vertical:0px}.input-tag{--box-border-radius:14px;--box-padding:calc(var(--size-300) / 2);--chip-background-active:var(--color-primary-500);--chip-blur:var(--blur-400);--chip-border-radius:var(--border-radius-400);--chip-color:var(--color-text-500);--chip-color-active:var(--color-surface);--chip-height:32px;--chip-remove-color:var(--color-primary-300);--chip-remove-color-hover:var(--color-primary-500);--chip-remove-hover-background:var(--surface-background-hover);--chip-remove-scale:.25;--chip-scale:.9;--chip-shake:4px;--chip-shake-opacity:1;--chip-slide-duration:.41s;--chip-slide-easing:linear(0, .038, .116, .219, .326, .43, .518, .602, .674, .731, .782, .825, .858, .886, .91, .928, .942, .955, .964, .971, .977, .982, .986, .989, .991, .993, .995, .996, .997, .997, 1);--color:var(--color-text-500);--entry-min-width:var(--spacer-400);--font-size:var(--font-size-300);--gap:calc(var(--size-300) / 2);--hint-color:var(--color-text-300);--hint-font-size:var(--font-size-200);--label-font-size:var(--font-size-300);--label-font-weight:var(--font-weight-500);--outline-color:var(--color-primary-500);--placeholder-color:var(--color-text-300);--text-inset:var(--size-200);--width:min(440px, 100%)}@media (prefers-reduced-motion:reduce){.input-tag{--chip-blur:0px;--chip-remove-scale:1;--chip-scale:1;--chip-shake:0px;--chip-shake-opacity:.4;--chip-slide-duration:0s}}.input-tag-chip.--active{--chip-background:var(--chip-background-active);--chip-remove-color:oklch(from var(--chip-color-active) l c h / .7);--chip-remove-color-hover:var(--chip-color-active);--chip-remove-hover-background:transparent;--chip-shadow:none}.input-tag-entry>.input-tag-field{--color-default:currentColor}.input{min-height:calc(var(--padding-vertical) * 2 + var(--size));text-overflow:ellipsis;transition:background var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function), box-shadow var(--transition-duration) var(--transition-timing-function), opacity var(--transition-duration) var(--transition-timing-function), transform var(--transition-duration) var(--transition-timing-function);white-space:nowrap;background:var(--background);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);color:var(--color);cursor:text;font-size:var(--font-size);min-width:0;padding-block:max(0px, var(--padding-vertical) - var(--border-width));padding-inline:max(0px, var(--padding-horizontal) - var(--border-width));flex-wrap:wrap;flex:auto;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.input:invalid,.input:required{box-shadow:none}.input[type=number]{appearance:textfield}}
 /*$vite$:1*/

package/build/components/link/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.link{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.link{--background:var(--background-active)}.link:not(.--active):hover{--background:var(--background-hover)}.link:not(.--active):active{--background:var(--background-pressed)}.link{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-default:transparent;--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--active.link{--border-color:var(--border-color-active)}.link:not(.--active):hover{--border-color:var(--border-color-hover)}.link:not(.--active):active{--border-color:var(--border-color-pressed)}.link{--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--active.link{--color:var(--color-active)}.link:not(.--active):hover{--color:var(--color-hover)}.link:not(.--active):active{--color:var(--color-pressed)}.link{--border-width:0px;--color:var(--color-default,inherit);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--width:auto;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);gap:var(--gap-vertical) var(--gap-horizontal);line-height:var(--line-height);transition:color var(--transition-duration) var(--transition-timing-function);width:var(--width);display:flex;position:relative}.--text-truncate.link{display:block}.link{--border-color-default:var(--background);--padding-horizontal:0px;background:var(--background);cursor:pointer;padding-block:max(0px, var(--padding-vertical) - var(--border-width));padding-inline:max(0px, var(--padding-horizontal) - var(--border-width));transition:background var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function), color var(--transition-duration) var(--transition-timing-function), opacity var(--transition-duration) var(--transition-timing-function);flex-wrap:wrap;place-content:center flex-start;position:relative}:where(.link) :where(.icon){transition:color var(--transition-duration) var(--transition-timing-function)}}
+@layer components{.link{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.link{--background:var(--background-active)}.link:not(.--active):hover{--background:var(--background-hover)}.link:not(.--active):active{--background:var(--background-pressed)}.link{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-default:transparent;--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--active.link{--border-color:var(--border-color-active)}.link:not(.--active):hover{--border-color:var(--border-color-hover)}.link:not(.--active):active{--border-color:var(--border-color-pressed)}.link{--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--active.link{--color:var(--color-active)}.link:not(.--active):hover{--color:var(--color-hover)}.link:not(.--active):active{--color:var(--color-pressed)}.link{--border-width:0px;--color:var(--color-default,inherit);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--width:auto;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);gap:var(--gap-vertical) var(--gap-horizontal);line-height:var(--line-height);transition:color var(--transition-duration) var(--transition-timing-function);width:var(--width);display:flex;position:relative}@keyframes text-gradient{to{background-position:var(--background-size) 0}}@keyframes text-line-shadow{0%{background-position:0 0}to{background-position:100% -100%}}@keyframes text-shiny{0%,90%,to{background-position:calc(-100% - var(--shine-width)) 0}30%,60%{background-position:calc(100% + var(--shine-width)) 0}}.link{--border-color-default:var(--background);--padding-horizontal:0px;background:var(--background);cursor:pointer;padding-block:max(0px, var(--padding-vertical) - var(--border-width));padding-inline:max(0px, var(--padding-horizontal) - var(--border-width));transition:background var(--transition-duration) var(--transition-timing-function), border-color var(--transition-duration) var(--transition-timing-function), color var(--transition-duration) var(--transition-timing-function), opacity var(--transition-duration) var(--transition-timing-function);flex-wrap:wrap;place-content:center flex-start;position:relative}:where(.link) :where(.icon){transition:color var(--transition-duration) var(--transition-timing-function)}}
 /*$vite$:1*/

package/build/components/loading/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.loading--bar:before{position:absolute;inset:0 auto 0 0}.loading{--animation-duration:.64s;--border-color:var(--color);--border-width:var(--border-width-400);--color:var(--color-black-400);--size:var(--size-400);--timing-function:cubic-bezier(.5, 0, .5, 1);--track-color:color-mix(in srgb, var(--border-color), transparent 90%)}.loading--bar{--animation-duration:.8s;--height:var(--border-width);--width:100%}.loading--tail{--animation-duration:.8s;--tail:120deg}.loading{animation:loading var(--animation-duration) linear infinite;border:var(--border-width) solid var(--track-color);border-left-color:var(--border-color);height:var(--size);width:var(--size);border-radius:100%}.loading--bar{background:var(--track-color);border-radius:var(--border-width);height:var(--height);width:var(--width);border:0;animation:none;position:relative;overflow:hidden}.loading--bar:before{animation:loading--bar var(--animation-duration) var(--timing-function) infinite;background:var(--border-color);border-radius:inherit;content:"";width:40%}.loading--tail{background:conic-gradient(transparent calc(360deg - var(--tail)), var(--border-color));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--border-width)), #000 calc(100% - var(--border-width) + .5px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--border-width)), #000 calc(100% - var(--border-width) + .5px));mask:radial-gradient(farthest-side, transparent calc(100% - var(--border-width)), #000 calc(100% - var(--border-width) + .5px));border:0;position:relative}.loading--tail:after{background:var(--border-color);content:"";height:var(--border-width);width:var(--border-width);border-radius:100%;position:absolute;top:0;left:50%;translate:-50%}@keyframes loading{to{rotate:360deg}}@keyframes loading--bar{0%{translate:-100%}to{translate:250%}}}
+@layer components{.loading--bar:before{position:absolute;inset:0 auto 0 0}.loading{--animation-duration:.64s;--border-color:var(--color);--border-width:var(--border-width-400);--color:var(--color-text-400);--size:var(--size-400);--timing-function:cubic-bezier(.5, 0, .5, 1);--track-color:color-mix(in srgb, var(--border-color), transparent 90%)}.loading--bar{--animation-duration:.8s;--height:var(--border-width);--width:100%}.loading--tail{--animation-duration:.8s;--tail:120deg}.loading{animation:loading var(--animation-duration) linear infinite;border:var(--border-width) solid var(--track-color);border-left-color:var(--border-color);height:var(--size);width:var(--size);border-radius:100%}.loading--bar{background:var(--track-color);border-radius:var(--border-width);height:var(--height);width:var(--width);border:0;animation:none;position:relative;overflow:hidden}.loading--bar:before{animation:loading--bar var(--animation-duration) var(--timing-function) infinite;background:var(--border-color);border-radius:inherit;content:"";width:40%}.loading--tail{background:conic-gradient(transparent calc(360deg - var(--tail)), var(--border-color));mask:radial-gradient(farthest-side, transparent calc(100% - var(--border-width)), #000 calc(100% - var(--border-width) + .5px));border:0;position:relative}.loading--tail:after{background:var(--border-color);content:"";height:var(--border-width);width:var(--border-width);border-radius:100%;position:absolute;top:0;left:50%;translate:-50%}@keyframes loading{to{rotate:360deg}}@keyframes loading--bar{0%{translate:-100%}to{translate:250%}}}
 /*$vite$:1*/

package/build/components/marquee/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.marquee-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.marquee-group{margin:0;padding:0;list-style:none}.marquee{--color:var(--color-text-300);--color-hover:var(--color-text-400);--copy-display:flex;--drift:1;--fade:var(--size-700);--focus-color:var(--color-blue-400);--font-size:var(--font-size-300);--font-weight:var(--font-weight-500);--item-border-radius:var(--border-radius-300);--item-gap:40px;--item-height:40px;--item-padding-horizontal:var(--size-300);--track-will-change:transform;--transition-duration:.15s;--viewport-overflow-x:hidden}@media (prefers-reduced-motion:reduce){.marquee{--drift:0}}.marquee--still{--copy-display:none;--track-will-change:auto;--viewport-overflow-x:auto}.marquee-viewport{--padding-vertical:var(--size-200)}@property --drift{syntax:"<number>";inherits:true;initial-value:1}.marquee{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);isolation:isolate;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.marquee-entry{flex-shrink:0}.marquee-group{align-items:center;gap:var(--item-gap);width:max-content;display:flex}.marquee-group--copy{display:var(--copy-display)}.marquee-item{border-radius:var(--item-border-radius);color:inherit;align-items:center;gap:var(--size-200);height:var(--item-height);letter-spacing:-.01em;padding:0 var(--item-padding-horizontal);white-space:nowrap;flex-shrink:0;text-decoration:none;display:inline-flex}.marquee-item--link{cursor:pointer;font:inherit;transition:background-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration);background:0 0;border:0;outline:none}.marquee-item--link:focus-visible{background:color-mix(in srgb, var(--focus-color) 8%, transparent);box-shadow:inset 0 0 0 1px var(--focus-color)}.marquee-item--link:focus-visible,.marquee-item--link:hover{color:var(--color-hover)}.marquee-mark{display:contents}.marquee-track{align-items:center;gap:var(--item-gap);will-change:var(--track-will-change);width:max-content;transition:--drift 1ms;display:flex}.marquee-viewport{-webkit-mask:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);-webkit-mask:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);mask:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);overflow:hidden;overflow-x:var(--viewport-overflow-x);padding:var(--padding-vertical) 0;outline:none}.marquee-viewport:focus-visible{box-shadow:inset 0 0 0 1px var(--focus-color)}}
+@layer components{.marquee-item--link{--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--active.marquee-item--link{--color:var(--color-active)}.marquee-item--link:not(.--active):hover{--color:var(--color-hover)}.marquee-item--link:not(.--active):active{--color:var(--color-pressed)}.marquee-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.marquee-group{margin:0;padding:0;list-style:none}.marquee{--color:var(--color-text-300);--color-hover:var(--color-text-400);--copy-display:flex;--drift:1;--fade:var(--size-700);--focus-color:var(--color-blue-400);--font-size:var(--font-size-300);--font-weight:var(--font-weight-500);--item-border-radius:var(--border-radius-300);--item-color:var(--color);--item-color-hover:var(--color-hover);--item-gap:40px;--item-height:40px;--item-padding-horizontal:var(--size-300);--track-will-change:transform;--viewport-overflow-x:hidden}@media (prefers-reduced-motion:reduce){.marquee{--drift:0}}.marquee--still{--copy-display:none;--track-will-change:auto;--viewport-overflow-x:auto}.marquee-viewport{--padding-vertical:var(--size-200)}@property --drift{syntax:"<number>";inherits:true;initial-value:1}.marquee{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);isolation:isolate;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.marquee-entry{flex-shrink:0}.marquee-group{align-items:center;gap:var(--item-gap);width:max-content;display:flex}.marquee-group--copy{display:var(--copy-display)}.marquee-item{border-radius:var(--item-border-radius);color:inherit;align-items:center;gap:var(--size-200);height:var(--item-height);padding:0 var(--item-padding-horizontal);white-space:nowrap;flex-shrink:0;text-decoration:none;display:inline-flex}.marquee-item--link{--color-default:var(--item-color);--color-hover:var(--item-color-hover);--color-pressed:var(--color-hover);cursor:pointer;font:inherit;transition:background-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration);background:0 0;border:0;outline:none}.marquee-item--link:focus-visible{background:color-mix(in srgb, var(--focus-color) 8%, transparent);box-shadow:inset 0 0 0 1px var(--focus-color);--color:var(--color-hover)}.marquee-mark{display:contents}.marquee-track{align-items:center;gap:var(--item-gap);will-change:var(--track-will-change);width:max-content;transition:--drift 1ms;display:flex}.marquee-viewport{mask:linear-gradient(to right, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);overflow:hidden;overflow-x:var(--viewport-overflow-x);padding:var(--padding-vertical) 0;outline:none}.marquee-viewport:focus-visible{box-shadow:inset 0 0 0 1px var(--focus-color)}}
 /*$vite$:1*/

package/build/components/metric/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.metric-overlay,.metric-flash-tint{position:absolute;inset:0}.metric-sr,.metric-flash-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.metric-line{stroke-dasharray:1;stroke-dashoffset:1px}.metric-flash-tint{border-radius:inherit;pointer-events:none}.metric-flash{border-radius:var(--border-radius);font-size:var(--font-size);font-variant-numeric:tabular-nums;font-weight:var(--font-weight);align-items:center;gap:var(--gap);padding:var(--padding);transition:color var(--tone-duration) var(--transition-timing-function), scale var(--settle-duration) var(--settle);grid-auto-flow:column;display:inline-grid;position:relative}.metric-flash--flashing{color:var(--tone);scale:var(--lift-scale);transition:color var(--tone-duration) var(--transition-timing-function), scale var(--lift-duration) var(--lift)}.metric-flash-arrow{animation:none var(--pop-duration) var(--pop) both;opacity:0;place-items:center;width:1em;height:1em;display:grid;position:relative}.metric-flash-arrow--down{rotate:180deg}.metric-flash-arrow--even{animation-name:metric-flash-pop-2}.metric-flash-arrow--odd{animation-name:metric-flash-pop-1}.metric-flash-arrow--off{animation:metric-flash-clear var(--clear-duration) var(--clear) both}.metric-flash-icon{height:var(--arrow-size);width:var(--arrow-size);display:block}.metric-flash-text{grid-area:1/1}.metric-flash-text--down,.metric-flash-text--up{animation:metric-flash-roll var(--roll-duration) var(--roll) both}.metric-flash-text--leaving{animation:metric-flash-drop var(--drop-duration) var(--clear) both;position:absolute;inset-inline-start:0}.metric-flash-tint{background:color-mix(in oklch, var(--tone,transparent) var(--tint-opacity), transparent);opacity:0;transition:opacity var(--clear-duration) var(--clear)}.metric-flash-tint--flashing{opacity:1;transition:opacity var(--cell-duration) var(--cell)}.metric-flash-value{display:inline-grid;position:relative;overflow:hidden}@keyframes metric-flash-clear{0%{opacity:1;scale:1}to{opacity:0;scale:.8}}@keyframes metric-flash-drop{0%{filter:blur();opacity:1;translate:0}to{filter:blur(var(--drop-blur));opacity:0;translate:0 var(--to,0)}}@keyframes metric-flash-pop-1{0%{opacity:0;scale:.4;translate:0 var(--from)}to{opacity:1;translate:0;scale:1}}@keyframes metric-flash-pop-2{0%{opacity:0;scale:.4;translate:0 var(--from)}to{opacity:1;translate:0;scale:1}}@keyframes metric-flash-roll{0%{filter:blur(var(--roll-blur));opacity:0;translate:0 var(--from)}to{filter:blur();opacity:1;translate:0}}.metric{--area-color:color-mix(in oklab, var(--line-color) 8%, transparent);--background:var(--color-grey-400);--border-radius:var(--border-radius-700);--color:var(--color-text-500);--cursor-color:color-mix(in oklab, var(--color-text-300) 40%, transparent);--draw-duration:.7s;--draw-offset:1;--draw-opacity:0;--draw-timing-function:cubic-bezier(.23, 1, .32, 1);--dot-color:var(--line-color);--dot-ring-color:var(--background);--dot-size:12px;--focus-color:var(--color-text-500);--font-size:var(--font-size-400);--line-color:var(--color-text-500);--line-width:2.5;--muted-color:var(--color-text-300);--overlay-duration:.15s;--overlay-opacity:0;--padding:var(--size-500);--plot-height:clamp(64px, 30cqi, 160px);--plot-offset:clamp(40px, 9cqi, 48px);--tip-background:var(--color-text-500);--tip-color:var(--color-white-300);--tip-font-size:var(--font-size-300);--value-font-size:var(--font-size-700);--value-font-size-compact:var(--font-size-600);--value-font-weight:var(--font-weight-600);--width:100%}.metric--accent{--dot-color:var(--color-blue-400);--line-color:var(--color-blue-400);--tip-background:var(--color-blue-400)}.metric-plot.--active{--overlay-duration:.1s;--overlay-opacity:1}.metric-plot--shown{--draw-offset:0;--draw-opacity:1}.metric-flash{--arrow-offset:.3em;--arrow-size:.68em;--border-radius:var(--border-radius-300);--cell:linear(0, .092, .262, .426, .567, .679, .764, .827, .874, .908, .933, .951, .964, .974, .981, .986, .99, .993, .995, .996, .997, .998, .999, .999, 1);--cell-duration:.36s;--clear:cubic-bezier(.4, 0, 1, 1);--clear-duration:.16s;--color-down:var(--color-red-500);--color-up:oklch(from var(--color-green-500) .6 c h);--drop-blur:4px;--drop-duration:.14s;--drop-offset:.7em;--font-size:var(--font-size-300);--font-weight:var(--font-weight-500);--gap:6px;--lift:linear(0, .06, .193, .351, .506, .644, .758, .845, .909, .954, .983, 1.001, 1.011, 1.015, 1.015, 1.014, 1.012, 1.009, 1.007, 1.005, 1.003, 1.002, 1.001, 1.001, 1);--lift-duration:.39s;--lift-scale:1.05;--padding:3px 6px;--pop:linear(0, .136, .423, .722, .953, 1.092, 1.145, 1.138, 1.1, 1.055, 1.017, .992, .98, .979, .983, .99, .996, 1, 1.003, 1.003, 1.003, 1.002, 1.001, 1, 1);--pop-duration:.46s;--roll:linear(0, .065, .201, .348, .487, .606, .703, .779, .837, .881, .913, .937, .955, .968, .977, .984, .988, .992, .994, .996, .997, .998, .999, .999, 1);--roll-blur:5px;--roll-duration:.34s;--roll-offset:.85em;--settle:linear(0, .086, .242, .399, .533, .641, .725, .79, .84, .879, .908, .93, .947, .96, .969, .977, .982, .987, .99, .992, .994, .995, .997, .997, 1);--settle-duration:.66s;--tint-opacity:14%;--tone-duration:.2s}.metric-flash--down{--tone:var(--color-down)}.metric-flash--up{--tone:var(--color-up)}.metric-flash-arrow{--from:var(--arrow-offset)}.metric-flash-arrow--down{--from:calc(var(--arrow-offset) * -1)}.metric-flash-text--down{--from:calc(var(--roll-offset) * -1);--to:var(--drop-offset)}.metric-flash-text--up{--from:var(--roll-offset);--to:calc(var(--drop-offset) * -1)}@media (prefers-reduced-motion:reduce){.metric-flash{--arrow-offset:0em;--cell-duration:1ms;--clear-duration:1ms;--drop-blur:0px;--drop-duration:1ms;--drop-offset:0em;--lift-scale:1;--pop-duration:1ms;--roll-blur:0px;--roll-duration:1ms;--roll-offset:0em}}.metric{background:var(--background);border-radius:var(--border-radius);box-sizing:border-box;color:var(--color);font-size:var(--font-size);min-width:0;max-width:100%;padding:var(--padding);width:var(--width);container-type:inline-size}.metric-area{fill:var(--area-color);opacity:var(--draw-opacity);transition:opacity var(--draw-duration) var(--draw-timing-function)}.metric-cursor{background:var(--cursor-color);width:1px;height:100%;position:absolute;top:0;translate:-50%}.metric-delta{color:var(--muted-color);white-space:nowrap}.metric-delta-value{color:var(--color);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-500)}.metric-dot{background:var(--dot-color);box-shadow:0 0 0 2px var(--dot-ring-color);height:var(--dot-size);width:var(--dot-size);border-radius:50%;position:absolute;translate:-50% -50%}.metric-header{align-items:baseline;gap:var(--size-200) var(--size-400);flex-wrap:wrap;justify-content:space-between;display:flex}.metric-line{opacity:var(--draw-opacity);stroke:var(--line-color);stroke-dashoffset:var(--draw-offset);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--line-width);transition:opacity 50ms var(--draw-timing-function), stroke-dashoffset var(--draw-duration) var(--draw-timing-function)}.metric-overlay{opacity:var(--overlay-opacity);pointer-events:none;transition:opacity var(--overlay-duration) ease-out}.metric-plot{border-radius:var(--border-radius-100);height:var(--plot-height);margin-top:var(--plot-offset);touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;width:100%;position:relative}.metric-plot:focus-visible{outline:2px solid var(--focus-color);outline-offset:4px}.metric-svg{width:100%;height:100%;display:block;overflow:visible}.metric-tip{background:var(--tip-background);color:var(--tip-color);font-size:var(--tip-font-size);align-items:baseline;gap:var(--size-300);white-space:nowrap;border-radius:999px;margin-bottom:10px;padding:6px 12px;display:flex;position:absolute;bottom:100%;translate:-50%}.metric-tip-label{opacity:.7}.metric-tip-value{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-600)}.metric-title{color:var(--muted-color)}.metric-value{font-size:var(--value-font-size);font-variant-numeric:tabular-nums;font-weight:var(--value-font-weight);letter-spacing:-.025em;line-height:1.2}@container (width<320px){.metric-value{font-size:var(--value-font-size-compact)}}@media (prefers-reduced-motion:reduce){.metric-line{stroke-dashoffset:0;transition:opacity var(--draw-duration) var(--draw-timing-function)}}}
+@layer components{.metric-overlay,.metric-flash-tint{position:absolute;inset:0}.metric-sr,.metric-flash-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.metric-line{stroke-dasharray:1;stroke-dashoffset:1px}.metric-flash-tint{border-radius:inherit;pointer-events:none}.metric-flash{border-radius:var(--border-radius);font-size:var(--font-size);font-variant-numeric:tabular-nums;font-weight:var(--font-weight);align-items:center;gap:var(--gap);padding:var(--padding);transition:color var(--tone-duration) var(--transition-timing-function), scale var(--settle-duration) var(--settle);grid-auto-flow:column;display:inline-grid;position:relative}.metric-flash--flashing{color:var(--tone);scale:var(--lift-scale);transition:color var(--tone-duration) var(--transition-timing-function), scale var(--lift-duration) var(--lift)}.metric-flash-arrow{animation:none var(--pop-duration) var(--pop) both;opacity:0;place-items:center;width:1em;height:1em;display:grid;position:relative}.metric-flash-arrow--down{rotate:180deg}.metric-flash-arrow--even{animation-name:metric-flash-pop-2}.metric-flash-arrow--odd{animation-name:metric-flash-pop-1}.metric-flash-arrow--off{animation:metric-flash-clear var(--clear-duration) var(--clear) both}.metric-flash-icon{height:var(--arrow-size);width:var(--arrow-size);display:block}.metric-flash-text{grid-area:1/1}.metric-flash-text--down,.metric-flash-text--up{animation:metric-flash-roll var(--roll-duration) var(--roll) both}.metric-flash-text--leaving{animation:metric-flash-drop var(--drop-duration) var(--clear) both;position:absolute;inset-inline-start:0}.metric-flash-tint{background:color-mix(in oklch, var(--tone,transparent) var(--tint-opacity), transparent);opacity:0;transition:opacity var(--clear-duration) var(--clear)}.metric-flash-tint--flashing{opacity:1;transition:opacity var(--cell-duration) var(--cell)}.metric-flash-value{display:inline-grid;position:relative;overflow:hidden}@keyframes metric-flash-clear{0%{opacity:1;scale:1}to{opacity:0;scale:.8}}@keyframes metric-flash-drop{0%{filter:blur();opacity:1;translate:0}to{filter:blur(var(--drop-blur));opacity:0;translate:0 var(--to,0)}}@keyframes metric-flash-pop-1{0%{opacity:0;scale:.4;translate:0 var(--from)}to{opacity:1;translate:0;scale:1}}@keyframes metric-flash-pop-2{0%{opacity:0;scale:.4;translate:0 var(--from)}to{opacity:1;translate:0;scale:1}}@keyframes metric-flash-roll{0%{filter:blur(var(--roll-blur));opacity:0;translate:0 var(--from)}to{filter:blur();opacity:1;translate:0}}.metric{--surface-shadow-weight:6;--surface-background-active:light-dark(oklch(from var(--surface-background-default) calc(l + .01) c h),oklch(from var(--surface-background-default) calc(l + .02) c h));--surface-background-default:light-dark(oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) calc(c * clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) / max(l, .01)) h));--surface-background-hover:light-dark(oklch(from var(--surface-background-default) calc(l + .005) c h),oklch(from var(--surface-background-default) calc(l + .01) c h));--surface-background-pressed:light-dark(oklch(from var(--surface-background-default) calc(l - .02) c h),oklch(from var(--surface-background-default) calc(l - .04) c h));--surface-border-active:light-dark(oklch(from var(--surface-background-active) max(0, l - .04) c h),oklch(from var(--surface-background-active) min(1, l + .06) c h));--surface-border-default:light-dark(oklch(from var(--surface-background-default) max(0, l - .04) c h),oklch(from var(--surface-background-default) min(1, l + .06) c h));--surface-border-hover:light-dark(oklch(from var(--surface-background-hover) max(0, l - .04) c h),oklch(from var(--surface-background-hover) min(1, l + .06) c h));--surface-border-pressed:light-dark(oklch(from var(--surface-background-pressed) max(0, l - .04) c h),oklch(from var(--surface-background-pressed) min(1, l + .06) c h));--surface-shadow-active:var(--surface-shadow-hover);--surface-shadow-color:light-dark(oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .08),oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-cast:light-dark(oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .08),oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-default:0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 0, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 5 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 1, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 9 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 25 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -7 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, var(--surface-shadow-weight) - 0, 1) + .05 * clamp(0, var(--surface-shadow-weight) - 2, 1) + .15 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -8 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -10 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -.1 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10));--surface-shadow-hover:0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 5 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 1, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 9 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 25 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -7 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + .15 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -8 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -.1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10));--surface-shadow-pressed:0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 5 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 1, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 9 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 25 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -7 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + .15 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -8 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -.1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10))}@container style(--surface-level:-3){.metric{--surface-level:-2;--surface-shadow-weight:0}}@container style(--surface-level:-2){.metric{--surface-level:-1;--surface-shadow-weight:0}}@container style(--surface-level:-1){.metric{--surface-level:0;--surface-shadow-weight:0}}@container style(--surface-level:0){.metric{--surface-level:1;--surface-shadow-weight:1}}@container style(--surface-level:1){.metric{--surface-level:2;--surface-shadow-weight:2}}@container style(--surface-level:2){.metric{--surface-level:3;--surface-shadow-weight:3}}@container style(--surface-level:3){.metric{--surface-level:4;--surface-shadow-weight:4}}@container style(--surface-level:4){.metric{--surface-level:5;--surface-shadow-weight:5}}@container style(--surface-level:5){.metric{--surface-level:6;--surface-shadow-weight:6}}.metric{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.metric{--background:var(--background-active)}.metric:not(.--active):hover{--background:var(--background-hover)}.metric:not(.--active):active{--background:var(--background-pressed)}.metric{--box-shadow:var(--box-shadow-default);--box-shadow-active:var(--box-shadow-default);--box-shadow-default:none;--box-shadow-hover:var(--box-shadow-default);--box-shadow-pressed:var(--box-shadow-default)}.--active.metric{--box-shadow:var(--box-shadow-active)}.metric:not(.--active):hover{--box-shadow:var(--box-shadow-hover)}.metric:not(.--active):active{--box-shadow:var(--box-shadow-pressed)}.metric{--area-color:color-mix(in oklab, var(--line-color) 8%, transparent);--background-default:var(--surface-background-default);--border-radius:var(--border-radius-700);--box-shadow-default:var(--surface-shadow-default);--color:var(--color-text-500);--cursor-color:color-mix(in oklab, var(--color-primary-300) 40%, transparent);--dot-color:var(--line-color);--dot-ring-color:var(--background);--dot-size:12px;--draw-duration:.7s;--draw-offset:1;--draw-opacity:0;--draw-timing-function:var(--easing-out);--focus-color:var(--color-primary-500);--font-size:var(--font-size-400);--line-color:var(--color-primary-500);--line-width:2.5;--muted-color:var(--color-text-300);--overlay-duration:var(--duration-fast);--overlay-opacity:0;--padding:var(--size-500);--plot-height:clamp(64px, 30cqi, 160px);--plot-offset:clamp(40px, 9cqi, 48px);--tip-background:var(--color-primary-500);--tip-color:var(--color-surface);--tip-font-size:var(--font-size-300);--value-font-size:var(--font-size-700);--value-font-size-compact:var(--font-size-600);--value-font-weight:var(--font-weight-600);--width:100%}.metric--accent{--dot-color:var(--color-blue-400);--line-color:var(--color-blue-400);--tip-background:var(--color-blue-400)}.metric-plot.--active{--overlay-duration:.1s;--overlay-opacity:1}.metric-plot--shown{--draw-offset:0;--draw-opacity:1}.metric-flash{--arrow-offset:.3em;--arrow-size:.68em;--border-radius:var(--border-radius-300);--cell:linear(0, .092, .262, .426, .567, .679, .764, .827, .874, .908, .933, .951, .964, .974, .981, .986, .99, .993, .995, .996, .997, .998, .999, .999, 1);--cell-duration:var(--duration-slow);--clear:cubic-bezier(.4, 0, 1, 1);--clear-duration:var(--duration-fast);--color-down:var(--color-red-500);--color-up:oklch(from var(--color-green-500) .6 c h);--drop-blur:var(--blur-400);--drop-duration:var(--duration-fast);--drop-offset:.7em;--font-size:var(--font-size-300);--font-weight:var(--font-weight-500);--gap:calc(var(--size-300) / 2);--lift:linear(0, .06, .193, .351, .506, .644, .758, .845, .909, .954, .983, 1.001, 1.011, 1.015, 1.015, 1.014, 1.012, 1.009, 1.007, 1.005, 1.003, 1.002, 1.001, 1.001, 1);--lift-duration:.39s;--lift-scale:1.05;--padding:calc(var(--size-300) / 4) calc(var(--size-300) / 2);--pop:linear(0, .136, .423, .722, .953, 1.092, 1.145, 1.138, 1.1, 1.055, 1.017, .992, .98, .979, .983, .99, .996, 1, 1.003, 1.003, 1.003, 1.002, 1.001, 1, 1);--pop-duration:.46s;--roll:linear(0, .065, .201, .348, .487, .606, .703, .779, .837, .881, .913, .937, .955, .968, .977, .984, .988, .992, .994, .996, .997, .998, .999, .999, 1);--roll-blur:var(--blur-400);--roll-duration:var(--duration-slow);--roll-offset:.85em;--settle:linear(0, .086, .242, .399, .533, .641, .725, .79, .84, .879, .908, .93, .947, .96, .969, .977, .982, .987, .99, .992, .994, .995, .997, .997, 1);--settle-duration:.66s;--tint-opacity:14%;--tone-duration:var(--duration-moderate)}.metric-flash--down{--tone:var(--color-down)}.metric-flash--up{--tone:var(--color-up)}.metric-flash-arrow{--from:var(--arrow-offset)}.metric-flash-arrow--down{--from:calc(var(--arrow-offset) * -1)}.metric-flash-text--down{--from:calc(var(--roll-offset) * -1);--to:var(--drop-offset)}.metric-flash-text--up{--from:var(--roll-offset);--to:calc(var(--drop-offset) * -1)}@media (prefers-reduced-motion:reduce){.metric-flash{--arrow-offset:0em;--cell-duration:1ms;--clear-duration:1ms;--drop-blur:0px;--drop-duration:1ms;--drop-offset:0em;--lift-scale:1;--pop-duration:1ms;--roll-blur:0px;--roll-duration:1ms;--roll-offset:0em}}.metric{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);box-sizing:border-box;color:var(--color);font-size:var(--font-size);min-width:0;max-width:100%;padding:var(--padding);width:var(--width);container-type:inline-size}.metric-area{fill:var(--area-color);opacity:var(--draw-opacity);transition:opacity var(--draw-duration) var(--draw-timing-function)}.metric-cursor{background:var(--cursor-color);width:1px;height:100%;position:absolute;top:0;translate:-50%}.metric-delta{color:var(--muted-color);white-space:nowrap}.metric-delta-value{color:var(--color);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-500)}.metric-dot{background:var(--dot-color);box-shadow:0 0 0 2px var(--dot-ring-color);height:var(--dot-size);width:var(--dot-size);border-radius:50%;position:absolute;translate:-50% -50%}.metric-header{align-items:baseline;gap:var(--size-200) var(--size-400);flex-wrap:wrap;justify-content:space-between;display:flex}.metric-line{opacity:var(--draw-opacity);stroke:var(--line-color);stroke-dashoffset:var(--draw-offset);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--line-width);transition:opacity 50ms var(--draw-timing-function), stroke-dashoffset var(--draw-duration) var(--draw-timing-function)}.metric-overlay{opacity:var(--overlay-opacity);pointer-events:none;transition:opacity var(--overlay-duration) var(--easing-out)}.metric-plot{border-radius:var(--border-radius-100);height:var(--plot-height);margin-top:var(--plot-offset);touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;width:100%;position:relative}.metric-plot:focus-visible{outline:2px solid var(--focus-color);outline-offset:calc(var(--size-100) / 2)}.metric-svg{width:100%;height:100%;display:block;overflow:visible}.metric-tip{background:var(--tip-background);color:var(--tip-color);font-size:var(--tip-font-size);align-items:baseline;gap:var(--size-300);margin-bottom:var(--size-200);padding:calc(var(--size-300) / 2) 12px;white-space:nowrap;border-radius:999px;display:flex;position:absolute;bottom:100%;translate:-50%}.metric-tip-label{opacity:.7}.metric-tip-value{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-600)}.metric-title{color:var(--muted-color)}.metric-value{font-size:var(--value-font-size);font-variant-numeric:tabular-nums;font-weight:var(--value-font-weight);line-height:1.2}@container (width<320px){.metric-value{font-size:var(--value-font-size-compact)}}@media (prefers-reduced-motion:reduce){.metric-line{stroke-dashoffset:0;transition:opacity var(--draw-duration) var(--draw-timing-function)}}}
 /*$vite$:1*/