@agg-market/ui 0.0.1

package/dist/styles.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}:root,:host{--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-agg-primary:var(--agg-color-primary);--color-agg-primary-hover:var(--agg-color-primary-hover);--color-agg-secondary:var(--agg-color-secondary);--color-agg-secondary-hover:var(--agg-color-secondary-hover);--color-agg-border:var(--agg-color-border);--color-agg-separator:var(--agg-color-border);--color-agg-foreground:var(--agg-color-foreground);--color-agg-muted-foreground:var(--agg-color-muted-foreground);--color-agg-on-primary:var(--agg-color-on-primary);--color-agg-success:var(--agg-color-success);--color-agg-warning:var(--agg-color-warning);--color-agg-error:var(--agg-color-error);--color-agg-overlay:var(--agg-color-overlay);--color-agg-orderbook-ask:var(--agg-color-orderbook-ask);--color-agg-orderbook-bid:var(--agg-color-orderbook-bid);--color-agg-trade-highlight-border:var(--agg-color-trade-highlight-border);--color-agg-trade-highlight-surface:var(--agg-color-trade-highlight-surface);--color-agg-trade-highlight-accent:var(--agg-color-trade-highlight-accent);--color-agg-trade-highlight-glow:var(--agg-color-trade-highlight-glow);--color-agg-status-error-surface:var(--agg-color-status-error-surface);--font-agg-sans:var(--agg-font-family-sans);--text-agg-xs:var(--agg-font-size-xs);--text-agg-xs--line-height:var(--agg-line-height-4);--text-agg-sm:var(--agg-font-size-sm);--text-agg-sm--line-height:var(--agg-line-height-5);--text-agg-base:var(--agg-font-size-base);--text-agg-base--line-height:var(--agg-line-height-base);--text-agg-lg:var(--agg-font-size-lg);--text-agg-lg--line-height:var(--agg-line-height-7);--text-agg-xl:var(--agg-font-size-xl);--text-agg-xl--line-height:var(--agg-line-height-7);--text-agg-2xl:var(--agg-font-size-2xl);--text-agg-2xl--line-height:var(--agg-line-height-8);--text-agg-3xl:var(--agg-font-size-3xl);--text-agg-3xl--line-height:var(--agg-line-height-9);--leading-agg-3:var(--agg-line-height-3);--leading-agg-4:var(--agg-line-height-4);--leading-agg-5:var(--agg-line-height-5);--leading-agg-6:var(--agg-line-height-6);--leading-agg-7:var(--agg-line-height-7);--leading-agg-8:var(--agg-line-height-8);--leading-agg-9:var(--agg-line-height-9);--font-weight-agg-normal:var(--agg-font-weight-normal);--font-weight-agg-bold:var(--agg-font-weight-bold);--tracking-agg-normal:var(--agg-tracking-normal);--radius-agg-sm:var(--agg-radius-sm);--radius-agg-md:var(--agg-radius-md);--radius-agg-lg:var(--agg-radius-lg);--radius-agg-xl:var(--agg-radius-xl);--radius-agg-2xl:var(--agg-radius-2xl);--radius-agg-full:var(--agg-radius-full);--z-index-agg-dropdown:var(--agg-z-index-dropdown);--z-index-agg-overlay:var(--agg-z-index-overlay);--z-index-agg-modal:var(--agg-z-index-modal);--animate-agg-modal-overlay-in:agg-modal-overlay-in .32s cubic-bezier(.16, 1, .3, 1) both;--animate-agg-modal-overlay-out:agg-modal-overlay-out .22s ease-in both;--animate-agg-modal-panel-in:agg-modal-panel-in .52s cubic-bezier(.16, 1, .3, 1) both;--animate-agg-modal-panel-out:agg-modal-panel-out .26s cubic-bezier(.7, 0, .84, 0) both}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-px{inset:1px}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-agg-dropdown{z-index:var(--z-index-agg-dropdown)}.z-agg-modal{z-index:var(--z-index-agg-modal)}.z-agg-overlay{z-index:var(--z-index-agg-overlay)}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.-mb-\[1px\]{margin-bottom:-1px}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-12{margin-left:calc(var(--spacing) * -12)}.\[display\:-webkit-box\]{display:-webkit-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-0{height:calc(var(--spacing) * 0)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-32{height:calc(var(--spacing) * 32)}.h-\[3px\]{height:3px}.h-\[28px\]{height:28px}.h-\[66\%\]{height:66%}.h-\[73px\]{height:73px}.h-\[80px\]{height:80px}.h-\[300px\]{height:300px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[calc\(100\%-2rem\)\]{max-height:calc(100% - 2rem)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-40{min-height:calc(var(--spacing) * 40)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-52{width:calc(var(--spacing) * 52)}.w-64{width:calc(var(--spacing) * 64)}.w-\[28px\]{width:28px}.w-\[34\%\]{width:34%}.w-\[66\%\]{width:66%}.w-\[68\%\]{width:68%}.w-\[74\%\]{width:74%}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[82\%\]{width:82%}.w-\[84\%\]{width:84%}.w-\[88\%\]{width:88%}.w-\[92\%\]{width:92%}.w-\[101px\]{width:101px}.w-\[200px\]{width:200px}.w-full{width:100%}.w-px{width:1px}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-\[400px\]{max-width:400px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[101px\]{min-width:101px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom{transform-origin:bottom}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-5{--tw-translate-y:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-y-0{--tw-scale-y:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-y-100{--tw-scale-y:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[52px_1fr_1fr_52px\]{grid-template-columns:52px 1fr 1fr 52px}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[6px\]{gap:6px}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}:where(.-space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-agg-2xl{border-radius:var(--radius-agg-2xl)}.rounded-agg-full{border-radius:var(--radius-agg-full)}.rounded-agg-lg{border-radius:var(--radius-agg-lg)}.rounded-agg-md{border-radius:var(--radius-agg-md)}.rounded-agg-sm{border-radius:var(--radius-agg-sm)}.rounded-agg-xl{border-radius:var(--radius-agg-xl)}.rounded-none{border-radius:0}.rounded-t-agg-sm{border-top-left-radius:var(--radius-agg-sm);border-top-right-radius:var(--radius-agg-sm)}.rounded-t-agg-xl{border-top-left-radius:var(--radius-agg-xl);border-top-right-radius:var(--radius-agg-xl)}.rounded-r-agg-sm{border-top-right-radius:var(--radius-agg-sm);border-bottom-right-radius:var(--radius-agg-sm)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-agg-border{border-color:var(--color-agg-border)}.border-agg-orderbook-ask,.border-agg-orderbook-ask\/50{border-color:var(--color-agg-orderbook-ask)}@supports (color:color-mix(in lab, red, red)){.border-agg-orderbook-ask\/50{border-color:color-mix(in oklab, var(--color-agg-orderbook-ask) 50%, transparent)}}.border-agg-orderbook-bid,.border-agg-orderbook-bid\/50{border-color:var(--color-agg-orderbook-bid)}@supports (color:color-mix(in lab, red, red)){.border-agg-orderbook-bid\/50{border-color:color-mix(in oklab, var(--color-agg-orderbook-bid) 50%, transparent)}}.border-agg-primary{border-color:var(--color-agg-primary)}.border-agg-separator{border-color:var(--color-agg-separator)}.border-agg-trade-highlight-border{border-color:var(--color-agg-trade-highlight-border)}.border-current{border-color:currentColor}.border-transparent{border-color:#0000}.border-r-transparent{border-right-color:#0000}.bg-agg-orderbook-ask\/5{background-color:var(--color-agg-orderbook-ask)}@supports (color:color-mix(in lab, red, red)){.bg-agg-orderbook-ask\/5{background-color:color-mix(in oklab, var(--color-agg-orderbook-ask) 5%, transparent)}}.bg-agg-orderbook-ask\/10{background-color:var(--color-agg-orderbook-ask)}@supports (color:color-mix(in lab, red, red)){.bg-agg-orderbook-ask\/10{background-color:color-mix(in oklab, var(--color-agg-orderbook-ask) 10%, transparent)}}.bg-agg-orderbook-bid\/5{background-color:var(--color-agg-orderbook-bid)}@supports (color:color-mix(in lab, red, red)){.bg-agg-orderbook-bid\/5{background-color:color-mix(in oklab, var(--color-agg-orderbook-bid) 5%, transparent)}}.bg-agg-orderbook-bid\/10{background-color:var(--color-agg-orderbook-bid)}@supports (color:color-mix(in lab, red, red)){.bg-agg-orderbook-bid\/10{background-color:color-mix(in oklab, var(--color-agg-orderbook-bid) 10%, transparent)}}.bg-agg-overlay{background-color:var(--color-agg-overlay)}.bg-agg-primary{background-color:var(--color-agg-primary)}.bg-agg-secondary{background-color:var(--color-agg-secondary)}.bg-agg-secondary-hover{background-color:var(--color-agg-secondary-hover)}.bg-agg-separator{background-color:var(--color-agg-separator)}.bg-agg-status-error-surface{background-color:var(--color-agg-status-error-surface)}.bg-agg-success,.bg-agg-success\/5{background-color:var(--color-agg-success)}@supports (color:color-mix(in lab, red, red)){.bg-agg-success\/5{background-color:color-mix(in oklab, var(--color-agg-success) 5%, transparent)}}.bg-agg-trade-highlight-border{background-color:var(--color-agg-trade-highlight-border)}.bg-agg-trade-highlight-surface{background-color:var(--color-agg-trade-highlight-surface)}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-agg-secondary{--tw-gradient-from:var(--color-agg-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-agg-secondary{--tw-gradient-via:var(--color-agg-secondary);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-agg-trade-highlight-glow{--tw-gradient-to:var(--color-agg-trade-highlight-glow);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-agg-sans{font-family:var(--font-agg-sans)}.text-agg-2xl{font-size:var(--text-agg-2xl);line-height:var(--tw-leading,var(--text-agg-2xl--line-height))}.text-agg-3xl{font-size:var(--text-agg-3xl);line-height:var(--tw-leading,var(--text-agg-3xl--line-height))}.text-agg-base{font-size:var(--text-agg-base);line-height:var(--tw-leading,var(--text-agg-base--line-height))}.text-agg-lg{font-size:var(--text-agg-lg);line-height:var(--tw-leading,var(--text-agg-lg--line-height))}.text-agg-sm{font-size:var(--text-agg-sm);line-height:var(--tw-leading,var(--text-agg-sm--line-height))}.text-agg-xl{font-size:var(--text-agg-xl);line-height:var(--tw-leading,var(--text-agg-xl--line-height))}.text-agg-xs{font-size:var(--text-agg-xs);line-height:var(--tw-leading,var(--text-agg-xs--line-height))}.text-\[18px\]{font-size:18px}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-agg-3{--tw-leading:var(--leading-agg-3);line-height:var(--leading-agg-3)}.leading-agg-4{--tw-leading:var(--leading-agg-4);line-height:var(--leading-agg-4)}.leading-agg-5{--tw-leading:var(--leading-agg-5);line-height:var(--leading-agg-5)}.leading-agg-6{--tw-leading:var(--leading-agg-6);line-height:var(--leading-agg-6)}.leading-agg-7{--tw-leading:var(--leading-agg-7);line-height:var(--leading-agg-7)}.leading-agg-8{--tw-leading:var(--leading-agg-8);line-height:var(--leading-agg-8)}.leading-agg-9{--tw-leading:var(--leading-agg-9);line-height:var(--leading-agg-9)}.leading-none{--tw-leading:1;line-height:1}.font-agg-bold{--tw-font-weight:var(--font-weight-agg-bold);font-weight:var(--font-weight-agg-bold)}.font-agg-normal{--tw-font-weight:var(--font-weight-agg-normal);font-weight:var(--font-weight-agg-normal)}.tracking-agg-normal{--tw-tracking:var(--tracking-agg-normal);letter-spacing:var(--tracking-agg-normal)}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-agg-error{color:var(--color-agg-error)}.text-agg-foreground{color:var(--color-agg-foreground)}.text-agg-muted-foreground{color:var(--color-agg-muted-foreground)}.text-agg-on-primary{color:var(--color-agg-on-primary)}.text-agg-orderbook-ask{color:var(--color-agg-orderbook-ask)}.text-agg-orderbook-bid{color:var(--color-agg-orderbook-bid)}.text-agg-primary{color:var(--color-agg-primary)}.text-agg-success{color:var(--color-agg-success)}.text-agg-trade-highlight-accent{color:var(--color-agg-trade-highlight-accent)}.text-agg-warning{color:var(--color-agg-warning)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-\[0px_8px_16px_0px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 8px 16px 0px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-agg-card{--tw-shadow:var(--agg-shadow-card);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-agg-modal{--tw-shadow:var(--agg-shadow-modal);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-agg-popover{--tw-shadow:var(--agg-shadow-popover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,width\,opacity\]{transition-property:transform,width,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-100{transition-delay:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[450ms\]{--tw-duration:.45s;transition-duration:.45s}.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-\[cubic-bezier\(0\.77\,0\,0\.175\,1\)\]{--tw-ease:cubic-bezier(.77,0,.175,1);transition-timing-function:cubic-bezier(.77,0,.175,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-box-orient\:vertical\]{-webkit-box-orient:vertical}.\[-webkit-line-clamp\:2\]{-webkit-line-clamp:2}.\[scrollbar-width\:none\]{scrollbar-width:none}.placeholder\:text-agg-muted-foreground::placeholder{color:var(--color-agg-muted-foreground)}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.focus-within\:border-2:focus-within{border-style:var(--tw-border-style);border-width:2px}.focus-within\:border-agg-primary:focus-within{border-color:var(--color-agg-primary)}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-agg-muted-foreground:hover{border-color:var(--color-agg-muted-foreground)}.hover\:bg-agg-primary-hover:hover{background-color:var(--color-agg-primary-hover)}.hover\:bg-agg-secondary-hover:hover{background-color:var(--color-agg-secondary-hover)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-agg-foreground\/80:hover{color:var(--color-agg-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:text-agg-foreground\/80:hover{color:color-mix(in oklab, var(--color-agg-foreground) 80%, transparent)}}.hover\:text-agg-primary-hover:hover{color:var(--color-agg-primary-hover)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-agg-card-hover:hover{--tw-shadow:var(--agg-shadow-card-hover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-agg-primary:focus{border-color:var(--color-agg-primary)}.focus\:bg-agg-secondary-hover:focus{background-color:var(--color-agg-secondary-hover)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-agg-primary:focus,.focus\:ring-agg-primary\/15:focus{--tw-ring-color:var(--color-agg-primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-agg-primary\/15:focus{--tw-ring-color:color-mix(in oklab, var(--color-agg-primary) 15%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-agg-secondary-hover:focus-visible{background-color:var(--color-agg-secondary-hover)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-agg-primary:focus-visible{--tw-ring-color:var(--color-agg-primary)}.focus-visible\:ring-agg-primary-hover:focus-visible{--tw-ring-color:var(--color-agg-primary-hover)}.focus-visible\:ring-agg-separator:focus-visible{--tw-ring-color:var(--color-agg-separator)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-agg-secondary:focus-visible{--tw-ring-offset-color:var(--color-agg-secondary)}.focus-visible\:ring-offset-agg-secondary-hover:focus-visible{--tw-ring-offset-color:var(--color-agg-secondary-hover)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-agg-separator:disabled{border-color:var(--color-agg-separator)}.disabled\:bg-agg-secondary:disabled{background-color:var(--color-agg-secondary)}.disabled\:bg-agg-separator:disabled{background-color:var(--color-agg-separator)}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:text-agg-muted-foreground:disabled{color:var(--color-agg-muted-foreground)}.disabled\:text-agg-on-primary:disabled{color:var(--color-agg-on-primary)}.disabled\:opacity-60:disabled{opacity:.6}.data-\[highlighted\]\:bg-agg-secondary-hover[data-highlighted]{background-color:var(--color-agg-secondary-hover)}@media (prefers-reduced-motion:no-preference){.motion-safe\:data-\[state\=closed\]\:animate-agg-modal-overlay-out[data-state=closed]{animation:var(--animate-agg-modal-overlay-out)}.motion-safe\:data-\[state\=closed\]\:animate-agg-modal-panel-out[data-state=closed]{animation:var(--animate-agg-modal-panel-out)}.motion-safe\:data-\[state\=open\]\:animate-agg-modal-overlay-in[data-state=open]{animation:var(--animate-agg-modal-overlay-in)}.motion-safe\:data-\[state\=open\]\:animate-agg-modal-panel-in[data-state=open]{animation:var(--animate-agg-modal-panel-in)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-20{height:calc(var(--spacing) * 20)}.sm\:justify-end{justify-content:flex-end}.sm\:gap-8{gap:calc(var(--spacing) * 8)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:pt-0{padding-top:calc(var(--spacing) * 0)}.sm\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.sm\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.sm\:text-agg-2xl{font-size:var(--text-agg-2xl);line-height:var(--tw-leading,var(--text-agg-2xl--line-height))}.sm\:text-agg-3xl{font-size:var(--text-agg-3xl);line-height:var(--tw-leading,var(--text-agg-3xl--line-height))}.sm\:text-agg-base{font-size:var(--text-agg-base);line-height:var(--tw-leading,var(--text-agg-base--line-height))}.sm\:leading-agg-5{--tw-leading:var(--leading-agg-5);line-height:var(--leading-agg-5)}.sm\:leading-agg-8{--tw-leading:var(--leading-agg-8);line-height:var(--leading-agg-8)}}@media (min-width:48rem){.md\:\[display\:block\],.md\:block{display:block}.md\:hidden{display:none}.md\:size-\[60px\]{width:60px;height:60px}.md\:h-7{height:calc(var(--spacing) * 7)}.md\:w-18{width:calc(var(--spacing) * 18)}.md\:w-\[55\%\]{width:55%}.md\:w-\[220px\]{width:220px}.md\:w-fit{width:fit-content}.md\:min-w-\[168px\]{min-width:168px}.md\:flex-none{flex:none}.md\:\[grid-template-columns\:repeat\(var\(--agg-event-list-columns\)\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(var(--agg-event-list-columns),minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[88px_1fr_1fr_minmax\(120px\,220px\)\]{grid-template-columns:88px 1fr 1fr minmax(120px,220px)}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.md\:overflow-visible{overflow:visible}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:py-4{padding-block:calc(var(--spacing) * 4)}.md\:py-6{padding-block:calc(var(--spacing) * 6)}.md\:py-8{padding-block:calc(var(--spacing) * 8)}.md\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.md\:text-agg-2xl{font-size:var(--text-agg-2xl);line-height:var(--tw-leading,var(--text-agg-2xl--line-height))}.md\:text-agg-base{font-size:var(--text-agg-base);line-height:var(--tw-leading,var(--text-agg-base--line-height))}.md\:text-agg-sm{font-size:var(--text-agg-sm);line-height:var(--tw-leading,var(--text-agg-sm--line-height))}.md\:leading-agg-5{--tw-leading:var(--leading-agg-5);line-height:var(--leading-agg-5)}.md\:leading-agg-6{--tw-leading:var(--leading-agg-6);line-height:var(--leading-agg-6)}.md\:leading-agg-8{--tw-leading:var(--leading-agg-8);line-height:var(--leading-agg-8)}.md\:whitespace-nowrap{white-space:nowrap}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-6{top:calc(var(--spacing) * 6)}.lg\:block{display:block}.lg\:w-\[343px\]{width:343px}.lg\:max-w-\[360px\]{max-width:360px}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:gap-8{gap:calc(var(--spacing) * 8)}}.\[\&_svg\]\:h-3 svg{height:calc(var(--spacing) * 3)}.\[\&_svg\]\:h-4 svg{height:calc(var(--spacing) * 4)}.\[\&_svg\]\:w-3 svg{width:calc(var(--spacing) * 3)}.\[\&_svg\]\:w-4 svg{width:calc(var(--spacing) * 4)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:first-letter\]\:uppercase:first-letter{text-transform:uppercase}.\[\&\>div\:not\(\.agg-livechart\)\:first-of-type\]\:hidden\!>div:not(.agg-livechart):first-of-type{display:none!important}:root{--agg-color-primary:#536dfe;--agg-color-primary-hover:#758afe;--agg-color-secondary:#fff;--agg-color-secondary-hover:#f4f4f7;--agg-color-border:#ced0db;--agg-color-foreground:#020205;--agg-color-muted-foreground:#9d9faf;--agg-color-on-primary:#fff;--agg-color-success:#22c55e;--agg-color-warning:#f59e0b;--agg-color-error:#ef4444;--agg-color-overlay:#000000b3;--agg-color-orderbook-ask:var(--agg-color-success);--agg-color-orderbook-bid:var(--agg-color-error);--agg-color-trade-highlight-border:#eed5aa;--agg-color-trade-highlight-surface:#fffaf2;--agg-color-trade-highlight-accent:#ff7c11;--agg-color-trade-highlight-glow:#fe7c111a;--agg-color-status-error-surface:var(--agg-color-error)}@supports (color:color-mix(in lab, red, red)){:root{--agg-color-status-error-surface:color-mix(in srgb, var(--agg-color-error) 10%, transparent)}}:root{--agg-font-family-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--agg-font-size-xs:.75rem;--agg-font-size-sm:.875rem;--agg-font-size-base:1rem;--agg-font-size-lg:1.125rem;--agg-font-size-xl:1.25rem;--agg-font-size-2xl:1.5rem;--agg-font-size-3xl:1.875rem;--agg-font-size-4xl:2.25rem;--agg-line-height-3:.75rem;--agg-line-height-4:1rem;--agg-line-height-5:1.25rem;--agg-line-height-6:1.5rem;--agg-line-height-7:1.75rem;--agg-line-height-8:2rem;--agg-line-height-9:2.25rem;--agg-line-height-10:2.5rem;--agg-line-height-base:1.5;--agg-font-style-default:normal;--agg-font-weight-normal:400;--agg-font-weight-medium:500;--agg-font-weight-semibold:600;--agg-font-weight-bold:700;--agg-tracking-tight:-.025em;--agg-tracking-normal:0em;--agg-radius-sm:.375rem;--agg-radius-md:.5rem;--agg-radius-lg:.75rem;--agg-radius-xl:1rem;--agg-radius-2xl:1.5rem;--agg-radius-full:9999px;--agg-shadow-card:0 1px 3px #02020514, 0 1px 2px #0202050a;--agg-shadow-card-hover:0 10px 15px #02020514, 0 4px 6px #0202050d;--agg-shadow-popover:0 12px 32px #0202052e;--agg-shadow-modal:0 24px 64px #0202053d;--agg-z-index-dropdown:100;--agg-z-index-overlay:100;--agg-z-index-modal:1000}:where(.agg-root){color:var(--agg-color-foreground);font-family:var(--agg-font-family-sans);font-size:var(--agg-font-size-base);line-height:var(--agg-line-height-base);font-style:var(--agg-font-style-default);font-weight:var(--agg-font-weight-normal);letter-spacing:var(--agg-tracking-normal);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.dark .agg-root:not(.light),.agg-dark .agg-root:not(.light),.agg-root.dark){--agg-color-primary:#667fff;--agg-color-primary-hover:#7f95ff;--agg-color-secondary:#0f172a;--agg-color-secondary-hover:#1e293b;--agg-color-border:#334155;--agg-color-foreground:#f8fafc;--agg-color-muted-foreground:#94a3b8;--agg-color-on-primary:#fff;--agg-color-success:#4ade80;--agg-color-warning:#fbbf24;--agg-color-error:#f87171;--agg-color-overlay:#000000b3;--agg-color-trade-highlight-border:#91703c;--agg-color-trade-highlight-surface:#91703c29;--agg-color-trade-highlight-accent:#ff9f44;--agg-color-trade-highlight-glow:#ff7c112e;--agg-color-status-error-surface:var(--agg-color-error)}@supports (color:color-mix(in lab, red, red)){:where(.dark .agg-root:not(.light),.agg-dark .agg-root:not(.light),.agg-root.dark){--agg-color-status-error-surface:color-mix(in srgb, var(--agg-color-error) 20%, transparent)}}:where(.agg-root,.agg-root *){box-sizing:border-box}.agg-root[data-agg-animations=false],.agg-root[data-agg-animations=false] *,.agg-root[data-agg-animations=false] :before,.agg-root[data-agg-animations=false] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.font-agg-bold{letter-spacing:-.5px}@keyframes agg-market-details-line{0%{width:.625rem;left:0}25%{width:100%;left:0}50%{width:.625rem;left:calc(100% - .625rem)}75%{width:100%;left:0}to{width:.625rem;left:0}}@keyframes agg-modal-overlay-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}to{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000008f}}@keyframes agg-modal-overlay-out{0%{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000008f}to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}@keyframes agg-modal-panel-in{0%{opacity:0;transform:translateY(min(42vh,22rem))scale(.82)}70%{opacity:1;transform:translateY(-.35rem)scale(1.015)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes agg-modal-panel-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(min(28vh,14rem))scale(.9)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

package/dist/switch-button.d.mts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+
+type SwitchButtonOption<Value extends string = string> = {
+    value: Value;
+    label: ReactNode;
+    ariaLabel?: string;
+    disabled?: boolean;
+};
+type SwitchButtonProps<Value extends string = string> = {
+    options: SwitchButtonOption<Value>[];
+    value: Value;
+    onValueChange: (value: Value) => void;
+    ariaLabel: string;
+    className?: string;
+};
+declare const SwitchButton: {
+    <Value extends string>({ options, value, onValueChange, ariaLabel, className, }: SwitchButtonProps<Value>): JSX.Element | null;
+    displayName: string;
+};
+
+export { SwitchButton, type SwitchButtonOption, type SwitchButtonProps };

package/dist/switch-button.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+
+type SwitchButtonOption<Value extends string = string> = {
+    value: Value;
+    label: ReactNode;
+    ariaLabel?: string;
+    disabled?: boolean;
+};
+type SwitchButtonProps<Value extends string = string> = {
+    options: SwitchButtonOption<Value>[];
+    value: Value;
+    onValueChange: (value: Value) => void;
+    ariaLabel: string;
+    className?: string;
+};
+declare const SwitchButton: {
+    <Value extends string>({ options, value, onValueChange, ariaLabel, className, }: SwitchButtonProps<Value>): JSX.Element | null;
+    displayName: string;
+};
+
+export { SwitchButton, type SwitchButtonOption, type SwitchButtonProps };

package/dist/switch-button.js

@@ -0,0 +1,184 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/primitives/switch-button/index.tsx
+var switch_button_exports = {};
+__export(switch_button_exports, {
+  SwitchButton: () => SwitchButton
+});
+module.exports = __toCommonJS(switch_button_exports);
+var import_react = require("react");
+var import_hooks = require("@agg-market/hooks");
+
+// src/shared/utils.ts
+var cn = (...values) => values.filter(Boolean).join(" ");
+var getMotionClassName = (enabled, ...values) => {
+  if (!enabled)
+    return void 0;
+  return cn(...values);
+};
+
+// src/primitives/switch-button/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var resolveActiveIndex = (options, value) => {
+  const activeIndex = options.findIndex((option) => option.value === value);
+  if (activeIndex >= 0)
+    return activeIndex;
+  return 0;
+};
+var resolveNextEnabledIndex = (options, currentIndex, direction) => {
+  if (options.length <= 1)
+    return currentIndex;
+  const step = direction === "next" ? 1 : -1;
+  for (let offset = 1; offset <= options.length; offset += 1) {
+    const candidateIndex = (currentIndex + step * offset + options.length) % options.length;
+    const candidate = options[candidateIndex];
+    if (candidate && !candidate.disabled) {
+      return candidateIndex;
+    }
+  }
+  return currentIndex;
+};
+var SwitchButton = ({
+  options,
+  value,
+  onValueChange,
+  ariaLabel,
+  className
+}) => {
+  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  const activeIndex = (0, import_react.useMemo)(() => {
+    return resolveActiveIndex(options, value);
+  }, [options, value]);
+  const [isAnimating, setIsAnimating] = (0, import_react.useState)(false);
+  const [lastAnimatedIndex, setLastAnimatedIndex] = (0, import_react.useState)(activeIndex);
+  (0, import_react.useEffect)(() => {
+    if (lastAnimatedIndex === activeIndex) {
+      return;
+    }
+    setLastAnimatedIndex(activeIndex);
+    if (!enableAnimations) {
+      setIsAnimating(false);
+      return;
+    }
+    setIsAnimating(true);
+    const timeoutId = window.setTimeout(() => {
+      setIsAnimating(false);
+    }, 350);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [activeIndex, enableAnimations, lastAnimatedIndex]);
+  if (options.length === 0) {
+    return null;
+  }
+  const handleKeyDown = (event, optionIndex) => {
+    if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") {
+      return;
+    }
+    event.preventDefault();
+    const nextOptionIndex = resolveNextEnabledIndex(
+      options,
+      optionIndex,
+      event.key === "ArrowRight" ? "next" : "previous"
+    );
+    const nextOption = options[nextOptionIndex];
+    if (!nextOption || nextOption.disabled) {
+      return;
+    }
+    onValueChange(nextOption.value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: cn(
+        "inline-flex min-w-0 rounded-agg-full bg-agg-secondary-hover font-agg-sans",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: "relative grid min-w-0 flex-1 items-center",
+          style: {
+            gridTemplateColumns: `repeat(${options.length}, minmax(0, 1fr))`
+          },
+          role: "tablist",
+          "aria-label": ariaLabel,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: cn(
+                  "pointer-events-none absolute inset-y-0 left-0 rounded-agg-full border-2 border-agg-primary bg-agg-secondary",
+                  getMotionClassName(
+                    enableAnimations,
+                    "transition-transform duration-[450ms] ease-[cubic-bezier(0.77,0,0.175,1)]"
+                  )
+                ),
+                style: {
+                  width: `${100 / options.length}%`,
+                  transform: `translateX(${activeIndex * 100}%) scaleX(${isAnimating ? 1.08 : 1})`
+                },
+                "aria-hidden": "true"
+              }
+            ),
+            options.map((option, optionIndex) => {
+              var _a;
+              const isActive = optionIndex === activeIndex;
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": isActive,
+                  "aria-label": (_a = option.ariaLabel) != null ? _a : void 0,
+                  tabIndex: isActive ? 0 : -1,
+                  disabled: option.disabled,
+                  className: cn(
+                    "relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-base leading-agg-6 text-agg-foreground",
+                    getMotionClassName(enableAnimations, "transition-colors duration-300"),
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary-hover",
+                    "disabled:cursor-not-allowed disabled:text-agg-muted-foreground",
+                    isActive ? "font-agg-bold" : "font-agg-normal"
+                  ),
+                  onClick: () => {
+                    if (option.disabled || isActive) {
+                      return;
+                    }
+                    onValueChange(option.value);
+                  },
+                  onKeyDown: (event) => {
+                    handleKeyDown(event, optionIndex);
+                  },
+                  children: option.label
+                },
+                option.value
+              );
+            })
+          ]
+        }
+      )
+    }
+  );
+};
+SwitchButton.displayName = "SwitchButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchButton
+});

package/dist/switch-button.mjs

@@ -0,0 +1,7 @@
+import {
+  SwitchButton
+} from "./chunk-TTOR7JCT.mjs";
+import "./chunk-GC3QIIH7.mjs";
+export {
+  SwitchButton
+};

package/dist/tabs.d.mts

@@ -0,0 +1,27 @@
+type TabsItem<TValue extends string = string> = {
+    value: TValue;
+    label: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+};
+type TabsVariant = "bar" | "underline";
+type TabsOverflowBehavior = "scroll" | "menu" | "select";
+type TabsSize = "s" | "m";
+type TabsProps<TValue extends string = string> = {
+    items: TabsItem<TValue>[];
+    value: TValue;
+    onChange: (value: TValue) => void;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    overflowBehavior?: TabsOverflowBehavior;
+    overflowMenuAriaLabel?: string;
+    ariaLabel?: string;
+    className?: string;
+};
+
+declare const Tabs: {
+    <TValue extends string = string>({ items, value, onChange, variant, size, overflowBehavior, overflowMenuAriaLabel, ariaLabel, className, }: TabsProps<TValue>): JSX.Element;
+    displayName: string;
+};
+
+export { Tabs, type TabsItem, type TabsOverflowBehavior, type TabsProps, type TabsSize, type TabsVariant };

package/dist/tabs.d.ts

@@ -0,0 +1,27 @@
+type TabsItem<TValue extends string = string> = {
+    value: TValue;
+    label: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+};
+type TabsVariant = "bar" | "underline";
+type TabsOverflowBehavior = "scroll" | "menu" | "select";
+type TabsSize = "s" | "m";
+type TabsProps<TValue extends string = string> = {
+    items: TabsItem<TValue>[];
+    value: TValue;
+    onChange: (value: TValue) => void;
+    variant?: TabsVariant;
+    size?: TabsSize;
+    overflowBehavior?: TabsOverflowBehavior;
+    overflowMenuAriaLabel?: string;
+    ariaLabel?: string;
+    className?: string;
+};
+
+declare const Tabs: {
+    <TValue extends string = string>({ items, value, onChange, variant, size, overflowBehavior, overflowMenuAriaLabel, ariaLabel, className, }: TabsProps<TValue>): JSX.Element;
+    displayName: string;
+};
+
+export { Tabs, type TabsItem, type TabsOverflowBehavior, type TabsProps, type TabsSize, type TabsVariant };