@esportsplus/ui 0.55.0 → 0.56.2

package/build/components/word-rotator/index.js

@@ -0,0 +1,196 @@
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
+import { effect } from '@esportsplus/reactivity';
+import './scss/index.scss';
+const template_16epzbb2 = template_u1.template(`<span class='word-rotator'><span class='word-rotator-sr'></span><span aria-hidden='true' class='word-rotator-box'>`);
+const template_16epzbb7 = template_u1.template(`<span class='word-rotator-letter'>`);
+class ReactiveObject_16epzbb0 extends reactivity_u0.ReactiveObject {
+    #index = this[reactivity_u0.SIGNAL](0);
+    #paused = this[reactivity_u0.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get index() {
+        return reactivity_u0.read(this.#index);
+    }
+    set index(_v0) {
+        reactivity_u0.write(this.#index, _v0);
+    }
+    get paused() {
+        return reactivity_u0.read(this.#paused);
+    }
+    set paused(_v1) {
+        reactivity_u0.write(this.#paused, _v1);
+    }
+}
+const EASE_IN_OUT = 'cubic-bezier(0.77, 0, 0.175, 1)';
+const EASE_OUT = 'cubic-bezier(0.23, 1, 0.32, 1)';
+const ENTER_MS = 320;
+const EXIT_MS = 200;
+const GLIDE_MS = 440;
+const INTERVAL = 2600;
+const STAGGER_MS = 28;
+function letter(char) {
+    let node = document.createElement('span');
+    node.className = 'word-rotator-letter';
+    node.textContent = char;
+    return { char, node };
+}
+function match(prev, next) {
+    let dp = Array.from({ length: prev.length + 1 }, () => new Array(next.length + 1).fill(0)), i = 0, j = 0, pairs = new Map();
+    for (let a = prev.length - 1; a >= 0; a--) {
+        for (let b = next.length - 1; b >= 0; b--) {
+            dp[a][b] = prev[a] === next[b] ? dp[a + 1][b + 1] + 1 : Math.max(dp[a + 1][b], dp[a][b + 1]);
+        }
+    }
+    while (i < prev.length && j < next.length) {
+        if (prev[i] === next[j]) {
+            pairs.set(j++, i++);
+        }
+        else if (dp[i + 1][j] >= dp[i][j + 1]) {
+            i++;
+        }
+        else {
+            j++;
+        }
+    }
+    return pairs;
+}
+function reduced() {
+    return matchMedia('(prefers-reduced-motion: reduce)').matches;
+}
+export default ({ interval = INTERVAL, state = new ReactiveObject_16epzbb0(), words, ...attributes }) => {
+    let box, current = words[state.index] === undefined ? 0 : state.index, hovered = false, letters = [], stop, timer;
+    function schedule() {
+        clearTimeout(timer);
+        if (state.paused) {
+            if (current !== 0) {
+                timer = setTimeout(() => state.index = 0, 250);
+            }
+            return;
+        }
+        timer = setTimeout(() => {
+            if (hovered || document.hidden) {
+                schedule();
+                return;
+            }
+            state.index = (current + 1) % words.length;
+        }, interval);
+    }
+    function swap(index) {
+        if (!box) {
+            return;
+        }
+        let from = box.getBoundingClientRect(), lefts = new Map(), motion = !reduced(), s = from.width / box.offsetWidth || 1;
+        for (let i = 0, n = letters.length; i < n; i++) {
+            lefts.set(letters[i], (letters[i].node.getBoundingClientRect().left - from.left) / s);
+        }
+        let chars = [...words[index]], entering = new Set(), kept = new Set(), pairs = motion ? match(letters.map((l) => l.char), chars) : new Map(), next = chars.map((char, j) => {
+            let p = pairs.get(j);
+            if (p !== undefined) {
+                kept.add(letters[p]);
+                return letters[p];
+            }
+            let l = letter(char);
+            entering.add(l);
+            return l;
+        });
+        for (let i = 0, n = letters.length; i < n; i++) {
+            let l = letters[i];
+            if (kept.has(l)) {
+                continue;
+            }
+            l.node.getAnimations().forEach((a) => a.cancel());
+            l.node.classList.add('--exiting');
+            l.node.style.left = `${lefts.get(l) ?? 0}px`;
+            l.node.animate(motion
+                ? [
+                    { filter: 'blur(0px)', opacity: 1, transform: 'translateY(0)' },
+                    { filter: 'blur(4px)', opacity: 0, transform: 'translateY(-0.35em)' }
+                ]
+                : [{ opacity: 1 }, { opacity: 0 }], { duration: EXIT_MS, easing: EASE_OUT, fill: 'forwards' }).onfinish = () => l.node.remove();
+        }
+        for (let i = 0, n = next.length; i < n; i++) {
+            box.appendChild(next[i].node);
+        }
+        for (let node of box.querySelectorAll('.word-rotator-letter.--exiting')) {
+            box.appendChild(node);
+        }
+        letters = next;
+        current = index;
+        box.getAnimations().forEach((a) => a.cancel());
+        for (let i = 0, n = letters.length; i < n; i++) {
+            letters[i].node.getAnimations().forEach((a) => a.cancel());
+        }
+        let to = box.getBoundingClientRect(), order = 0, scale = to.width / box.offsetWidth || 1, width = to.width / scale;
+        if (motion && Math.abs(width - from.width / s) > 0.5) {
+            box.animate([{ width: `${from.width / s}px` }, { width: `${width}px` }], {
+                duration: GLIDE_MS,
+                easing: EASE_IN_OUT
+            });
+        }
+        for (let i = 0, n = letters.length; i < n; i++) {
+            let l = letters[i];
+            if (entering.has(l)) {
+                l.node.animate(motion
+                    ? [
+                        { filter: 'blur(4px)', opacity: 0, transform: 'translateY(0.4em)' },
+                        { filter: 'blur(0px)', opacity: 1, transform: 'translateY(0)' }
+                    ]
+                    : [{ opacity: 0 }, { opacity: 1 }], {
+                    delay: motion ? 90 + order++ * STAGGER_MS : 0,
+                    duration: ENTER_MS,
+                    easing: EASE_OUT,
+                    fill: 'backwards'
+                });
+                continue;
+            }
+            let now = (l.node.getBoundingClientRect().left - to.left) / scale, was = lefts.get(l);
+            if (was === undefined || Math.abs(was - now) < 0.5) {
+                continue;
+            }
+            l.node.animate([{ transform: `translateX(${was - now}px)` }, { transform: 'translateX(0)' }], { duration: GLIDE_MS, easing: EASE_IN_OUT });
+        }
+    }
+    return (() => {
+        let root_16epzbb1 = template_16epzbb2(), element_16epzbb3 = root_16epzbb1.firstChild, element_16epzbb4 = element_16epzbb3.firstElementChild, element_16epzbb5 = element_16epzbb4.nextElementSibling;
+        template_u1.setProperties(element_16epzbb3, attributes);
+        template_u1.onconnect(element_16epzbb3, (element) => {
+            box = element.querySelector('.word-rotator-box') ?? undefined;
+            if (!box) {
+                return;
+            }
+            letters = Array.from(box.querySelectorAll('.word-rotator-letter')).map((node) => ({
+                char: node.textContent ?? '',
+                node
+            }));
+            stop = effect(() => {
+                let index = state.index;
+                state.paused;
+                if (index !== current && words[index] !== undefined) {
+                    swap(index);
+                }
+                schedule();
+            });
+        });
+        template_u1.ondisconnect(element_16epzbb3, () => {
+            clearTimeout(timer);
+            stop?.();
+        });
+        template_u1.on(element_16epzbb3, 'pointerenter', (e) => {
+            if (e.pointerType !== 'touch') {
+                hovered = true;
+            }
+        });
+        template_u1.on(element_16epzbb3, 'pointerleave', () => {
+            hovered = false;
+        });
+        template_u1.slot(element_16epzbb4, words.join(', '), 1);
+        template_u1.slot(element_16epzbb5, [...words[current]].map((char) => {
+            let root_16epzbb6 = template_16epzbb7(), element_16epzbb8 = root_16epzbb6.firstChild;
+            template_u1.slot(element_16epzbb8, char, 1);
+            return root_16epzbb6;
+        }), 1);
+        return root_16epzbb1;
+    })();
+};

package/build/components/word-rotator/scss/index.scss

@@ -0,0 +1,2 @@
+@layer components {.word-rotator{--color:inherit}.word-rotator--accent{--color:var(--color-blue-400)}.word-rotator{color:var(--color);display:inline-block;position:relative}.word-rotator-box{text-align:left;white-space:pre;display:inline-block;position:relative}.word-rotator-letter{display:inline-block}.word-rotator-letter.--exiting{pointer-events:none;position:absolute;top:0}.word-rotator-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
+/*$vite$:1*/

package/build/css-utilities/absolute/scss/index.scss

@@ -1,2 +1,2 @@
-@layer css-utilities {.--absolute-horizontal-bottom,.--absolute-vertical-bottom{bottom:0}.--absolute-horizontal-top,.--absolute-vertical-top{top:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;transform:translate(50%)}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;transform:translateY(50%)}.--absolute-bottom{position:absolute;inset:auto 0 0}.--absolute-center{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.--absolute-full{position:absolute;inset:0}.--absolute-left{position:absolute;inset:0 auto 0 0}.--absolute-right{position:absolute;inset:0 0 0 auto}.--absolute-top{position:absolute;inset:0 0 auto}}
+@layer css-utilities {.--absolute-horizontal-bottom,.--absolute-vertical-bottom{bottom:0}.--absolute-horizontal-top,.--absolute-vertical-top{top:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;translate:50%}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;translate:0 50%}.--absolute-bottom{position:absolute;inset:auto 0 0}.--absolute-center{position:absolute;bottom:50%;right:50%;translate:50% 50%}.--absolute-full{position:absolute;inset:0}.--absolute-left{position:absolute;inset:0 auto 0 0}.--absolute-right{position:absolute;inset:0 0 0 auto}.--absolute-top{position:absolute;inset:0 0 auto}}
 /*$vite$:1*/

package/build/css-utilities/index.scss

@@ -1,2 +1,2 @@
-@layer css-utilities {.--absolute-horizontal-bottom,.--absolute-vertical-bottom{bottom:0}.--absolute-horizontal-top,.--absolute-vertical-top{top:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;transform:translate(50%)}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;transform:translateY(50%)}.--absolute-bottom{position:absolute;inset:auto 0 0}.--absolute-center{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.--absolute-full{position:absolute;inset:0}.--absolute-left{position:absolute;inset:0 auto 0 0}.--absolute-right{position:absolute;inset:0 0 0 auto}.--absolute-top{position:absolute;inset:0 0 auto}.--background-primary{--background-active:var(--color-primary-300);--background-default:var(--color-primary-400);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500)}.--background-secondary{--background-active:var(--color-secondary-300);--background-default:var(--color-secondary-400);--background-hover:var(--color-secondary-300);--background-pressed:var(--color-secondary-500)}.--background-black{--background-active:var(--color-black-300);--background-default:var(--color-black-400);--background-hover:var(--color-black-300);--background-pressed:var(--color-black-500)}.--background-blue{--background-active:var(--color-blue-300);--background-default:var(--color-blue-400);--background-hover:var(--color-blue-300);--background-pressed:var(--color-blue-500)}.--background-border{--background-active:var(--color-border-300);--background-default:var(--color-border-400);--background-hover:var(--color-border-300);--background-pressed:var(--color-border-500)}.--background-green{--background-active:var(--color-green-300);--background-default:var(--color-green-400);--background-hover:var(--color-green-300);--background-pressed:var(--color-green-500)}.--background-grey{--background-active:var(--color-grey-300);--background-default:var(--color-grey-400);--background-hover:var(--color-grey-300);--background-pressed:var(--color-grey-500)}.--background-purple{--background-active:var(--color-purple-300);--background-default:var(--color-purple-400);--background-hover:var(--color-purple-300);--background-pressed:var(--color-purple-500)}.--background-red{--background-active:var(--color-red-300);--background-default:var(--color-red-400);--background-hover:var(--color-red-300);--background-pressed:var(--color-red-500)}.--background-text{--background-active:var(--color-text-300);--background-default:var(--color-text-400);--background-hover:var(--color-text-300);--background-pressed:var(--color-text-500)}.--background-white{--background-active:var(--color-white-300);--background-default:var(--color-white-400);--background-hover:var(--color-white-300);--background-pressed:var(--color-white-500)}.--background-yellow{--background-active:var(--color-yellow-300);--background-default:var(--color-yellow-400);--background-hover:var(--color-yellow-300);--background-pressed:var(--color-yellow-500)}.--background-default{--background:var(--background-default);--background-active:var(--background-default);--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--background-state{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--background-state.--active{--background:var(--background-active)}.--background-state:not(.--active):hover{--background:var(--background-hover)}.--background-state:not(.--active):active{--background:var(--background-pressed)}.--border-primary{--border-color-active:var(--color-primary-300);--border-color-default:var(--color-primary-400);--border-color-hover:var(--color-primary-300);--border-color-pressed:var(--color-primary-500)}.--border-secondary{--border-color-active:var(--color-secondary-300);--border-color-default:var(--color-secondary-400);--border-color-hover:var(--color-secondary-300);--border-color-pressed:var(--color-secondary-500)}.--border-black{--border-color-active:var(--color-black-300);--border-color-default:var(--color-black-400);--border-color-hover:var(--color-black-300);--border-color-pressed:var(--color-black-500)}.--border-blue{--border-color-active:var(--color-blue-300);--border-color-default:var(--color-blue-400);--border-color-hover:var(--color-blue-300);--border-color-pressed:var(--color-blue-500)}.--border-border{--border-color-active:var(--color-border-300);--border-color-default:var(--color-border-400);--border-color-hover:var(--color-border-300);--border-color-pressed:var(--color-border-500)}.--border-green{--border-color-active:var(--color-green-300);--border-color-default:var(--color-green-400);--border-color-hover:var(--color-green-300);--border-color-pressed:var(--color-green-500)}.--border-grey{--border-color-active:var(--color-grey-300);--border-color-default:var(--color-grey-400);--border-color-hover:var(--color-grey-300);--border-color-pressed:var(--color-grey-500)}.--border-purple{--border-color-active:var(--color-purple-300);--border-color-default:var(--color-purple-400);--border-color-hover:var(--color-purple-300);--border-color-pressed:var(--color-purple-500)}.--border-red{--border-color-active:var(--color-red-300);--border-color-default:var(--color-red-400);--border-color-hover:var(--color-red-300);--border-color-pressed:var(--color-red-500)}.--border-text{--border-color-active:var(--color-text-300);--border-color-default:var(--color-text-400);--border-color-hover:var(--color-text-300);--border-color-pressed:var(--color-text-500)}.--border-white{--border-color-active:var(--color-white-300);--border-color-default:var(--color-white-400);--border-color-hover:var(--color-white-300);--border-color-pressed:var(--color-white-500)}.--border-yellow{--border-color-active:var(--color-yellow-300);--border-color-default:var(--color-yellow-400);--border-color-hover:var(--color-yellow-300);--border-color-pressed:var(--color-yellow-500)}.--border-radius-responsive{--border-radius:calc(progress((100vi - 100cqi) / 2, 0px, var(--gap-horizontal)) * var(--border-radius))}.--border-default{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--border-state{--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)}.--border-state.--active{--border-color:var(--border-color-active)}.--border-state:not(.--active):hover{--border-color:var(--border-color-hover)}.--border-state:not(.--active):active{--border-color:var(--border-color-pressed)}.--color-primary{--color-active:var(--color-primary-300);--color-default:var(--color-primary-400);--color-hover:var(--color-primary-300);--color-pressed:var(--color-primary-500)}.--color-secondary{--color-active:var(--color-secondary-300);--color-default:var(--color-secondary-400);--color-hover:var(--color-secondary-300);--color-pressed:var(--color-secondary-500)}.--color-black{--color-active:var(--color-black-300);--color-default:var(--color-black-400);--color-hover:var(--color-black-300);--color-pressed:var(--color-black-500)}.--color-blue{--color-active:var(--color-blue-300);--color-default:var(--color-blue-400);--color-hover:var(--color-blue-300);--color-pressed:var(--color-blue-500)}.--color-border{--color-active:var(--color-border-300);--color-default:var(--color-border-400);--color-hover:var(--color-border-300);--color-pressed:var(--color-border-500)}.--color-green{--color-active:var(--color-green-300);--color-default:var(--color-green-400);--color-hover:var(--color-green-300);--color-pressed:var(--color-green-500)}.--color-grey{--color-active:var(--color-grey-300);--color-default:var(--color-grey-400);--color-hover:var(--color-grey-300);--color-pressed:var(--color-grey-500)}.--color-purple{--color-active:var(--color-purple-300);--color-default:var(--color-purple-400);--color-hover:var(--color-purple-300);--color-pressed:var(--color-purple-500)}.--color-red{--color-active:var(--color-red-300);--color-default:var(--color-red-400);--color-hover:var(--color-red-300);--color-pressed:var(--color-red-500)}.--color-text{--color-active:var(--color-text-300);--color-default:var(--color-text-400);--color-hover:var(--color-text-300);--color-pressed:var(--color-text-500)}.--color-white{--color-active:var(--color-white-300);--color-default:var(--color-white-400);--color-hover:var(--color-white-300);--color-pressed:var(--color-white-500)}.--color-yellow{--color-active:var(--color-yellow-300);--color-default:var(--color-yellow-400);--color-hover:var(--color-yellow-300);--color-pressed:var(--color-yellow-500)}.--color-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--color-state{--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)}.--color-state.--active{--color:var(--color-active)}.--color-state:not(.--active):hover{--color:var(--color-hover)}.--color-state:not(.--active):active{--color:var(--color-pressed)}.--disabled{opacity:.64;pointer-events:none}.--flex-center,.--flex-column,.--flex-end,.--flex-horizontal,.--flex-horizontal-space-between,.--flex-row,.--flex-start,.--flex-vertical,.--flex-vertical-space-between{--gap-horizontal:0px;--gap-vertical:0px}.--flex-center,.--flex-end,.--flex-horizontal,.--flex-start,.--flex-vertical{gap:var(--gap-vertical) var(--gap-horizontal);flex-flow:wrap;display:flex}.--flex-center,.--flex-horizontal{justify-content:center}.--flex-center,.--flex-vertical{align-items:center}.--flex-column,.--flex-fill,.--flex-fixed,.--flex-row{display:flex}.--flex-column{gap:var(--gap-vertical) 0px;flex-flow:column}.--flex-end{justify-content:flex-end}.--flex-fill{flex:1;min-width:0}.--flex-fixed{flex:0 0 var(--width)}.--flex-row{gap:0px var(--gap-horizontal);flex-flow:row}.--flex-start{justify-content:flex-start}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(./font/geist/scss/Geist-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:italic;font-weight:100 900;src:url(./font/geist/scss/Geist-Italic-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(./font/geist/scss/GeistMono-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:italic;font-weight:100 900;src:url(./font/geist/scss/GeistMono-Italic-Variable.woff2)format("woff2")}.--font-geist{--font-family:"Geist", sans-serif}.--font-geist,.--font-geist-mono{--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600}.--font-geist-mono{--font-family:"Geist Mono", monospace}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(./font/montserrat/scss/Montserrat-Regular.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local(Montserrat Italic),local(Montserrat-Italic),url(./font/montserrat/scss/Montserrat-Italic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Italic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local(Montserrat Medium),local(Montserrat-Medium),url(./font/montserrat/scss/Montserrat-Medium.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local(Montserrat MediumItalic),local(Montserrat-MediumItalic),url(./font/montserrat/scss/Montserrat-MediumItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-MediumItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(./font/montserrat/scss/Montserrat-SemiBold.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local(Montserrat SemiBoldItalic),local(Montserrat-SemiBoldItalic),url(./font/montserrat/scss/Montserrat-SemiBoldItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-SemiBoldItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local(Montserrat Bold),local(Montserrat Bold),url(./font/montserrat/scss/Montserrat-Bold.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local(Montserrat BoldItalic),local(Montserrat-BoldItalic),url(./font/montserrat/scss/Montserrat-BoldItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-BoldItalic.woff)format("woff")}.--font-montserrat{--font-family:"Montserrat", sans-serif;--font-weight-300:400;--font-weight-400:500;--font-weight-500:600;--font-weight-600:700}.--glass{--blur:24px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.--hidden,.--hidden-active.--active,.--hidden-inactive:not(.--active){display:none}.--hidden-offcanvas{appearance:none;opacity:0;pointer-events:none;z-index:-1;width:0;height:0;position:absolute;top:0;left:0}.--inline{font-size:inherit;margin:0;padding:0;display:inline}.--not-allowed{cursor:not-allowed}.--not-allowed *{pointer-events:none}.--scrollbar{--scrollbar-border-width:1px;--scrollbar-color:var(--color-black-300);--scrollbar-width:4px}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scrollbar{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color) transparent;scrollbar-gutter:stable;overflow:auto}@supports selector(::-webkit-scrollbar){.--scrollbar{scrollbar-color:auto;scrollbar-width:auto}.--scrollbar::-webkit-scrollbar{width:var(--scrollbar-width)}.--scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none}.--scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:var(--scrollbar-border-width)}}.--scrollbar.--flex-column{overflow-x:hidden}.--scrollbar.--flex-row{overflow-y:hidden}.--scrollbar-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scrollbar-fade{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);animation:linear both scrollbar-fade;animation-timeline:scroll(self)}}@keyframes scrollbar-fade{0%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:0px}5%,95%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:var(--scroll-fade-size)}to{--scroll-fade-bottom:0px;--scroll-fade-top:var(--scroll-fade-size)}}.--scrollbar-hidden{scrollbar-width:none}.--scrollbar-hidden::-webkit-scrollbar{display:none}.--scrollbar-snap{overscroll-behavior-x:contain;scroll-snap-type:both mandatory;overflow:auto}.--scrollbar-snap>*{scroll-snap-align:center;scroll-snap-stop:normal}.--skeleton{--animation-duration:4.8s;animation:var(--animation-duration) linear infinite skeleton;background-image:linear-gradient(270deg, var(--from), var(--to), var(--to), var(--from));color:#0000;pointer-events:none;background-size:400% 100%}.--skeleton *{opacity:0}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.--tabular{font-variant-numeric:tabular-nums}@supports (text-box:trim-both cap alphabetic){.--text-crop{text-box:trim-both cap alphabetic}.--text-crop-top,.--text-crop-first-child:first-child{text-box:trim-start cap alphabetic}.--text-crop-bottom,.--text-crop-last-child:last-child{text-box:trim-end cap alphabetic}}@supports not (text-box:trim-both cap alphabetic){.--text-crop:after,.--text-crop:before,.--text-crop-bottom:after,.--text-crop-last-child:last-child:after,.--text-crop-top:before,.--text-crop-first-child:first-child:before{content:"";width:100%;height:0;display:block}.--text-crop:after,.--text-crop-bottom:after,.--text-crop-last-child:last-child:after{margin-bottom:calc(.618em - .618lh)}.--text-crop:before,.--text-crop-top:before,.--text-crop-first-child:first-child:before{margin-top:calc(.618em - .618lh)}}.--text-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}
+@layer css-utilities {.--absolute-horizontal-bottom,.--absolute-vertical-bottom{bottom:0}.--absolute-horizontal-top,.--absolute-vertical-top{top:0}.--absolute-horizontal,.--absolute-horizontal-bottom,.--absolute-horizontal-top{position:absolute;right:50%;translate:50%}.--absolute-vertical,.--absolute-vertical-left,.--absolute-vertical-right{position:absolute;bottom:50%;translate:0 50%}.--absolute-bottom{position:absolute;inset:auto 0 0}.--absolute-center{position:absolute;bottom:50%;right:50%;translate:50% 50%}.--absolute-full{position:absolute;inset:0}.--absolute-left{position:absolute;inset:0 auto 0 0}.--absolute-right{position:absolute;inset:0 0 0 auto}.--absolute-top{position:absolute;inset:0 0 auto}.--background-primary{--background-active:var(--color-primary-300);--background-default:var(--color-primary-400);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500)}.--background-secondary{--background-active:var(--color-secondary-300);--background-default:var(--color-secondary-400);--background-hover:var(--color-secondary-300);--background-pressed:var(--color-secondary-500)}.--background-black{--background-active:var(--color-black-300);--background-default:var(--color-black-400);--background-hover:var(--color-black-300);--background-pressed:var(--color-black-500)}.--background-blue{--background-active:var(--color-blue-300);--background-default:var(--color-blue-400);--background-hover:var(--color-blue-300);--background-pressed:var(--color-blue-500)}.--background-border{--background-active:var(--color-border-300);--background-default:var(--color-border-400);--background-hover:var(--color-border-300);--background-pressed:var(--color-border-500)}.--background-green{--background-active:var(--color-green-300);--background-default:var(--color-green-400);--background-hover:var(--color-green-300);--background-pressed:var(--color-green-500)}.--background-grey{--background-active:var(--color-grey-300);--background-default:var(--color-grey-400);--background-hover:var(--color-grey-300);--background-pressed:var(--color-grey-500)}.--background-purple{--background-active:var(--color-purple-300);--background-default:var(--color-purple-400);--background-hover:var(--color-purple-300);--background-pressed:var(--color-purple-500)}.--background-red{--background-active:var(--color-red-300);--background-default:var(--color-red-400);--background-hover:var(--color-red-300);--background-pressed:var(--color-red-500)}.--background-text{--background-active:var(--color-text-300);--background-default:var(--color-text-400);--background-hover:var(--color-text-300);--background-pressed:var(--color-text-500)}.--background-white{--background-active:var(--color-white-300);--background-default:var(--color-white-400);--background-hover:var(--color-white-300);--background-pressed:var(--color-white-500)}.--background-yellow{--background-active:var(--color-yellow-300);--background-default:var(--color-yellow-400);--background-hover:var(--color-yellow-300);--background-pressed:var(--color-yellow-500)}.--background-default{--background:var(--background-default);--background-active:var(--background-default);--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--background-state{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--background-state.--active{--background:var(--background-active)}.--background-state:not(.--active):hover{--background:var(--background-hover)}.--background-state:not(.--active):active{--background:var(--background-pressed)}.--border-primary{--border-color-active:var(--color-primary-300);--border-color-default:var(--color-primary-400);--border-color-hover:var(--color-primary-300);--border-color-pressed:var(--color-primary-500)}.--border-secondary{--border-color-active:var(--color-secondary-300);--border-color-default:var(--color-secondary-400);--border-color-hover:var(--color-secondary-300);--border-color-pressed:var(--color-secondary-500)}.--border-black{--border-color-active:var(--color-black-300);--border-color-default:var(--color-black-400);--border-color-hover:var(--color-black-300);--border-color-pressed:var(--color-black-500)}.--border-blue{--border-color-active:var(--color-blue-300);--border-color-default:var(--color-blue-400);--border-color-hover:var(--color-blue-300);--border-color-pressed:var(--color-blue-500)}.--border-border{--border-color-active:var(--color-border-300);--border-color-default:var(--color-border-400);--border-color-hover:var(--color-border-300);--border-color-pressed:var(--color-border-500)}.--border-green{--border-color-active:var(--color-green-300);--border-color-default:var(--color-green-400);--border-color-hover:var(--color-green-300);--border-color-pressed:var(--color-green-500)}.--border-grey{--border-color-active:var(--color-grey-300);--border-color-default:var(--color-grey-400);--border-color-hover:var(--color-grey-300);--border-color-pressed:var(--color-grey-500)}.--border-purple{--border-color-active:var(--color-purple-300);--border-color-default:var(--color-purple-400);--border-color-hover:var(--color-purple-300);--border-color-pressed:var(--color-purple-500)}.--border-red{--border-color-active:var(--color-red-300);--border-color-default:var(--color-red-400);--border-color-hover:var(--color-red-300);--border-color-pressed:var(--color-red-500)}.--border-text{--border-color-active:var(--color-text-300);--border-color-default:var(--color-text-400);--border-color-hover:var(--color-text-300);--border-color-pressed:var(--color-text-500)}.--border-white{--border-color-active:var(--color-white-300);--border-color-default:var(--color-white-400);--border-color-hover:var(--color-white-300);--border-color-pressed:var(--color-white-500)}.--border-yellow{--border-color-active:var(--color-yellow-300);--border-color-default:var(--color-yellow-400);--border-color-hover:var(--color-yellow-300);--border-color-pressed:var(--color-yellow-500)}.--border-radius-responsive{--border-radius:calc(progress((100vi - 100cqi) / 2, 0px, var(--gap-horizontal)) * var(--border-radius))}.--border-default{--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default)}.--border-state{--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)}.--border-state.--active{--border-color:var(--border-color-active)}.--border-state:not(.--active):hover{--border-color:var(--border-color-hover)}.--border-state:not(.--active):active{--border-color:var(--border-color-pressed)}.--color-primary{--color-active:var(--color-primary-300);--color-default:var(--color-primary-400);--color-hover:var(--color-primary-300);--color-pressed:var(--color-primary-500)}.--color-secondary{--color-active:var(--color-secondary-300);--color-default:var(--color-secondary-400);--color-hover:var(--color-secondary-300);--color-pressed:var(--color-secondary-500)}.--color-black{--color-active:var(--color-black-300);--color-default:var(--color-black-400);--color-hover:var(--color-black-300);--color-pressed:var(--color-black-500)}.--color-blue{--color-active:var(--color-blue-300);--color-default:var(--color-blue-400);--color-hover:var(--color-blue-300);--color-pressed:var(--color-blue-500)}.--color-border{--color-active:var(--color-border-300);--color-default:var(--color-border-400);--color-hover:var(--color-border-300);--color-pressed:var(--color-border-500)}.--color-green{--color-active:var(--color-green-300);--color-default:var(--color-green-400);--color-hover:var(--color-green-300);--color-pressed:var(--color-green-500)}.--color-grey{--color-active:var(--color-grey-300);--color-default:var(--color-grey-400);--color-hover:var(--color-grey-300);--color-pressed:var(--color-grey-500)}.--color-purple{--color-active:var(--color-purple-300);--color-default:var(--color-purple-400);--color-hover:var(--color-purple-300);--color-pressed:var(--color-purple-500)}.--color-red{--color-active:var(--color-red-300);--color-default:var(--color-red-400);--color-hover:var(--color-red-300);--color-pressed:var(--color-red-500)}.--color-text{--color-active:var(--color-text-300);--color-default:var(--color-text-400);--color-hover:var(--color-text-300);--color-pressed:var(--color-text-500)}.--color-white{--color-active:var(--color-white-300);--color-default:var(--color-white-400);--color-hover:var(--color-white-300);--color-pressed:var(--color-white-500)}.--color-yellow{--color-active:var(--color-yellow-300);--color-default:var(--color-yellow-400);--color-hover:var(--color-yellow-300);--color-pressed:var(--color-yellow-500)}.--color-default{--color:var(--color-default);--color-active:var(--color-default);--color-hover:var(--color-default);--color-pressed:var(--color-default)}.--color-state{--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)}.--color-state.--active{--color:var(--color-active)}.--color-state:not(.--active):hover{--color:var(--color-hover)}.--color-state:not(.--active):active{--color:var(--color-pressed)}.--disabled{opacity:.64;pointer-events:none}.--flex-center,.--flex-column,.--flex-end,.--flex-horizontal,.--flex-horizontal-space-between,.--flex-row,.--flex-start,.--flex-vertical,.--flex-vertical-space-between{--gap-horizontal:0px;--gap-vertical:0px}.--flex-center,.--flex-end,.--flex-horizontal,.--flex-start,.--flex-vertical{gap:var(--gap-vertical) var(--gap-horizontal);flex-flow:wrap;display:flex}.--flex-center,.--flex-horizontal{justify-content:center}.--flex-center,.--flex-vertical{align-items:center}.--flex-column,.--flex-fill,.--flex-fixed,.--flex-row{display:flex}.--flex-column{gap:var(--gap-vertical) 0px;flex-flow:column}.--flex-end{justify-content:flex-end}.--flex-fill{flex:1;min-width:0}.--flex-fixed{flex:0 0 var(--width)}.--flex-row{gap:0px var(--gap-horizontal);flex-flow:row}.--flex-start{justify-content:flex-start}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(./font/geist/scss/Geist-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:italic;font-weight:100 900;src:url(./font/geist/scss/Geist-Italic-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(./font/geist/scss/GeistMono-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:italic;font-weight:100 900;src:url(./font/geist/scss/GeistMono-Italic-Variable.woff2)format("woff2")}.--font-geist{--font-family:"Geist", sans-serif}.--font-geist,.--font-geist-mono{--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600}.--font-geist-mono{--font-family:"Geist Mono", monospace}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(./font/montserrat/scss/Montserrat-Regular.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local(Montserrat Italic),local(Montserrat-Italic),url(./font/montserrat/scss/Montserrat-Italic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Italic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local(Montserrat Medium),local(Montserrat-Medium),url(./font/montserrat/scss/Montserrat-Medium.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local(Montserrat MediumItalic),local(Montserrat-MediumItalic),url(./font/montserrat/scss/Montserrat-MediumItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-MediumItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(./font/montserrat/scss/Montserrat-SemiBold.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local(Montserrat SemiBoldItalic),local(Montserrat-SemiBoldItalic),url(./font/montserrat/scss/Montserrat-SemiBoldItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-SemiBoldItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local(Montserrat Bold),local(Montserrat Bold),url(./font/montserrat/scss/Montserrat-Bold.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local(Montserrat BoldItalic),local(Montserrat-BoldItalic),url(./font/montserrat/scss/Montserrat-BoldItalic.woff2)format("woff2"),url(./font/montserrat/scss/Montserrat-BoldItalic.woff)format("woff")}.--font-montserrat{--font-family:"Montserrat", sans-serif;--font-weight-300:400;--font-weight-400:500;--font-weight-500:600;--font-weight-600:700}.--glass{--blur:24px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.--hidden,.--hidden-active.--active,.--hidden-inactive:not(.--active){display:none}.--hidden-offcanvas{appearance:none;opacity:0;pointer-events:none;z-index:-1;width:0;height:0;position:absolute;top:0;left:0}.--inline{font-size:inherit;margin:0;padding:0;display:inline}.--not-allowed{cursor:not-allowed}.--not-allowed *{pointer-events:none}.--scrollbar{--scrollbar-border-width:1px;--scrollbar-color:var(--color-black-300);--scrollbar-width:4px}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scrollbar{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color) transparent;scrollbar-gutter:stable;overflow:auto}@supports selector(::-webkit-scrollbar){.--scrollbar{scrollbar-color:auto}.--scrollbar::-webkit-scrollbar{width:var(--scrollbar-width)}.--scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none}.--scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:var(--scrollbar-border-width)}}.--scrollbar.--flex-column{overflow-x:hidden}.--scrollbar.--flex-row{overflow-y:hidden}.--scrollbar-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scrollbar-fade{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);animation:linear both scrollbar-fade;animation-timeline:scroll(self)}}@keyframes scrollbar-fade{0%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:0px}5%,95%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:var(--scroll-fade-size)}to{--scroll-fade-bottom:0px;--scroll-fade-top:var(--scroll-fade-size)}}.--scrollbar-hidden{scrollbar-width:none}.--scrollbar-hidden::-webkit-scrollbar{display:none}.--scrollbar-snap{overscroll-behavior-x:contain;scroll-snap-type:both mandatory;overflow:auto}.--scrollbar-snap>*{scroll-snap-align:center;scroll-snap-stop:normal}.--scrollbar-thin{scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin}.--skeleton{--animation-duration:4.8s;animation:var(--animation-duration) linear infinite skeleton;background-image:linear-gradient(270deg, var(--from), var(--to), var(--to), var(--from));color:#0000;pointer-events:none;background-size:400% 100%}.--skeleton *{opacity:0}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.--tabular{font-variant-numeric:tabular-nums}@supports (text-box:trim-both cap alphabetic){.--text-crop{text-box:trim-both cap alphabetic}.--text-crop-top,.--text-crop-first-child:first-child{text-box:trim-start cap alphabetic}.--text-crop-bottom,.--text-crop-last-child:last-child{text-box:trim-end cap alphabetic}}@supports not (text-box:trim-both cap alphabetic){.--text-crop:after,.--text-crop:before,.--text-crop-bottom:after,.--text-crop-last-child:last-child:after,.--text-crop-top:before,.--text-crop-first-child:first-child:before{content:"";width:100%;height:0;display:block}.--text-crop:after,.--text-crop-bottom:after,.--text-crop-last-child:last-child:after{margin-bottom:calc(.618em - .618lh)}.--text-crop:before,.--text-crop-top:before,.--text-crop-first-child:first-child:before{margin-top:calc(.618em - .618lh)}}.--text-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}
 /*$vite$:1*/

package/build/css-utilities/scrollbar/scss/index.scss

@@ -1,2 +1,2 @@
-@layer css-utilities {.--scrollbar{--scrollbar-border-width:1px;--scrollbar-color:var(--color-black-300);--scrollbar-width:4px}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scrollbar{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color) transparent;scrollbar-gutter:stable;overflow:auto}@supports selector(::-webkit-scrollbar){.--scrollbar{scrollbar-color:auto;scrollbar-width:auto}.--scrollbar::-webkit-scrollbar{width:var(--scrollbar-width)}.--scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none}.--scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:var(--scrollbar-border-width)}}.--scrollbar.--flex-column{overflow-x:hidden}.--scrollbar.--flex-row{overflow-y:hidden}.--scrollbar-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scrollbar-fade{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);animation:linear both scrollbar-fade;animation-timeline:scroll(self)}}@keyframes scrollbar-fade{0%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:0px}5%,95%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:var(--scroll-fade-size)}to{--scroll-fade-bottom:0px;--scroll-fade-top:var(--scroll-fade-size)}}.--scrollbar-hidden{scrollbar-width:none}.--scrollbar-hidden::-webkit-scrollbar{display:none}.--scrollbar-snap{overscroll-behavior-x:contain;scroll-snap-type:both mandatory;overflow:auto}.--scrollbar-snap>*{scroll-snap-align:center;scroll-snap-stop:normal}}
+@layer css-utilities {.--scrollbar{--scrollbar-border-width:1px;--scrollbar-color:var(--color-black-300);--scrollbar-width:4px}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scrollbar{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color) transparent;scrollbar-gutter:stable;overflow:auto}@supports selector(::-webkit-scrollbar){.--scrollbar{scrollbar-color:auto}.--scrollbar::-webkit-scrollbar{width:var(--scrollbar-width)}.--scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none}.--scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:var(--scrollbar-border-width)}}.--scrollbar.--flex-column{overflow-x:hidden}.--scrollbar.--flex-row{overflow-y:hidden}.--scrollbar-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scrollbar-fade{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);animation:linear both scrollbar-fade;animation-timeline:scroll(self)}}@keyframes scrollbar-fade{0%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:0px}5%,95%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:var(--scroll-fade-size)}to{--scroll-fade-bottom:0px;--scroll-fade-top:var(--scroll-fade-size)}}.--scrollbar-hidden{scrollbar-width:none}.--scrollbar-hidden::-webkit-scrollbar{display:none}.--scrollbar-snap{overscroll-behavior-x:contain;scroll-snap-type:both mandatory;overflow:auto}.--scrollbar-snap>*{scroll-snap-align:center;scroll-snap-stop:normal}.--scrollbar-thin{scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin}}
 /*$vite$:1*/

