@esportsplus/ui 0.53.0 → 0.54.0

package/build/components/switch/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.switch{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-default:var(--background);--border-radius:240px;--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--height:var(--size);--opacity:var(--opacity-default);--opacity-active:var(--opacity-default);--opacity-default:1;--opacity-hover:var(--opacity-default);--opacity-pressed:var(--opacity-default);--padding-horizontal:var(--border-width-400);--padding-vertical:var(--border-width-400);--rotate:0deg;--scale:var(--scale-default);--scale-active:var(--scale-default);--scale-default:1;--scale-hover:var(--scale-default);--scale-pressed:var(--scale-default);--size:var(--size-600);--width:var(--width-switch);--width-switch:40px}.switch:before{--box-shadow:0 1px 0 #00000029;--height:calc(var(--size) - (var(--border-width) * 2) - (var(--padding-vertical) * 2));--translateX:0px;--translateY:0px;--width:var(--height)}.switch:not(.--active):not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--color:var(--color-hover);--opacity:var(--opacity-hover);--scale:var(--scale-hover)}.switch:not(.--active):not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--color:var(--color-pressed);--opacity:var(--opacity-pressed);--scale:var(--scale-pressed)}.switch.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--opacity:var(--opacity-active);--scale:var(--scale-active)}.switch.--active:before{--translateX:calc(var(--width-switch) - (var(--border-width) * 2) - var(--height) - (var(--padding-horizontal) * 2))}.switch{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);transition:background var(--transition-duration) ease-in-out, border-color var(--transition-duration) ease-in-out, box-shadow var(--transition-duration) ease-in-out, opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;width:var(--width);position:relative}.switch:invalid,.switch:required{box-shadow:none}.switch:before{top:var(--padding-vertical);left:var(--padding-horizontal);background:var(--accent);border-radius:inherit;box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX), var(--translateY)) rotate(var(--rotate)) scale(var(--scale));transform-origin:50%;width:var(--width);position:absolute}.switch-tag{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left:0}}
-/*$vite$:1*/

package/build/css-utilities/[margin,padding]/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--margin-border-width,.--margin-horizontal-border-width,.--margin-border-width-400,.--margin-horizontal-border-width-400,.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-500,.--margin-horizontal-border-width-500{--margin-horizontal:var(--border-width-500)}.--margin-border-width-600,.--margin-horizontal-border-width-600{--margin-horizontal:var(--border-width-600)}.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-700,.--margin-horizontal-border-width-700{--margin-horizontal:var(--border-width-700)}.--margin-spacer-100,.--margin-horizontal-spacer-100{--margin-horizontal:var(--spacer-100)}.--margin-spacer-200,.--margin-horizontal-spacer-200{--margin-horizontal:var(--spacer-200)}.--margin-spacer-300,.--margin-horizontal-spacer-300{--margin-horizontal:var(--spacer-300)}.--margin-spacer,.--margin-horizontal-spacer,.--margin-spacer-400,.--margin-horizontal-spacer-400,.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-500,.--margin-horizontal-spacer-500{--margin-horizontal:var(--spacer-500)}.--margin-spacer-600,.--margin-horizontal-spacer-600{--margin-horizontal:var(--spacer-600)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-700,.--margin-horizontal-spacer-700{--margin-horizontal:var(--spacer-700)}.--margin-100,.--margin-horizontal-100{--margin-horizontal:var(--size-100)}.--margin-200,.--margin-horizontal-200{--margin-horizontal:var(--size-200)}.--margin-300,.--margin-horizontal-300{--margin-horizontal:var(--size-300)}.--margin-400,.--margin-horizontal-400{--margin-horizontal:var(--size-400)}.--margin-500,.--margin-horizontal-500{--margin-horizontal:var(--size-500)}.--margin-600,.--margin-horizontal-600{--margin-horizontal:var(--size-600)}.--margin-700,.--margin-horizontal-700{--margin-horizontal:var(--size-700)}.--margin-800,.--margin-horizontal-800{--margin-horizontal:var(--size-800)}.--margin-900,.--margin-horizontal-900{--margin-horizontal:var(--size-900)}.--margin-0px,.--margin-horizontal-0px{--margin-horizontal:var(--size-0px)}.--margin-inherit,.--margin-horizontal-inherit{--margin-horizontal:inherit}.--margin-border-width,.--margin-vertical-border-width,.--margin-border-width-400,.--margin-vertical-border-width-400,.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-500,.--margin-vertical-border-width-500{--margin-vertical:var(--border-width-500)}.--margin-border-width-600,.--margin-vertical-border-width-600{--margin-vertical:var(--border-width-600)}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-700,.--margin-vertical-border-width-700{--margin-vertical:var(--border-width-700)}.--margin-spacer-100,.--margin-vertical-spacer-100{--margin-vertical:var(--spacer-100)}.--margin-spacer-200,.--margin-vertical-spacer-200{--margin-vertical:var(--spacer-200)}.--margin-spacer-300,.--margin-vertical-spacer-300{--margin-vertical:var(--spacer-300)}.--margin-spacer,.--margin-vertical-spacer,.--margin-spacer-400,.--margin-vertical-spacer-400,.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-500,.--margin-vertical-spacer-500{--margin-vertical:var(--spacer-500)}.--margin-spacer-600,.--margin-vertical-spacer-600{--margin-vertical:var(--spacer-600)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-700,.--margin-vertical-spacer-700{--margin-vertical:var(--spacer-700)}.--margin-100,.--margin-vertical-100{--margin-vertical:var(--size-100)}.--margin-200,.--margin-vertical-200{--margin-vertical:var(--size-200)}.--margin-300,.--margin-vertical-300{--margin-vertical:var(--size-300)}.--margin-400,.--margin-vertical-400{--margin-vertical:var(--size-400)}.--margin-500,.--margin-vertical-500{--margin-vertical:var(--size-500)}.--margin-600,.--margin-vertical-600{--margin-vertical:var(--size-600)}.--margin-700,.--margin-vertical-700{--margin-vertical:var(--size-700)}.--margin-800,.--margin-vertical-800{--margin-vertical:var(--size-800)}.--margin-900,.--margin-vertical-900{--margin-vertical:var(--size-900)}.--margin-0px,.--margin-vertical-0px{--margin-vertical:var(--size-0px)}.--margin-inherit,.--margin-vertical-inherit{--margin-vertical:inherit}.--padding-border-width,.--padding-horizontal-border-width,.--padding-border-width-400,.--padding-horizontal-border-width-400,.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-500,.--padding-horizontal-border-width-500{--padding-horizontal:var(--border-width-500)}.--padding-border-width-600,.--padding-horizontal-border-width-600{--padding-horizontal:var(--border-width-600)}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-700,.--padding-horizontal-border-width-700{--padding-horizontal:var(--border-width-700)}.--padding-spacer-100,.--padding-horizontal-spacer-100{--padding-horizontal:var(--spacer-100)}.--padding-spacer-200,.--padding-horizontal-spacer-200{--padding-horizontal:var(--spacer-200)}.--padding-spacer-300,.--padding-horizontal-spacer-300{--padding-horizontal:var(--spacer-300)}.--padding-spacer,.--padding-horizontal-spacer,.--padding-spacer-400,.--padding-horizontal-spacer-400,.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-500,.--padding-horizontal-spacer-500{--padding-horizontal:var(--spacer-500)}.--padding-spacer-600,.--padding-horizontal-spacer-600{--padding-horizontal:var(--spacer-600)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-700,.--padding-horizontal-spacer-700{--padding-horizontal:var(--spacer-700)}.--padding-100,.--padding-horizontal-100{--padding-horizontal:var(--size-100)}.--padding-200,.--padding-horizontal-200{--padding-horizontal:var(--size-200)}.--padding-300,.--padding-horizontal-300{--padding-horizontal:var(--size-300)}.--padding-400,.--padding-horizontal-400{--padding-horizontal:var(--size-400)}.--padding-500,.--padding-horizontal-500{--padding-horizontal:var(--size-500)}.--padding-600,.--padding-horizontal-600{--padding-horizontal:var(--size-600)}.--padding-700,.--padding-horizontal-700{--padding-horizontal:var(--size-700)}.--padding-800,.--padding-horizontal-800{--padding-horizontal:var(--size-800)}.--padding-900,.--padding-horizontal-900{--padding-horizontal:var(--size-900)}.--padding-0px,.--padding-horizontal-0px{--padding-horizontal:var(--size-0px)}.--padding-inherit,.--padding-horizontal-inherit{--padding-horizontal:inherit}.--padding-border-width,.--padding-vertical-border-width,.--padding-border-width-400,.--padding-vertical-border-width-400,.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-500,.--padding-vertical-border-width-500{--padding-vertical:var(--border-width-500)}.--padding-border-width-600,.--padding-vertical-border-width-600{--padding-vertical:var(--border-width-600)}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-700,.--padding-vertical-border-width-700{--padding-vertical:var(--border-width-700)}.--padding-spacer-100,.--padding-vertical-spacer-100{--padding-vertical:var(--spacer-100)}.--padding-spacer-200,.--padding-vertical-spacer-200{--padding-vertical:var(--spacer-200)}.--padding-spacer-300,.--padding-vertical-spacer-300{--padding-vertical:var(--spacer-300)}.--padding-spacer,.--padding-vertical-spacer,.--padding-spacer-400,.--padding-vertical-spacer-400,.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-500,.--padding-vertical-spacer-500{--padding-vertical:var(--spacer-500)}.--padding-spacer-600,.--padding-vertical-spacer-600{--padding-vertical:var(--spacer-600)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-700,.--padding-vertical-spacer-700{--padding-vertical:var(--spacer-700)}.--padding-100,.--padding-vertical-100{--padding-vertical:var(--size-100)}.--padding-200,.--padding-vertical-200{--padding-vertical:var(--size-200)}.--padding-300,.--padding-vertical-300{--padding-vertical:var(--size-300)}.--padding-400,.--padding-vertical-400{--padding-vertical:var(--size-400)}.--padding-500,.--padding-vertical-500{--padding-vertical:var(--size-500)}.--padding-600,.--padding-vertical-600{--padding-vertical:var(--size-600)}.--padding-700,.--padding-vertical-700{--padding-vertical:var(--size-700)}.--padding-800,.--padding-vertical-800{--padding-vertical:var(--size-800)}.--padding-900,.--padding-vertical-900{--padding-vertical:var(--size-900)}.--padding-0px,.--padding-vertical-0px{--padding-vertical:var(--size-0px)}.--padding-inherit,.--padding-vertical-inherit{--padding-vertical:inherit}.--margin-auto,.--margin-horizontal-auto{--margin-horizontal:auto}.--margin-auto,.--margin-vertical-auto{--margin-vertical:auto}.--margin,.--margin-horizontal{margin-left:var(--margin-horizontal);margin-right:var(--margin-horizontal)}.--margin,.--margin-vertical{margin-bottom:var(--margin-vertical);margin-top:var(--margin-vertical)}.--margin-bottom{margin-bottom:var(--margin-vertical)}.--margin-top{margin-top:var(--margin-vertical)}.--margin-left{margin-left:var(--margin-horizontal)}.--margin-right{margin-right:var(--margin-horizontal)}.--padding,.--padding-horizontal{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.--padding.--border,.--padding-horizontal.--border{padding-left:calc(var(--padding-horizontal) - var(--border-width));padding-right:calc(var(--padding-horizontal) - var(--border-width))}.--padding,.--padding-vertical{padding-bottom:var(--padding-vertical);padding-top:var(--padding-vertical)}.--padding.--border,.--padding-vertical.--border{padding-bottom:calc(var(--padding-vertical) - var(--border-width));padding-top:calc(var(--padding-vertical) - var(--border-width))}.--padding-bottom{padding-bottom:var(--padding-vertical)}.--padding-top{padding-top:var(--padding-vertical)}.--padding-left{padding-left:var(--padding-horizontal)}.--padding-right{padding-right:var(--padding-horizontal)}}
-/*$vite$:1*/

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

@@ -1,2 +0,0 @@
-@layer css-utilities {.--error{animation:error var(--animation-duration) 1 linear}@keyframes error{0%{transform:translate(8px)}20%{transform:translate(-8px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}to{transform:translate(0)}}}
-/*$vite$:1*/

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

@@ -1,2 +0,0 @@
-@layer css-utilities {.--flicker{--from:0;--to:1;--transition-duration:1s;animation:flicker var(--transition-duration) ease-in-out infinite}@keyframes flicker{0%,to{opacity:var(--from)}50%{opacity:var(--to)}}}
-/*$vite$:1*/

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

@@ -1,2 +0,0 @@
-@layer css-utilities {.--focus-active>*{--opacity:.24}.--focus-active:has(>.--active)>:not(.--active){opacity:var(--opacity)}}
-/*$vite$:1*/

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

@@ -1,2 +0,0 @@
-@layer css-utilities {.--gap-border-width,.--gap-horizontal-border-width,.--gap-border-width-400,.--gap-horizontal-border-width-400,.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-500,.--gap-horizontal-border-width-500{--gap-horizontal:var(--border-width-500)}.--gap-border-width-600,.--gap-horizontal-border-width-600{--gap-horizontal:var(--border-width-600)}.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-700,.--gap-horizontal-border-width-700{--gap-horizontal:var(--border-width-700)}.--gap-spacer-100,.--gap-horizontal-spacer-100{--gap-horizontal:var(--spacer-100)}.--gap-spacer-200,.--gap-horizontal-spacer-200{--gap-horizontal:var(--spacer-200)}.--gap-spacer-300,.--gap-horizontal-spacer-300{--gap-horizontal:var(--spacer-300)}.--gap-spacer,.--gap-horizontal-spacer,.--gap-spacer-400,.--gap-horizontal-spacer-400,.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-500,.--gap-horizontal-spacer-500{--gap-horizontal:var(--spacer-500)}.--gap-spacer-600,.--gap-horizontal-spacer-600{--gap-horizontal:var(--spacer-600)}.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-700,.--gap-horizontal-spacer-700{--gap-horizontal:var(--spacer-700)}.--gap-100,.--gap-horizontal-100{--gap-horizontal:var(--size-100)}.--gap-200,.--gap-horizontal-200{--gap-horizontal:var(--size-200)}.--gap-300,.--gap-horizontal-300{--gap-horizontal:var(--size-300)}.--gap-400,.--gap-horizontal-400{--gap-horizontal:var(--size-400)}.--gap-500,.--gap-horizontal-500{--gap-horizontal:var(--size-500)}.--gap-600,.--gap-horizontal-600{--gap-horizontal:var(--size-600)}.--gap-700,.--gap-horizontal-700{--gap-horizontal:var(--size-700)}.--gap-800,.--gap-horizontal-800{--gap-horizontal:var(--size-800)}.--gap-900,.--gap-horizontal-900{--gap-horizontal:var(--size-900)}.--gap-0px,.--gap-horizontal-0px{--gap-horizontal:var(--size-0px)}.--gap-inherit,.--gap-horizontal-inherit{--gap-horizontal:inherit}.--gap-border-width,.--gap-vertical-border-width,.--gap-border-width-400,.--gap-vertical-border-width-400,.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-500,.--gap-vertical-border-width-500{--gap-vertical:var(--border-width-500)}.--gap-border-width-600,.--gap-vertical-border-width-600{--gap-vertical:var(--border-width-600)}.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-700,.--gap-vertical-border-width-700{--gap-vertical:var(--border-width-700)}.--gap-spacer-100,.--gap-vertical-spacer-100{--gap-vertical:var(--spacer-100)}.--gap-spacer-200,.--gap-vertical-spacer-200{--gap-vertical:var(--spacer-200)}.--gap-spacer-300,.--gap-vertical-spacer-300{--gap-vertical:var(--spacer-300)}.--gap-spacer,.--gap-vertical-spacer,.--gap-spacer-400,.--gap-vertical-spacer-400,.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-500,.--gap-vertical-spacer-500{--gap-vertical:var(--spacer-500)}.--gap-spacer-600,.--gap-vertical-spacer-600{--gap-vertical:var(--spacer-600)}.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-700,.--gap-vertical-spacer-700{--gap-vertical:var(--spacer-700)}.--gap-100,.--gap-vertical-100{--gap-vertical:var(--size-100)}.--gap-200,.--gap-vertical-200{--gap-vertical:var(--size-200)}.--gap-300,.--gap-vertical-300{--gap-vertical:var(--size-300)}.--gap-400,.--gap-vertical-400{--gap-vertical:var(--size-400)}.--gap-500,.--gap-vertical-500{--gap-vertical:var(--size-500)}.--gap-600,.--gap-vertical-600{--gap-vertical:var(--size-600)}.--gap-700,.--gap-vertical-700{--gap-vertical:var(--size-700)}.--gap-800,.--gap-vertical-800{--gap-vertical:var(--size-800)}.--gap-900,.--gap-vertical-900{--gap-vertical:var(--size-900)}.--gap-0px,.--gap-vertical-0px{--gap-vertical:var(--size-0px)}.--gap-inherit,.--gap-vertical-inherit{--gap-vertical:inherit}.--gap{gap:var(--gap-vertical) var(--gap-horizontal)}.--gap-horizontal{gap:0px var(--gap-horizontal)}.--gap-vertical{gap:var(--gap-vertical) 0px}}
-/*$vite$:1*/

package/build/css-utilities/line-height/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--line-height-100{--line-height:var(--line-height-100)}.--line-height-200{--line-height:var(--line-height-200)}.--line-height-300{--line-height:var(--line-height-300)}.--line-height-400{--line-height:var(--line-height-400)}}
-/*$vite$:1*/

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

@@ -1,2 +0,0 @@
-@layer css-utilities {.--pointer-none{pointer-events:none}}
-/*$vite$:1*/

package/build/css-utilities/scroll-fade/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--scroll-fade{--scroll-fade-size:2.5rem}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scroll-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scroll-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 scroll-fade;animation-timeline:scroll(self)}}@keyframes scroll-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)}}}
-/*$vite$:1*/

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