package/build/themes/dark/input.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (args_0: {
+declare const _default: (args_0?: ({
     class?: import("@esportsplus/template").Attribute<HTMLElement>[] | import("@esportsplus/template").Attribute<HTMLElement>;
     onconnect?: ((element: HTMLElement) => void) | undefined;
     ondisconnect?: ((element: HTMLElement) => void) | undefined;
@@ -709,9 +709,13 @@ declare const _default: (args_0: {
     onwindowwebkittransitionend?: ((this: HTMLElement, event: Event) => void) | undefined;
     onwindowwheel?: ((this: HTMLElement, event: WheelEvent) => void) | undefined;
 } & Record<PropertyKey, unknown> & {
+    onfocusin?: never;
+    onfocusout?: never;
+    onrender?: never;
+} & {
     state?: {
         active: boolean;
         error: string;
     };
-}) => DocumentFragment | Text;
+}) | undefined) => DocumentFragment | Text;
 export default _default;

package/build/themes/dark/select.js

@@ -1,5 +1,5 @@
 import select from '../../components/select/index.js';
-const themed = Object.assign(select.bind({
+const themed = select.bind({
     attributes: {
         class: '--background-black --border-black --color-white',
         [select.option]: {
@@ -18,5 +18,5 @@ const themed = Object.assign(select.bind({
             `
         }
     }
-}), { arrow: select.arrow, option: select.option, tooltipContent: select.tooltipContent });
+});
 export default themed;