@@ -1,2 +0,0 @@
-@layer css-utilities {.--size{--size:var(--size-400)}.--size-100{--size:var(--size-100)}.--size-200{--size:var(--size-200)}.--size-300{--size:var(--size-300)}.--size-400{--size:var(--size-400)}.--size-500{--size:var(--size-500)}.--size-600{--size:var(--size-600)}.--size-700{--size:var(--size-700)}.--size-800{--size:var(--size-800)}.--size-900{--size:var(--size-900)}.--size-0px{--size:var(--size-0px)}}
-/*$vite$:1*/

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

@@ -1,2 +0,0 @@
-@layer css-utilities {.--viewport{height:calc(100svh - var(--margin-vertical,0px) * 2);width:calc(100vw - var(--margin-horizontal,0px) * 2);overflow:hidden}}
-/*$vite$:1*/

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

@@ -1,2 +0,0 @@
-@layer css-utilities {.--width-full{--width:100%}.--width-half{--width:50%}.--width{width:var(--width)}}
-/*$vite$:1*/

package/build/fonts/index.d.ts

@@ -1 +0,0 @@
-export * as montserrat from './montserrat/index.js';

package/build/fonts/index.js

@@ -1 +0,0 @@
-export * as montserrat from './montserrat/index.js';

package/build/fonts/montserrat/scss/index.scss

@@ -1,2 +0,0 @@
-@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(/fonts/montserrat/scss/Montserrat-Regular.woff2)format("woff2"),url(/fonts/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(/fonts/montserrat/scss/Montserrat-Italic.woff2)format("woff2"),url(/fonts/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(/fonts/montserrat/scss/Montserrat-Medium.woff2)format("woff2"),url(/fonts/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(/fonts/montserrat/scss/Montserrat-MediumItalic.woff2)format("woff2"),url(/fonts/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(/fonts/montserrat/scss/Montserrat-SemiBold.woff2)format("woff2"),url(/fonts/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(/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff2)format("woff2"),url(/fonts/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(/fonts/montserrat/scss/Montserrat-Bold.woff2)format("woff2"),url(/fonts/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(/fonts/montserrat/scss/Montserrat-BoldItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-BoldItalic.woff)format("woff")}
-/*$vite$:1*/

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

@@ -1,19 +0,0 @@
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-};
-export default _default;

package/build/themes/dark/back.js

@@ -1,7 +0,0 @@
-import back from '../../components/back/index.js';
-export default back.bind({
-    attributes: {
-        class: '--color-white --margin-vertical --margin-spacer-200',
-        style: '--color-default: var(--color-grey-500);'
-    }
-});

package/build/themes/dark/button/scss/index.scss

@@ -1,2 +0,0 @@
-@layer themes {.button--form,.button--primary,.button--secondary,.button--tertiary{--border-color-active:var(--color-primary-300);--color-active:var(--color-white-400);--color-default:var(--color-grey-500);--color-hover:var(--color-white-400);--color-pressed:var(--color-grey-500);--font-weight:var(--font-weight-500)}.button--form,.button--primary{--background-active:var(--color-primary-300);--background-default:var(--color-primary-300);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500)}.button--form{--padding-horizontal:var(--size-500);--padding-vertical:var(--size-500);--width:100%}.button--secondary{--background-active:var(--color-black-300);--background-default:var(--color-black-300);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500);--border-color:var(--background-color)}.button--tertiary{--background-active:var(--color-black-300);--background-default:var(--color-black-400);--background-hover:var(--color-black-300);--background-pressed:var(--color-black-500);--border-color-active:var(--color-primary-300);--border-color-default:var(--color-black-300);--border-color-hover:var(--color-black-400);--border-color-pressed:var(--color-black-500)}}
-/*$vite$:1*/

package/build/themes/dark/link/scss/index.scss

@@ -1,2 +0,0 @@
-@layer themes {.link--primary,.link--tooltip{--color-active:var(--color-white-400);--color-default:var(--color-grey-500);--color-hover:var(--color-white-400);--color-pressed:var(--color-grey-500);--font-weight:var(--font-weight-500);--gap-horizontal:0px;--gap-vertical:0px;align-items:center;gap:var(--gap-vertical) var(--gap-horizontal);flex-flow:row;display:flex}.link--tooltip{--background-active:var(--color-black-300);--background-default:var(--color-black-400);--background-hover:var(--color-black-300);--background-pressed:var(--color-black-500);--padding-horizontal:var(--size-500);--padding-vertical:var(--size-500);white-space:nowrap}}
-/*$vite$:1*/

package/src/components/back/index.ts

@@ -1,20 +0,0 @@
-import { component, html } from '@esportsplus/template';
-import icon from '~/components/icon';
-import arrow from './svg/arrow.svg';
-import './scss/index.scss';
-
-
-export default component(
-    function (this, attributes, content) {
-        return html`
-            <a
-                class='back link --padding-0px --flex-vertical'
-                ${this?.attributes}
-                ${attributes}
-            >
-                ${icon({ class: 'back-arrow --margin-right --margin-200' }, arrow)}
-                ${content}
-            </a>
-        `;
-    }
-);

package/src/components/back/scss/index.scss

@@ -1,17 +0,0 @@
-@use '@esportsplus/ui/tokens.scss';
-
-
-.back {
-    &-arrow {
-        transform: rotate(-90deg);
-        transition:
-            color var(--transition-duration) ease-in-out,
-            transform var(--transition-duration) ease-in-out;
-    }
-
-    @include tokens.state(hover) {
-        .back-arrow {
-            transform: rotate(-90deg) translateY(-2px);
-        }
-    }
-}

package/src/components/back/svg/arrow.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g opacity="0.4" enable-background="new    ">
-	<path d="M12,22c-0.552,0-1-0.447-1-1v-6c0-0.553,0.448-1,1-1c0.553,0,1,0.447,1,1v6C13,21.553,12.553,22,12,22z"/>
-</g>
-<g>
-	<path d="M12,16c-0.552,0-1-0.447-1-1V5.414l-5.293,5.293c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414l7-7
-		c0.096-0.096,0.208-0.169,0.326-0.218C11.735,2.027,11.863,2,11.997,2l0,0c0.002,0,0.004,0,0.006,0l0,0
-		c0.134,0,0.262,0.027,0.378,0.075c0.119,0.049,0.229,0.122,0.326,0.218l7,7c0.391,0.391,0.391,1.023,0,1.414s-1.023,0.391-1.414,0
-		L13,5.414V15C13,15.553,12.553,16,12,16z"/>
-</g>
-</svg>

package/src/components/bubble/scss/index.scss

@@ -1,32 +0,0 @@
-@use './variables';
-
-.bubble {
-    background: var(--background);
-    border-radius: var(--border-radius);
-    height: var(--height);
-    width: var(--width);
-
-
-    &--bottom,
-    &--top {
-        &-left,
-        &-right {
-            position: absolute;
-        }
-
-        @each $direction in 'left' 'right' {
-            &-#{$direction} {
-                #{$direction}: var(--position-horizontal);
-            }
-        }
-    }
-
-    @each $direction in 'bottom' 'top' {
-        &--#{$direction} {
-            &-left,
-            &-right {
-                #{$direction}: var(--position-vertical);
-            }
-        }
-    }
-}

package/src/components/bubble/scss/variables.scss

@@ -1,20 +0,0 @@
-.bubble {
-    --background: var(--background-default);
-    --background-default: var(--color-border-400);
-    --border-radius: 100%;
-    --height: var(--size);
-    --margin-horizontal: var(--size-100);
-    --size: 6px;
-    --width: var(--size);
-
-
-    &--bottom,
-    &--top {
-
-        &-left,
-        &-right {
-            --position-horizontal: calc(var(--size) / -2);
-            --position-vertical: calc(var(--size) / -2);
-        }
-    }
-}

package/src/components/button/index.ts

@@ -1,53 +0,0 @@
-import { component, html, type Renderable } from '@esportsplus/template';
-import { reactive } from '@esportsplus/reactivity';
-import './scss/index.scss';
-
-
-const hold = component(
-    function(attributes, content: (state: { holding: boolean, complete: boolean }) => Renderable<any>) {
-        let end = () => {
-                if (!state.complete) {
-                    state.holding = false;
-                }
-            },
-            state = reactive({
-                complete: false,
-                holding: false
-            });
-
-        return html`
-            <div
-                class='button ${() => state.holding && 'button--holding'}'
-                onmousedown='${(e) => {
-                    e.preventDefault();
-                    state.holding = true;
-                }}'
-                ${attributes}
-                ${{
-                    onanimationend: (e: AnimationEvent) => {
-                        if (e.animationName === 'buttonHolding') {
-                            state.complete = true;
-                        }
-                    },
-                    onclick: () => {},
-                    onmousedown: (e) => {
-                        e.preventDefault();
-                        state.holding = true;
-                    },
-                    onmouseup: end,
-                    ontouchend: end,
-                    ontouchstart: (e) => {
-                        e.preventDefault();
-                        state.holding = true;
-                    }
-                }}
-            >
-                ${() => content(state)}
-            </div>
-        `;
-    }
-);
-
-
-export default { hold };
-export { hold };

package/src/components/ellipsis/index.ts

@@ -1,11 +0,0 @@
-import { html, Attributes } from '@esportsplus/template';
-import './scss/index.scss';
-
-
-export default (attributes?: Attributes) => html`
-    <div class='ellipsis' ${attributes}>
-        <span></span>
-        <span></span>
-        <span></span>
-    </div>
-`;

package/src/components/ellipsis/scss/index.scss

@@ -1,30 +0,0 @@
-@use 'variables';
-
-.ellipsis {
-    span {
-        animation: ellipsis var(--animation-duration) infinite linear;
-        background-color: var(--color);
-        border-radius: 100%;
-        display: inline-block;
-        height: var(--size);
-        margin: 0 var(--margin-horizontal);
-        width: var(--size);
-
-        :nth-child(2) {
-            animation-delay: 0.24s;
-        }
-
-        :nth-child(3) {
-            animation-delay: 0.48s;
-        }
-    }
-
-    @keyframes ellipsis {
-        0%, 100% {
-            opacity: 0.16;
-        }
-        20% {
-            opacity: 1;
-        }
-    }
-}

package/src/components/ellipsis/scss/variables.scss

@@ -1,5 +0,0 @@
-.ellipsis {
-    --animation-duration: 1.24s;
-    --margin-horizontal: var(--size-100);
-    --size: var(--size-200);
-}

package/src/components/frame/index.ts

@@ -1,13 +0,0 @@
-import { component, html } from '@esportsplus/template';
-import './scss/index.scss';
-
-
-export default component(
-    function(this, attributes, content) {
-        return html`
-            <div class='frame --scrollbar' ${this?.attributes} ${attributes}>
-                ${content}
-            </div>
-        `;
-    }
-);

package/src/components/frame/scss/index.scss

@@ -1,39 +0,0 @@
-@use '/tokens';
-@use 'variables';
-
-.frames {
-    display: flex;
-    gap: var(--gap);
-    transform: translateX(calc(var(--i) * (100% + var(--gap))));
-    transition: transform 0.3s ease;
-
-    .frame {
-        flex-shrink: 0;
-        min-width: 100%;
-        width: 100%;
-
-        @include tokens.state(inactive) {
-            display: flex;
-            opacity: var(--opacity);
-
-            > * {
-                pointer-events: none;
-            }
-        }
-    }
-}
-
-.frame {
-    cursor: default;
-    display: none;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    max-width: 100%;
-    position: relative;
-    width: 100%;
-
-
-    @include tokens.state(active) {
-        display: flex;
-    }
-}

package/src/components/frame/scss/variables.scss

@@ -1,4 +0,0 @@
-.frames {
-    --gap: var(--size-400);
-    --opacity: 0.4;
-}

package/src/components/highlight/index.ts

@@ -1,66 +0,0 @@
-import { component, html, Attributes } from '@esportsplus/template';
-import { reactive } from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
-import './scss/index.scss';
-
-
-type A = Attributes & { background?: string };
-
-
-const OMIT = ['background'];
-
-
-let key = Symbol(),
-    observer: IntersectionObserver | null = null;
-
-
-export default component(
-    (attributes: A, content) => {
-        if (observer === null) {
-            observer = new IntersectionObserver((entries) => {
-                let disconnected = 0,
-                    n = entries.length;
-
-                for (let i = 0; i < n; i++) {
-                    let { isIntersecting, target } = entries[i];
-
-                    if (target.isConnected) {
-                        // @ts-ignore
-                        target[key].highlight = +isIntersecting;
-                    }
-                    else {
-                        disconnected++;
-                        observer!.unobserve(target);
-                    }
-                }
-
-                if (n - disconnected === 0) {
-                    observer!.disconnect();
-                    observer = null;
-                }
-            }, { threshold: 1 });
-        }
-
-        let state = reactive({
-                highlight: 0
-            });
-
-        return html`
-            <div class='highlight'
-                ${omit(attributes, OMIT)}
-                ${{
-                    onrender: (element) => {
-                        element[key] = state;
-                        observer!.observe(element);
-                    },
-                    style: [
-                        () => `--highlight: ${state.highlight}`,
-                        `--background: ${attributes.background}`,
-                    ]
-                }}
-            >
-                ${content}
-            </div>
-        `;
-    }
-);

package/src/components/highlight/scss/index.scss

@@ -1,7 +0,0 @@
-@use 'variables';
-
-.highlight {
-    background: linear-gradient(90deg, var(--background) 50%, transparent 50%) 110% 0 / 200% 100% no-repeat;
-    background-position: calc((1 - var(--highlight)) * 110%) 0;
-    transition: background-position 0.32s;
-}

package/src/components/highlight/scss/variables.scss

@@ -1,4 +0,0 @@
-.highlight {
-    --background: transparent;
-    --highlight: 1;
-}

package/src/components/loader/index.ts

@@ -1,80 +0,0 @@
-import { component, html, type Attributes } from '@esportsplus/template';
-import { reactive } from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
-import './scss/index.scss';
-
-
-type A = Attributes & {
-    'loader'?: Attributes,
-    'loader-content'?: Attributes,
-    'loader-logo'?: Attributes
-};
-
-
-const OMIT = ['loader-content', 'loader-logo'];
-
-
-export default component(
-    (attributes: A, content) => {
-        let state = reactive({
-                load: false,
-                remove: false,
-                scale: false
-            });
-
-        return () => {
-            if (state.remove) {
-                return;
-            }
-
-            let i = 0;
-
-            return html`
-                <div
-                    class='loader ${() => state.load && 'loader--load'}'
-                    onanimationend=${({ animationName: name }: AnimationEvent) => {
-                        i++;
-
-                        if (name === 'move' && i > 1) {
-                            state.remove = true;
-                        }
-                    }}
-                    ${omit(attributes, OMIT)}
-                >
-                    <div
-                        class='loader ${() => state.load && 'loader--load'}'
-                        ${!content && {
-                            onconnect: () => {
-                                state.load = true;
-                            }
-                        }}
-                        ${attributes.loader}
-                    >
-                        ${content && html`
-                            <div class='loader-content' ${attributes['loader-content']}>
-                                <div
-                                    class='loader-logo text --flex-center --text-uppercase --text-600'
-                                    style='color: var(--color-grey-500);'
-                                    ${attributes['loader-logo']}
-                                    ${{
-                                        class: () => state.scale && 'loader-logo--scale',
-                                        onanimationend: ({ animationName: name }) => {
-                                            if (name === 'scale') {
-                                                state.load = true;
-                                            }
-                                        },
-                                        onconnect: () => {
-                                            state.scale = true;
-                                        }
-                                    }}
-                                >
-                                    ${content}
-                                </div>
-                            </div>
-                        `}
-                    </div>
-                </div>
-            `;
-        }
-    }
-);