@indxsearch/systm 2.3.0 → 2.5.0

package/CHANGELOG.md

@@ -5,6 +5,26 @@ All notable changes to @indxsearch/systm will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.5.0] - 2026-09-03
+
+### Added
+- `Spinner`: preloaders on the pixl 7x5 grid, played as hard-cut keyframes
+  (terminal-spinner style). Ships `grow`, `pulse`, `rotate`, `rowing`; props
+  `name`, `size` (number or CSS length, pixl 7:5 ratio), `color` (defaults to
+  `currentColor`), `delay` (ms per frame override). Works as Button
+  `iconLeft`/`iconRight`. Honors `prefers-reduced-motion` by freezing on the
+  first frame. `spinnerNames` exports the available names.
+- Spinner keyframes are authored as SVG files in `spinners/<name>/keyframes/`
+  and compiled by `npm run generate:spinners` (runs automatically on build).
+
+## [2.4.0] - 2026-08-27
+
+### Added
+- `Tabs`: `scrollable` prop — horizontally scrollable tab strip with scroll-aware fade edges.
+
+### Changed
+- Chart design refinements.
+
 ## [2.3.0] - 2026-06-18
 
 ### Added

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,14 @@
+import { SpinnerName } from './spinners.generated';
+export interface SpinnerProps {
+    /** Which spinner to play; defaults to the first generated one. */
+    name?: SpinnerName;
+    /** Width in px (or any CSS length); height follows the pixl 7x5 ratio. Ideally a multiple of 7. */
+    size?: number | string;
+    /** Any CSS color; defaults to currentColor. */
+    color?: string;
+    /** Ms per frame, overriding the spinner's authored delay. */
+    delay?: number;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function Spinner({ name, size, color, delay, className, 'aria-label': ariaLabel, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Spinner/spinners.generated.d.ts

@@ -0,0 +1,31 @@
+export interface SpinnerDef {
+    readonly viewBox: string;
+    /** Default ms per frame; overridable via the Spinner `delay` prop. */
+    readonly delay: number;
+    /** One pixl-style path per frame; an empty string is a blank frame. */
+    readonly frames: readonly string[];
+}
+export declare const spinners: {
+    grow: {
+        viewBox: string;
+        delay: number;
+        frames: string[];
+    };
+    pulse: {
+        viewBox: string;
+        delay: number;
+        frames: string[];
+    };
+    rotate: {
+        viewBox: string;
+        delay: number;
+        frames: string[];
+    };
+    rowing: {
+        viewBox: string;
+        delay: number;
+        frames: string[];
+    };
+};
+export type SpinnerName = keyof typeof spinners;
+export declare const spinnerNames: SpinnerName[];

package/dist/components/Tabs/Tabs.d.ts

@@ -7,5 +7,10 @@ export interface TabsProps {
     value: string;
     onValueChange: (value: string) => void;
     size?: 'micro' | 'default' | 'large';
+    /**
+     * When the tabs don't fit, scroll horizontally instead of clipping. The edges fade to hint
+     * there's more (the design system uses no shadows). Opt-in — leave off for a small, fixed set.
+     */
+    scrollable?: boolean;
 }
-export declare function Tabs({ items, value, onValueChange, size }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ items, value, onValueChange, size, scrollable }: TabsProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime"),u=require("@indxsearch/pixl"),d=require("react-range"),f=require("@radix-ui/react-select");f=s(f,1);let p=require("@radix-ui/react-popover");p=s(p,1);let m=require("@radix-ui/react-tooltip");m=s(m,1);let h=require("@radix-ui/react-dialog");h=s(h,1);var g={button:`_button_1sns4_1`,micro:`_micro_1sns4_22`,default:`_default_1sns4_30`,large:`_large_1sns4_38`,primary:`_primary_1sns4_47`,secondary:`_secondary_1sns4_57`,ghost:`_ghost_1sns4_67`};function _(e){let{size:t=`default`,variant:n=`primary`,iconLeft:r,iconRight:i,className:a,children:o,...s}=e,{href:u}=s,d=`disabled`in s?s.disabled:!1,f=t===`micro`?`14px`:t===`large`?`21px`:`14px`,p=[g.button,g[t],g[n],d?`cursor-not-allowed`:`cursor-pointer`,a].filter(Boolean).join(` `);if(process.env.NODE_ENV!==`production`){let e=(r||i)&&!o,t=s[`aria-label`]||s[`aria-labelledby`];e&&!t&&console.warn(`Button: Icon-only buttons should have an aria-label or aria-labelledby for accessibility.`)}let m=(0,l.jsxs)(l.Fragment,{children:[r&&c.default.cloneElement(r,{size:f,color:`currentColor`}),o,i&&c.default.cloneElement(i,{size:f,color:`currentColor`})]});if(u){let{type:e,disabled:t,...n}=s;return(0,l.jsx)(`a`,{className:p,href:u,...n,"aria-disabled":d?`true`:void 0,onClick:d?e=>e.preventDefault():n.onClick,children:m})}let{type:h=`button`,..._}=s;return(0,l.jsx)(`button`,{className:p,type:h,..._,children:m})}var v={checkboxWrapper:`_checkboxWrapper_1vygn_1`,checkbox:`_checkbox_1vygn_1`,label:`_label_1vygn_44`,score:`_score_1vygn_48`,disabled:`_disabled_1vygn_55`},y=({label:e,score:t,className:n=``,id:r,"aria-label":i,...a})=>{let o=c.default.useId(),s=r||o,u=t?`${s}-score`:void 0,d=a.disabled;return e||t?(0,l.jsxs)(`label`,{htmlFor:s,className:`${v.checkboxWrapper} ${n} ${d?v.disabled:``} ${d?`cursor-not-allowed`:`cursor-pointer`}`,children:[(0,l.jsx)(`input`,{id:s,type:`checkbox`,className:v.checkbox,"aria-describedby":u,"aria-label":i,...a}),e&&(0,l.jsx)(`span`,{className:v.label,children:e}),t&&(0,l.jsx)(`span`,{id:u,className:v.score,children:t})]}):(0,l.jsx)(`input`,{id:s,type:`checkbox`,className:`${v.checkbox} ${n}`,"aria-label":i,disabled:d,...a})},b={container:`_container_dlzj1_1`,default:`_default_dlzj1_5`};function x({children:e,className:t}){return(0,l.jsx)(`div`,{className:`${b.container} ${b.default} ${t||``}`,children:e})}var S={container:`_container_10bfq_1`,header:`_header_10bfq_11`,title:`_title_10bfq_31`,toggleButton:`_toggleButton_10bfq_38`,body:`_body_10bfq_49`};function C({title:e,children:t,className:n=``,collapsible:r=!0,collapsed:i=!1}){let[a,o]=(0,c.useState)(()=>!i),s=c.default.useId();return(0,c.useEffect)(()=>{r&&o(!i)},[i,r]),(0,l.jsxs)(`div`,{className:`${S.container} ${n}`,children:[e&&(r?(0,l.jsxs)(`button`,{type:`button`,className:S.header,onClick:()=>{r&&o(e=>!e)},"aria-label":`${e}: ${a?`Collapse panel`:`Expand panel`}`,"aria-expanded":a,"aria-controls":s,children:[(0,l.jsx)(`div`,{className:S.title,children:e}),(0,l.jsx)(`span`,{"aria-hidden":`true`,children:a?(0,l.jsx)(u.Minus,{color:`var(--lv5)`,size:14}):(0,l.jsx)(u.Plus,{color:`var(--lv5)`,size:14})})]}):(0,l.jsx)(`div`,{className:S.header,children:(0,l.jsx)(`div`,{className:S.title,children:e})})),(!r||a)&&(0,l.jsx)(`div`,{id:s,className:S.body,role:`region`,"aria-label":e||`Filter panel content`,children:t})]})}var w={wrapper:`_wrapper_tf1yl_1`,label:`_label_tf1yl_7`,inputContainer:`_inputContainer_tf1yl_12`,input:`_input_tf1yl_12`,focus:`_focus_tf1yl_35`,searchIcon:`_searchIcon_tf1yl_52`,rightContent:`_rightContent_tf1yl_67`,sizeMicro:`_sizeMicro_tf1yl_78`,sizeDefault:`_sizeDefault_tf1yl_87`,error:`_error_tf1yl_110`,errorText:`_errorText_tf1yl_114`},T={micro:14,default:21};function E({label:e,error:t,className:n=``,showSearchIcon:r=!0,searchIcon:i,searchIconColor:a,inputSize:o=`default`,showFocusBorder:s=!1,children:d,id:f,type:p=`search`,...m}){let h=(0,c.useRef)(null),g=c.default.useId(),_=f||g,v=`${_}-error`,y=T[o],b={};a&&(b[`--search-icon-color`]=a);let x=i??(0,l.jsx)(u.Search,{}),S=o===`micro`?w.sizeMicro:w.sizeDefault;return(0,l.jsxs)(`div`,{className:`${w.wrapper} ${n}`,children:[e&&(0,l.jsx)(`label`,{htmlFor:_,className:w.label,children:e}),(0,l.jsxs)(`div`,{className:`${w.inputContainer} ${S}`,children:[r&&(0,l.jsx)(`span`,{className:w.searchIcon,"aria-hidden":`true`,children:c.default.cloneElement(x,{size:y,color:a??`var(--search-icon-color)`})}),(0,l.jsx)(`input`,{ref:h,id:_,type:p,className:`${w.input} ${s?w.focus:``} ${t?w.error:``}`,style:b,"aria-invalid":t?`true`:`false`,"aria-describedby":t?v:void 0,...m}),d&&(0,l.jsx)(`div`,{className:w.rightContent,children:d})]}),t&&(0,l.jsx)(`span`,{id:v,className:w.errorText,role:`alert`,children:t})]})}var D={wrapper:`_wrapper_su5p5_1`,label:`_label_su5p5_7`,input:`_input_su5p5_12`,error:`_error_su5p5_61`,errorText:`_errorText_su5p5_69`,borderBottom:`_borderBottom_su5p5_75`};function O({label:e,error:t,className:n=``,isValid:r=!0,variant:i=`default`,id:a,...o}){let s=c.default.useId(),u=a||s,d=`${u}-error`,f=t||!r;return(0,l.jsxs)(`div`,{className:`${D.wrapper} ${n}`,children:[e&&(0,l.jsxs)(`label`,{htmlFor:u,className:D.label,children:[e,o.required&&(0,l.jsx)(`span`,{"aria-label":`required`,children:` *`})]}),(0,l.jsx)(`input`,{id:u,className:`${D.input} ${i===`borderBottom`?D.borderBottom:``} ${f?D.error:``}`,"aria-invalid":f?`true`:`false`,"aria-describedby":t?d:void 0,...o}),t&&(0,l.jsx)(`span`,{id:d,className:D.errorText,role:`alert`,children:t})]})}var k={radioWrapper:`_radioWrapper_1faq0_1`,radioInput:`_radioInput_1faq0_9`,customRadio:`_customRadio_1faq0_23`,labelText:`_labelText_1faq0_57`,disabled:`_disabled_1faq0_63`},A=({id:e,name:t,value:n,label:r,checked:i=!1,onChange:a,disabled:o=!1,"aria-label":s})=>(0,l.jsxs)(`label`,{htmlFor:e,className:`${k.radioWrapper} ${o?k.disabled:``} ${o?`cursor-not-allowed`:`cursor-pointer`}`,children:[(0,l.jsx)(`input`,{id:e,type:`radio`,name:t,value:n,checked:i,onChange:a,disabled:o,"aria-label":s,className:k.radioInput}),(0,l.jsx)(`span`,{className:k.customRadio}),(0,l.jsx)(`span`,{className:k.labelText,children:r})]}),j={switch:`_switch_1xsea_1`,slider:`_slider_1xsea_23`,label:`_label_1xsea_28`,disabled:`_disabled_1xsea_43`},M=({id:e,checked:t,onChange:n,disabled:r=!1,label:i,"aria-label":a})=>{let o=c.default.useId(),s=e||o;return(0,l.jsxs)(`label`,{htmlFor:s,className:`${j.switch} ${r?j.disabled:``} ${r?`cursor-not-allowed`:`cursor-pointer`}`,children:[(0,l.jsx)(`input`,{id:s,type:`checkbox`,role:`switch`,"aria-checked":t,"aria-label":a,checked:t,onChange:e=>n(e.target.checked),disabled:r}),(0,l.jsx)(`span`,{className:j.slider,"aria-hidden":`true`}),i&&(0,l.jsx)(`span`,{className:j.label,children:i})]})},N={label:`_label_12as9_1`,basetrack:`_basetrack_12as9_8`,selectedtrack:`_selectedtrack_12as9_36`,livetrack:`_livetrack_12as9_43`,livetrackFaceted:`_livetrackFaceted_12as9_49`,livetrackDefault:`_livetrackDefault_12as9_52`,thumbs:`_thumbs_12as9_55`,disabled:`_disabled_12as9_89`},ee=e=>{let{min:t,max:n,step:r=1,disabled:i=!1,className:a,activeMin:o,activeMax:s,isFaceted:u=!1,highlightFaceted:f=!0,onChange:p,onFinalChange:m,label:h,"aria-label":g,id:_}=e,v=c.default.useId(),y=_||v;if(process.env.NODE_ENV!==`production`&&!h&&!g&&console.warn(`Slider: Component should have either a label or aria-label for accessibility.`),`isRange`in e&&e.isRange){let c=e.value,[f,_]=c;return(0,l.jsxs)(`div`,{className:a,children:[h&&(0,l.jsx)(`label`,{htmlFor:y,className:N.label,children:h}),(0,l.jsx)(d.Range,{step:r,min:t,max:n,values:c,onChange:e=>p(e),onFinalChange:e=>m?.(e),disabled:i,renderTrack:({props:e,children:r})=>{let{key:i,...a}=e,c=n-t,d=(f-t)/c*100,p=(_-f)/c*100,m=0,h=0,g=typeof o==`number`&&typeof s==`number`&&s>o&&(o>t||s<n);return g&&(m=(o-t)/c*100,h=(s-o)/c*100),(0,l.jsxs)(`div`,{...a,className:N.basetrack,style:{...a.style},children:[!g&&(0,l.jsx)(`div`,{className:N.selectedtrack,style:{left:`${d}%`,width:`${p}%`,zIndex:`1`}}),g&&(0,l.jsx)(`div`,{className:`${N.livetrack} ${u?N.livetrackFaceted:N.livetrackDefault}`,style:{left:`${m}%`,width:`${h}%`,zIndex:`2`}}),r]},i)},renderThumb:({props:e,index:r})=>{let{key:a,...o}=e,s=r===0?f:_;return(0,l.jsx)(`div`,{...o,id:r===0?y:void 0,className:`${N.thumbs} ${i?N.disabled:``} ${i?`cursor-not-allowed`:`cursor-resize-col`}`,style:{...o.style,zIndex:`3`},"aria-label":g||(r===0?`Minimum value`:`Maximum value`),"aria-valuemin":t,"aria-valuemax":n,"aria-valuenow":s},a)}})]})}else{let c=e.value;return(0,l.jsxs)(`div`,{className:a,children:[h&&(0,l.jsx)(`label`,{htmlFor:y,className:N.label,children:h}),(0,l.jsx)(d.Range,{step:r,min:t,max:n,values:[c],onChange:e=>p(e[0]),onFinalChange:e=>m?.(e[0]),disabled:i,renderTrack:({props:e,children:r})=>{let{key:i,...a}=e,d=n-t,f=(c-t)/d*100,p=0,m=0,h=typeof o==`number`&&typeof s==`number`&&s>o&&(o>t||s<n);return h&&(p=(o-t)/d*100,m=(s-o)/d*100),(0,l.jsxs)(`div`,{...a,className:N.basetrack,style:{...a.style},children:[!h&&(0,l.jsx)(`div`,{className:N.selectedtrack,style:{left:`0%`,width:`${f}%`,zIndex:`1`}}),h&&(0,l.jsx)(`div`,{className:`${N.livetrack} ${u?N.livetrackFaceted:N.livetrackDefault}`,style:{left:`${p}%`,width:`${m}%`,zIndex:`2`}}),r]},i)},renderThumb:({props:e})=>{let{key:r,...a}=e;return(0,l.jsx)(`div`,{...a,id:y,className:`${N.thumbs} ${i?N.disabled:``} ${i?`cursor-not-allowed`:`cursor-resize-col`}`,style:{...a.style,zIndex:`3`},"aria-label":g,"aria-valuemin":t,"aria-valuemax":n,"aria-valuenow":c},r)}})]})}},P={wrapper:`_wrapper_15fsv_1`,label:`_label_15fsv_7`,trigger:`_trigger_15fsv_12`,micro:`_micro_15fsv_28`,default:`_default_15fsv_34`,large:`_large_15fsv_40`,icon:`_icon_15fsv_60`,content:`_content_15fsv_68`,viewport:`_viewport_15fsv_76`,item:`_item_15fsv_82`,itemIndicator:`_itemIndicator_15fsv_105`},F=({value:e,onValueChange:t,options:n,placeholder:r=`Select...`,className:i=``,disabled:a=!1,label:o,size:s=`default`,"aria-label":d,id:p})=>{let m=c.default.useId(),h=p||m,g=`${h}-label`,_=n.find(t=>t.value===e),v=(0,l.jsxs)(f.Root,{value:e,onValueChange:t,disabled:a,children:[(0,l.jsxs)(f.Trigger,{id:h,className:`${P.trigger} ${P[s]} ${i} cursor-pointer`,...o?{"aria-labelledby":g}:d?{"aria-label":d}:{},children:[(0,l.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[_?.icon,(0,l.jsx)(f.Value,{placeholder:r})]}),(0,l.jsx)(f.Icon,{className:P.icon,"aria-hidden":`true`,children:(0,l.jsx)(u.Chevron_down,{size:s===`large`?21:14,color:`currentColor`})})]}),(0,l.jsx)(f.Portal,{children:(0,l.jsx)(f.Content,{className:P.content,position:`popper`,side:`bottom`,align:`start`,sideOffset:4,children:(0,l.jsx)(f.Viewport,{className:P.viewport,children:n.map(e=>(0,l.jsxs)(f.Item,{value:e.value,className:P.item,children:[(0,l.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[e.icon,(0,l.jsx)(f.ItemText,{children:e.label})]}),(0,l.jsx)(f.ItemIndicator,{className:P.itemIndicator,children:(0,l.jsx)(u.Check,{size:12,color:`currentColor`})})]},e.value))})})})]});return o?(0,l.jsxs)(`div`,{className:P.wrapper,children:[(0,l.jsx)(`label`,{id:g,htmlFor:h,className:P.label,children:o}),v]}):v},I={content:`_content_1qahr_1`},L=({trigger:e,children:t,open:n,onOpenChange:r,align:i=`end`,side:a=`bottom`,sideOffset:o=5,className:s=``,"aria-label":c,"aria-describedby":u})=>(0,l.jsxs)(p.Root,{open:n,onOpenChange:r,children:[(0,l.jsx)(p.Trigger,{asChild:!0,children:e}),(0,l.jsx)(p.Portal,{children:(0,l.jsx)(p.Content,{className:`${I.content} ${s}`,align:i,side:a,sideOffset:o,"aria-label":c,"aria-describedby":u,children:t})})]}),R={table:`_table_1b0iq_1`,caption:`_caption_1b0iq_8`,headerRow:`_headerRow_1b0iq_25`,dataRow:`_dataRow_1b0iq_33`,cellInner:`_cellInner_1b0iq_41`,cellLabel:`_cellLabel_1b0iq_47`,cellContent:`_cellContent_1b0iq_52`,value:`_value_1b0iq_58`,icon:`_icon_1b0iq_64`};function te({children:e,caption:t,"aria-label":n}){return process.env.NODE_ENV!==`production`&&!t&&!n&&console.warn(`Table: Component should have either a caption or aria-label for accessibility.`),(0,l.jsxs)(`table`,{className:R.table,"aria-label":n,children:[t&&(0,l.jsx)(`caption`,{className:R.caption,children:t}),e]})}function ne({children:e}){let t=c.default.Children.map(e,e=>c.default.isValidElement(e)&&e.type===`td`?(0,l.jsx)(`th`,{scope:`col`,...e.props}):e);return(0,l.jsx)(`thead`,{children:(0,l.jsx)(`tr`,{className:R.headerRow,children:t})})}function re({children:e}){return(0,l.jsx)(`tr`,{className:R.dataRow,children:e})}function ie({label:e,children:t,isHeader:n=!1,scope:r}){let i=n?`th`:`td`,a=n&&r?{scope:r}:{};return e||t?(0,l.jsx)(i,{...a,children:(0,l.jsxs)(`div`,{className:R.cellInner,children:[e&&(0,l.jsx)(`span`,{className:R.cellLabel,children:e}),t&&(0,l.jsx)(`div`,{className:R.cellContent,children:t})]})}):(0,l.jsx)(i,{...a,children:t})}function z({children:e}){return(0,l.jsx)(`span`,{className:R.value,children:e})}function B({children:e,"aria-label":t}){let n=!t;return(0,l.jsx)(`span`,{className:R.icon,"aria-hidden":n?`true`:void 0,"aria-label":t,children:c.default.cloneElement(e,{size:`14px`,color:`currentColor`})})}var V={tabs:`_tabs_qrelf_1`,tab:`_tab_qrelf_1`,active:`_active_qrelf_23`,micro:`_micro_qrelf_29`,default:`_default_qrelf_36`,large:`_large_qrelf_43`};function H({items:e,value:t,onValueChange:n,size:r=`default`}){return(0,l.jsx)(`div`,{className:V.tabs,role:`tablist`,children:e.map(e=>(0,l.jsx)(`button`,{role:`tab`,type:`button`,"aria-selected":t===e.value,className:`${V.tab} ${V[r]} ${t===e.value?V.active:``}`,onClick:()=>n(e.value),children:e.label},e.value))})}var U={wrapper:`_wrapper_1a9jo_1`,track:`_track_1a9jo_8`,fill:`_fill_1a9jo_36`,label:`_label_1a9jo_46`};function ae({value:e,showLabel:t=!1,fulfilledColor:n=!1,className:r=``}){let i=Math.min(100,Math.max(0,e)),a=`${Math.round(i)}%`,o=n&&i>=100?`var(--CPureBlue)`:void 0;return(0,l.jsxs)(`div`,{className:`${U.wrapper} ${r}`,role:`progressbar`,"aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[(0,l.jsx)(`div`,{className:U.track,children:(0,l.jsx)(`div`,{className:U.fill,style:{width:`${i}%`,backgroundColor:o}})}),t&&(0,l.jsx)(`span`,{className:U.label,"aria-hidden":`true`,children:a})]})}var W={chip:`_chip_iaxe0_1`,large:`_large_iaxe0_14`};function oe({children:e,color:t,textColor:n,className:r,icon:i,size:a=`default`}){let o={};return t&&(o.backgroundColor=t),n&&(o.color=n),(0,l.jsxs)(`span`,{className:[W.chip,a===`large`&&W.large,r].filter(Boolean).join(` `),style:o,children:[i&&c.default.cloneElement(i,{size:14,color:`currentColor`}),e]})}var G={tooltip:`_tooltip_1de7z_1`,arrow:`_arrow_1de7z_13`};function se({content:e,position:t=`top`,children:n,className:r}){return(0,l.jsx)(m.Provider,{delayDuration:80,children:(0,l.jsxs)(m.Root,{children:[(0,l.jsx)(m.Trigger,{asChild:!0,children:n}),(0,l.jsx)(m.Portal,{children:(0,l.jsxs)(m.Content,{side:t,sideOffset:7,className:[G.tooltip,r].filter(Boolean).join(` `),children:[e,(0,l.jsx)(m.Arrow,{className:G.arrow})]})})]})})}var K={wrapper:`_wrapper_1w5vh_1`,chart:`_chart_1w5vh_8`,svg:`_svg_1w5vh_33`,tooltip:`_tooltip_1w5vh_39`,tooltipLabel:`_tooltipLabel_1w5vh_49`,tooltipRow:`_tooltipRow_1w5vh_57`,tooltipDot:`_tooltipDot_1w5vh_64`,tooltipName:`_tooltipName_1w5vh_70`,tooltipValue:`_tooltipValue_1w5vh_76`,legend:`_legend_1w5vh_83`,legendItem:`_legendItem_1w5vh_90`,legendMark:`_legendMark_1w5vh_96`,legendLabel:`_legendLabel_1w5vh_102`},q=`var(--lv4)`,J=12,ce=8,le=8,ue=28,Y=8;function de(e){return Number.isInteger(e)?String(e):e.toLocaleString(void 0,{maximumFractionDigits:2})}function fe({series:e,labels:t,type:n=`line`,height:r=200,showLegend:i=!0,className:a}){let o=(0,c.useRef)(null),[s,u]=(0,c.useState)(0),[d,f]=(0,c.useState)(null);(0,c.useEffect)(()=>{let e=o.current;if(!e)return;let t=new ResizeObserver(([e])=>u(e.contentRect.width));return t.observe(e),u(e.clientWidth),()=>t.disconnect()},[]);let p=t?.length?ue:le,m=Math.max(s-Y-ce,0),h=Math.max(r-J-p,0),g=e.flatMap(e=>e.data.filter(Number.isFinite)),_=g.length?Math.max(...g,0):1,v=n===`bar`?0:Math.min(...g,0),y=_-v||1,b=Math.max(...e.map(e=>e.data.length),0),x=e=>J+(1-(e-v)/y)*h,S=e=>b<=1?Y+m/2:Y+e/(b-1)*m,C=(0,c.useCallback)(e=>{if(b===0)return;let t=e.currentTarget.getBoundingClientRect(),r=e.clientX-t.left,i=e.clientY-t.top;if(n===`line`){let e=Math.round((r-Y)/m*(b-1));f({index:Math.max(0,Math.min(b-1,e)),x:r,y:i})}else{let e=m/b,t=Math.floor((r-Y)/e);f({index:Math.max(0,Math.min(b-1,t)),x:r,y:i})}},[n,b,m]),w=(0,c.useCallback)(()=>f(null),[]),T=(0,l.jsx)(`line`,{x1:Y,y1:J+h*.5,x2:Y+m,y2:J+h*.5,stroke:`var(--chart-midline)`,strokeWidth:`0.5`}),E=(0,l.jsx)(`line`,{x1:Y,y1:J+h,x2:Y+m,y2:J+h,stroke:`var(--chart-baseline)`,strokeWidth:`1`}),D=d&&n===`bar`?(()=>{let e=m/b;return(0,l.jsx)(`rect`,{x:Y+d.index*e,y:J,width:e,height:h,fill:`var(--chart-column-hover)`})})():null,O=()=>e.map((e,t)=>{if(!e.data.length)return null;let n=e.color??q;return(0,l.jsxs)(`g`,{children:[(0,l.jsx)(`polyline`,{points:e.data.map((e,t)=>`${S(t).toFixed(2)},${x(e).toFixed(2)}`).join(` `),fill:`none`,stroke:n,strokeWidth:`1`,strokeLinejoin:`round`,strokeLinecap:`round`}),e.data.map((e,t)=>{let r=d?.index===t?10:5,i=r/2;return(0,l.jsx)(`rect`,{x:S(t)-i,y:x(e)-i,width:r,height:r,fill:n},t)})]},t)}),k=()=>{if(!b)return null;let t=e.length,n=m/b,r=Math.max((n-2*(t+1))/t,2),i=J+h;return e.map((e,t)=>e.data.map((a,o)=>{let s=Y+o*n+2+t*(r+2),c=x(a);return(0,l.jsx)(`rect`,{x:s,y:c,width:r,height:Math.max(i-c,0),fill:e.color??`var(--chart-bar)`},`${t}-${o}`)}))},A=()=>{if(!t?.length)return null;let e=J+h+18;return t.map((t,r)=>(0,l.jsx)(`text`,{x:n===`line`?S(r):Y+(r+.5)*(m/b),y:e,textAnchor:`middle`,fill:`var(--lv4)`,style:{font:`var(--text-2xs)`},children:t},r))},j=d&&n===`line`?(0,l.jsx)(`line`,{x1:S(d.index),y1:J,x2:S(d.index),y2:J+h,stroke:`var(--chart-crosshair)`,strokeWidth:`1`,strokeDasharray:`3 3`}):null,M=d?(()=>{let n=t?.[d.index]??String(d.index+1),r=Math.min(Math.max(d.x,60),s-60);return(0,l.jsxs)(`div`,{className:K.tooltip,style:d.y<80?{left:r,top:d.y+12,transform:`translate(-50%, 0)`}:{left:r,top:d.y-8,transform:`translate(-50%, -100%)`},children:[(0,l.jsx)(`div`,{className:K.tooltipLabel,children:n}),e.map((e,t)=>(0,l.jsxs)(`div`,{className:K.tooltipRow,children:[(0,l.jsx)(`span`,{className:K.tooltipDot,style:{background:e.color??q}}),(0,l.jsx)(`span`,{className:K.tooltipName,children:e.label}),(0,l.jsx)(`span`,{className:K.tooltipValue,children:de(e.data[d.index]??0)})]},t))]})})():null;return(0,l.jsxs)(`div`,{className:[K.wrapper,a].filter(Boolean).join(` `),children:[(0,l.jsxs)(`div`,{ref:o,className:K.chart,style:{height:r},children:[s>0&&(0,l.jsxs)(`svg`,{width:s,height:r,className:K.svg,onMouseMove:C,onMouseLeave:w,children:[T,E,D,j,n===`line`?O():k(),A()]}),M]}),i&&e.length>1&&(0,l.jsx)(`div`,{className:K.legend,children:e.map((e,t)=>(0,l.jsxs)(`div`,{className:K.legendItem,children:[(0,l.jsx)(`div`,{className:K.legendMark,style:{background:e.color??q}}),(0,l.jsx)(`span`,{className:K.legendLabel,children:e.label})]},t))})]})}var X={wrapper:`_wrapper_17ws4_1`,label:`_label_17ws4_7`,textarea:`_textarea_17ws4_12`,error:`_error_17ws4_48`,errorText:`_errorText_17ws4_56`};function pe({label:e,error:t,className:n=``,isValid:r=!0,id:i,rows:a=4,...o}){let s=c.default.useId(),u=i||s,d=`${u}-error`,f=t||!r;return(0,l.jsxs)(`div`,{className:`${X.wrapper} ${n}`,children:[e&&(0,l.jsxs)(`label`,{htmlFor:u,className:X.label,children:[e,o.required&&(0,l.jsx)(`span`,{"aria-label":`required`,children:` *`})]}),(0,l.jsx)(`textarea`,{id:u,rows:a,className:`${X.textarea} ${f?X.error:``}`,"aria-invalid":f?`true`:`false`,"aria-describedby":t?d:void 0,...o}),t&&(0,l.jsx)(`span`,{id:d,className:X.errorText,role:`alert`,children:t})]})}var Z={overlay:`_overlay_xud7c_1`,content:`_content_xud7c_8`,title:`_title_xud7c_26`,description:`_description_xud7c_34`,close:`_close_xud7c_40`,srOnly:`_srOnly_xud7c_62`},me=({trigger:e,children:t,open:n,onOpenChange:r,title:i,description:a,className:o=``,showClose:s=!0})=>(0,l.jsxs)(h.Root,{open:n,onOpenChange:r,children:[e&&(0,l.jsx)(h.Trigger,{asChild:!0,children:e}),(0,l.jsxs)(h.Portal,{children:[(0,l.jsx)(h.Overlay,{className:Z.overlay}),(0,l.jsxs)(h.Content,{className:`${Z.content} ${o}`,children:[(0,l.jsx)(h.Title,{className:i?Z.title:Z.srOnly,children:i||`Dialog`}),a&&(0,l.jsx)(h.Description,{className:Z.description,children:a}),s&&(0,l.jsx)(h.Close,{className:Z.close,"aria-label":`Close`,children:(0,l.jsx)(u.X_or_error,{size:16,color:`currentColor`})}),t]})]})]}),Q={wrapper:`_wrapper_aimna_1`,label:`_label_aimna_7`,trigger:`_trigger_aimna_12`,error:`_error_aimna_43`,placeholder:`_placeholder_aimna_47`,valueText:`_valueText_aimna_51`,calendar:`_calendar_aimna_55`,header:`_header_aimna_65`,monthLabel:`_monthLabel_aimna_71`,navButton:`_navButton_aimna_77`,weekdays:`_weekdays_aimna_95`,grid:`_grid_aimna_96`,weekday:`_weekday_aimna_95`,day:`_day_aimna_109`,outside:`_outside_aimna_127`,today:`_today_aimna_131`,selected:`_selected_aimna_136`,errorText:`_errorText_aimna_142`},he=[`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`,`Su`],ge=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`];function _e(e){let t=String(e.getMonth()+1).padStart(2,`0`),n=String(e.getDate()).padStart(2,`0`);return`${e.getFullYear()}-${t}-${n}`}function $(e,t){return!!e&&!!t&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function ve(e,t){let n=(new Date(e,t,1).getDay()+6)%7,r=[];for(let i=0;i<42;i++)r.push(new Date(e,t,1-n+i));return r}var ye=({value:e,onChange:t,label:n,placeholder:r=`Select a date`,error:i,isValid:a=!0,disabled:o=!1,className:s=``,formatDate:d=_e})=>{let f=`${c.default.useId()}-error`,m=!!i||!a,[h,g]=(0,c.useState)(!1),_=new Date,v=e??_,[y,b]=(0,c.useState)(v.getFullYear()),[x,S]=(0,c.useState)(v.getMonth());c.default.useEffect(()=>{h&&e&&(b(e.getFullYear()),S(e.getMonth()))},[h]);let C=()=>{x===0?(S(11),b(y-1)):S(x-1)},w=()=>{x===11?(S(0),b(y+1)):S(x+1)},T=e=>{t?.(e),g(!1)},E=ve(y,x);return(0,l.jsxs)(`div`,{className:`${Q.wrapper} ${s}`,children:[n&&(0,l.jsx)(`span`,{className:Q.label,children:n}),(0,l.jsxs)(p.Root,{open:h,onOpenChange:g,children:[(0,l.jsx)(p.Trigger,{asChild:!0,children:(0,l.jsxs)(`button`,{type:`button`,className:`${Q.trigger} ${m?Q.error:``}`,disabled:o,"aria-invalid":m?`true`:`false`,"aria-describedby":i?f:void 0,children:[(0,l.jsx)(`span`,{className:e?Q.valueText:Q.placeholder,children:e?d(e):r}),(0,l.jsx)(u.Chevron_down,{size:14,color:`currentColor`})]})}),(0,l.jsx)(p.Portal,{children:(0,l.jsxs)(p.Content,{className:Q.calendar,align:`start`,sideOffset:5,children:[(0,l.jsxs)(`div`,{className:Q.header,children:[(0,l.jsx)(`button`,{type:`button`,className:Q.navButton,onClick:C,"aria-label":`Previous month`,children:(0,l.jsx)(u.Chevron_left,{size:14,color:`currentColor`})}),(0,l.jsxs)(`span`,{className:Q.monthLabel,children:[ge[x],` `,y]}),(0,l.jsx)(`button`,{type:`button`,className:Q.navButton,onClick:w,"aria-label":`Next month`,children:(0,l.jsx)(u.Chevron_right,{size:14,color:`currentColor`})})]}),(0,l.jsx)(`div`,{className:Q.weekdays,children:he.map(e=>(0,l.jsx)(`span`,{className:Q.weekday,children:e},e))}),(0,l.jsx)(`div`,{className:Q.grid,children:E.map(t=>{let n=t.getMonth()!==x,r=$(t,e),i=$(t,_);return(0,l.jsx)(`button`,{type:`button`,className:[Q.day,n?Q.outside:``,r?Q.selected:``,i&&!r?Q.today:``].filter(Boolean).join(` `),onClick:()=>T(t),children:t.getDate()},t.toISOString())})})]})})]}),i&&(0,l.jsx)(`span`,{id:f,className:Q.errorText,role:`alert`,children:i})]})};exports.Base=x,exports.Button=_,exports.Chart=fe,exports.Checkbox=y,exports.Chip=oe,exports.DatePicker=ye,exports.FilterPanelBase=C,exports.InputField=O,exports.Modal=me,exports.Popover=L,exports.ProgressBar=ae,exports.RadioButton=A,exports.SearchField=E,exports.Select=F,exports.Slider=ee,exports.Table=te,exports.TableCell=ie,exports.TableHeader=ne,exports.TableIcon=B,exports.TableRow=re,exports.TableValue=z,exports.Tabs=H,exports.Textarea=pe,exports.ToggleSwitch=M,exports.Tooltip=se;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime"),u=require("@indxsearch/pixl"),d=require("react-range"),f=require("@radix-ui/react-select");f=s(f,1);let p=require("@radix-ui/react-popover");p=s(p,1);let m=require("@radix-ui/react-tooltip");m=s(m,1);let h=require("@radix-ui/react-dialog");h=s(h,1);var g={button:`_button_1sns4_1`,micro:`_micro_1sns4_22`,default:`_default_1sns4_30`,large:`_large_1sns4_38`,primary:`_primary_1sns4_47`,secondary:`_secondary_1sns4_57`,ghost:`_ghost_1sns4_67`};function _(e){let{size:t=`default`,variant:n=`primary`,iconLeft:r,iconRight:i,className:a,children:o,...s}=e,{href:u}=s,d=`disabled`in s?s.disabled:!1,f=t===`micro`?`14px`:t===`large`?`21px`:`14px`,p=[g.button,g[t],g[n],d?`cursor-not-allowed`:`cursor-pointer`,a].filter(Boolean).join(` `);if(process.env.NODE_ENV!==`production`){let e=(r||i)&&!o,t=s[`aria-label`]||s[`aria-labelledby`];e&&!t&&console.warn(`Button: Icon-only buttons should have an aria-label or aria-labelledby for accessibility.`)}let m=(0,l.jsxs)(l.Fragment,{children:[r&&c.default.cloneElement(r,{size:f,color:`currentColor`}),o,i&&c.default.cloneElement(i,{size:f,color:`currentColor`})]});if(u){let{type:e,disabled:t,...n}=s;return(0,l.jsx)(`a`,{className:p,href:u,...n,"aria-disabled":d?`true`:void 0,onClick:d?e=>e.preventDefault():n.onClick,children:m})}let{type:h=`button`,..._}=s;return(0,l.jsx)(`button`,{className:p,type:h,..._,children:m})}var v={checkboxWrapper:`_checkboxWrapper_1vygn_1`,checkbox:`_checkbox_1vygn_1`,label:`_label_1vygn_44`,score:`_score_1vygn_48`,disabled:`_disabled_1vygn_55`},y=({label:e,score:t,className:n=``,id:r,"aria-label":i,...a})=>{let o=c.default.useId(),s=r||o,u=t?`${s}-score`:void 0,d=a.disabled;return e||t?(0,l.jsxs)(`label`,{htmlFor:s,className:`${v.checkboxWrapper} ${n} ${d?v.disabled:``} ${d?`cursor-not-allowed`:`cursor-pointer`}`,children:[(0,l.jsx)(`input`,{id:s,type:`checkbox`,className:v.checkbox,"aria-describedby":u,"aria-label":i,...a}),e&&(0,l.jsx)(`span`,{className:v.label,children:e}),t&&(0,l.jsx)(`span`,{id:u,className:v.score,children:t})]}):(0,l.jsx)(`input`,{id:s,type:`checkbox`,className:`${v.checkbox} ${n}`,"aria-label":i,disabled:d,...a})},b={container:`_container_dlzj1_1`,default:`_default_dlzj1_5`};function x({children:e,className:t}){return(0,l.jsx)(`div`,{className:`${b.container} ${b.default} ${t||``}`,children:e})}var S={container:`_container_10bfq_1`,header:`_header_10bfq_11`,title:`_title_10bfq_31`,toggleButton:`_toggleButton_10bfq_38`,body:`_body_10bfq_49`};function C({title:e,children:t,className:n=``,collapsible:r=!0,collapsed:i=!1}){let[a,o]=(0,c.useState)(()=>!i),s=c.default.useId();return(0,c.useEffect)(()=>{r&&o(!i)},[i,r]),(0,l.jsxs)(`div`,{className:`${S.container} ${n}`,children:[e&&(r?(0,l.jsxs)(`button`,{type:`button`,className:S.header,onClick:()=>{r&&o(e=>!e)},"aria-label":`${e}: ${a?`Collapse panel`:`Expand panel`}`,"aria-expanded":a,"aria-controls":s,children:[(0,l.jsx)(`div`,{className:S.title,children:e}),(0,l.jsx)(`span`,{"aria-hidden":`true`,children:a?(0,l.jsx)(u.Minus,{color:`var(--lv5)`,size:14}):(0,l.jsx)(u.Plus,{color:`var(--lv5)`,size:14})})]}):(0,l.jsx)(`div`,{className:S.header,children:(0,l.jsx)(`div`,{className:S.title,children:e})})),(!r||a)&&(0,l.jsx)(`div`,{id:s,className:S.body,role:`region`,"aria-label":e||`Filter panel content`,children:t})]})}var w={wrapper:`_wrapper_tf1yl_1`,label:`_label_tf1yl_7`,inputContainer:`_inputContainer_tf1yl_12`,input:`_input_tf1yl_12`,focus:`_focus_tf1yl_35`,searchIcon:`_searchIcon_tf1yl_52`,rightContent:`_rightContent_tf1yl_67`,sizeMicro:`_sizeMicro_tf1yl_78`,sizeDefault:`_sizeDefault_tf1yl_87`,error:`_error_tf1yl_110`,errorText:`_errorText_tf1yl_114`},T={micro:14,default:21};function E({label:e,error:t,className:n=``,showSearchIcon:r=!0,searchIcon:i,searchIconColor:a,inputSize:o=`default`,showFocusBorder:s=!1,children:d,id:f,type:p=`search`,...m}){let h=(0,c.useRef)(null),g=c.default.useId(),_=f||g,v=`${_}-error`,y=T[o],b={};a&&(b[`--search-icon-color`]=a);let x=i??(0,l.jsx)(u.Search,{}),S=o===`micro`?w.sizeMicro:w.sizeDefault;return(0,l.jsxs)(`div`,{className:`${w.wrapper} ${n}`,children:[e&&(0,l.jsx)(`label`,{htmlFor:_,className:w.label,children:e}),(0,l.jsxs)(`div`,{className:`${w.inputContainer} ${S}`,children:[r&&(0,l.jsx)(`span`,{className:w.searchIcon,"aria-hidden":`true`,children:c.default.cloneElement(x,{size:y,color:a??`var(--search-icon-color)`})}),(0,l.jsx)(`input`,{ref:h,id:_,type:p,className:`${w.input} ${s?w.focus:``} ${t?w.error:``}`,style:b,"aria-invalid":t?`true`:`false`,"aria-describedby":t?v:void 0,...m}),d&&(0,l.jsx)(`div`,{className:w.rightContent,children:d})]}),t&&(0,l.jsx)(`span`,{id:v,className:w.errorText,role:`alert`,children:t})]})}var D={wrapper:`_wrapper_su5p5_1`,label:`_label_su5p5_7`,input:`_input_su5p5_12`,error:`_error_su5p5_61`,errorText:`_errorText_su5p5_69`,borderBottom:`_borderBottom_su5p5_75`};function O({label:e,error:t,className:n=``,isValid:r=!0,variant:i=`default`,id:a,...o}){let s=c.default.useId(),u=a||s,d=`${u}-error`,f=t||!r;return(0,l.jsxs)(`div`,{className:`${D.wrapper} ${n}`,children:[e&&(0,l.jsxs)(`label`,{htmlFor:u,className:D.label,children:[e,o.required&&(0,l.jsx)(`span`,{"aria-label":`required`,children:` *`})]}),(0,l.jsx)(`input`,{id:u,className:`${D.input} ${i===`borderBottom`?D.borderBottom:``} ${f?D.error:``}`,"aria-invalid":f?`true`:`false`,"aria-describedby":t?d:void 0,...o}),t&&(0,l.jsx)(`span`,{id:d,className:D.errorText,role:`alert`,children:t})]})}var k={radioWrapper:`_radioWrapper_1faq0_1`,radioInput:`_radioInput_1faq0_9`,customRadio:`_customRadio_1faq0_23`,labelText:`_labelText_1faq0_57`,disabled:`_disabled_1faq0_63`},A=({id:e,name:t,value:n,label:r,checked:i=!1,onChange:a,disabled:o=!1,"aria-label":s})=>(0,l.jsxs)(`label`,{htmlFor:e,className:`${k.radioWrapper} ${o?k.disabled:``} ${o?`cursor-not-allowed`:`cursor-pointer`}`,children:[(0,l.jsx)(`input`,{id:e,type:`radio`,name:t,value:n,checked:i,onChange:a,disabled:o,"aria-label":s,className:k.radioInput}),(0,l.jsx)(`span`,{className:k.customRadio}),(0,l.jsx)(`span`,{className:k.labelText,children:r})]}),j={switch:`_switch_1xsea_1`,slider:`_slider_1xsea_23`,label:`_label_1xsea_28`,disabled:`_disabled_1xsea_43`},M=({id:e,checked:t,onChange:n,disabled:r=!1,label:i,"aria-label":a})=>{let o=c.default.useId(),s=e||o;return(0,l.jsxs)(`label`,{htmlFor:s,className:`${j.switch} ${r?j.disabled:``} ${r?`cursor-not-allowed`:`cursor-pointer`}`,children:[(0,l.jsx)(`input`,{id:s,type:`checkbox`,role:`switch`,"aria-checked":t,"aria-label":a,checked:t,onChange:e=>n(e.target.checked),disabled:r}),(0,l.jsx)(`span`,{className:j.slider,"aria-hidden":`true`}),i&&(0,l.jsx)(`span`,{className:j.label,children:i})]})},N={label:`_label_12as9_1`,basetrack:`_basetrack_12as9_8`,selectedtrack:`_selectedtrack_12as9_36`,livetrack:`_livetrack_12as9_43`,livetrackFaceted:`_livetrackFaceted_12as9_49`,livetrackDefault:`_livetrackDefault_12as9_52`,thumbs:`_thumbs_12as9_55`,disabled:`_disabled_12as9_89`},P=e=>{let{min:t,max:n,step:r=1,disabled:i=!1,className:a,activeMin:o,activeMax:s,isFaceted:u=!1,highlightFaceted:f=!0,onChange:p,onFinalChange:m,label:h,"aria-label":g,id:_}=e,v=c.default.useId(),y=_||v;if(process.env.NODE_ENV!==`production`&&!h&&!g&&console.warn(`Slider: Component should have either a label or aria-label for accessibility.`),`isRange`in e&&e.isRange){let c=e.value,[f,_]=c;return(0,l.jsxs)(`div`,{className:a,children:[h&&(0,l.jsx)(`label`,{htmlFor:y,className:N.label,children:h}),(0,l.jsx)(d.Range,{step:r,min:t,max:n,values:c,onChange:e=>p(e),onFinalChange:e=>m?.(e),disabled:i,renderTrack:({props:e,children:r})=>{let{key:i,...a}=e,c=n-t,d=(f-t)/c*100,p=(_-f)/c*100,m=0,h=0,g=typeof o==`number`&&typeof s==`number`&&s>o&&(o>t||s<n);return g&&(m=(o-t)/c*100,h=(s-o)/c*100),(0,l.jsxs)(`div`,{...a,className:N.basetrack,style:{...a.style},children:[!g&&(0,l.jsx)(`div`,{className:N.selectedtrack,style:{left:`${d}%`,width:`${p}%`,zIndex:`1`}}),g&&(0,l.jsx)(`div`,{className:`${N.livetrack} ${u?N.livetrackFaceted:N.livetrackDefault}`,style:{left:`${m}%`,width:`${h}%`,zIndex:`2`}}),r]},i)},renderThumb:({props:e,index:r})=>{let{key:a,...o}=e,s=r===0?f:_;return(0,l.jsx)(`div`,{...o,id:r===0?y:void 0,className:`${N.thumbs} ${i?N.disabled:``} ${i?`cursor-not-allowed`:`cursor-resize-col`}`,style:{...o.style,zIndex:`3`},"aria-label":g||(r===0?`Minimum value`:`Maximum value`),"aria-valuemin":t,"aria-valuemax":n,"aria-valuenow":s},a)}})]})}else{let c=e.value;return(0,l.jsxs)(`div`,{className:a,children:[h&&(0,l.jsx)(`label`,{htmlFor:y,className:N.label,children:h}),(0,l.jsx)(d.Range,{step:r,min:t,max:n,values:[c],onChange:e=>p(e[0]),onFinalChange:e=>m?.(e[0]),disabled:i,renderTrack:({props:e,children:r})=>{let{key:i,...a}=e,d=n-t,f=(c-t)/d*100,p=0,m=0,h=typeof o==`number`&&typeof s==`number`&&s>o&&(o>t||s<n);return h&&(p=(o-t)/d*100,m=(s-o)/d*100),(0,l.jsxs)(`div`,{...a,className:N.basetrack,style:{...a.style},children:[!h&&(0,l.jsx)(`div`,{className:N.selectedtrack,style:{left:`0%`,width:`${f}%`,zIndex:`1`}}),h&&(0,l.jsx)(`div`,{className:`${N.livetrack} ${u?N.livetrackFaceted:N.livetrackDefault}`,style:{left:`${p}%`,width:`${m}%`,zIndex:`2`}}),r]},i)},renderThumb:({props:e})=>{let{key:r,...a}=e;return(0,l.jsx)(`div`,{...a,id:y,className:`${N.thumbs} ${i?N.disabled:``} ${i?`cursor-not-allowed`:`cursor-resize-col`}`,style:{...a.style,zIndex:`3`},"aria-label":g,"aria-valuemin":t,"aria-valuemax":n,"aria-valuenow":c},r)}})]})}},F={wrapper:`_wrapper_15fsv_1`,label:`_label_15fsv_7`,trigger:`_trigger_15fsv_12`,micro:`_micro_15fsv_28`,default:`_default_15fsv_34`,large:`_large_15fsv_40`,icon:`_icon_15fsv_60`,content:`_content_15fsv_68`,viewport:`_viewport_15fsv_76`,item:`_item_15fsv_82`,itemIndicator:`_itemIndicator_15fsv_105`},ee=({value:e,onValueChange:t,options:n,placeholder:r=`Select...`,className:i=``,disabled:a=!1,label:o,size:s=`default`,"aria-label":d,id:p})=>{let m=c.default.useId(),h=p||m,g=`${h}-label`,_=n.find(t=>t.value===e),v=(0,l.jsxs)(f.Root,{value:e,onValueChange:t,disabled:a,children:[(0,l.jsxs)(f.Trigger,{id:h,className:`${F.trigger} ${F[s]} ${i} cursor-pointer`,...o?{"aria-labelledby":g}:d?{"aria-label":d}:{},children:[(0,l.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[_?.icon,(0,l.jsx)(f.Value,{placeholder:r})]}),(0,l.jsx)(f.Icon,{className:F.icon,"aria-hidden":`true`,children:(0,l.jsx)(u.Chevron_down,{size:s===`large`?21:14,color:`currentColor`})})]}),(0,l.jsx)(f.Portal,{children:(0,l.jsx)(f.Content,{className:F.content,position:`popper`,side:`bottom`,align:`start`,sideOffset:4,children:(0,l.jsx)(f.Viewport,{className:F.viewport,children:n.map(e=>(0,l.jsxs)(f.Item,{value:e.value,className:F.item,children:[(0,l.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[e.icon,(0,l.jsx)(f.ItemText,{children:e.label})]}),(0,l.jsx)(f.ItemIndicator,{className:F.itemIndicator,children:(0,l.jsx)(u.Check,{size:12,color:`currentColor`})})]},e.value))})})})]});return o?(0,l.jsxs)(`div`,{className:F.wrapper,children:[(0,l.jsx)(`label`,{id:g,htmlFor:h,className:F.label,children:o}),v]}):v},te={content:`_content_1qahr_1`},ne=({trigger:e,children:t,open:n,onOpenChange:r,align:i=`end`,side:a=`bottom`,sideOffset:o=5,className:s=``,"aria-label":c,"aria-describedby":u})=>(0,l.jsxs)(p.Root,{open:n,onOpenChange:r,children:[(0,l.jsx)(p.Trigger,{asChild:!0,children:e}),(0,l.jsx)(p.Portal,{children:(0,l.jsx)(p.Content,{className:`${te.content} ${s}`,align:i,side:a,sideOffset:o,"aria-label":c,"aria-describedby":u,children:t})})]}),I={table:`_table_1b0iq_1`,caption:`_caption_1b0iq_8`,headerRow:`_headerRow_1b0iq_25`,dataRow:`_dataRow_1b0iq_33`,cellInner:`_cellInner_1b0iq_41`,cellLabel:`_cellLabel_1b0iq_47`,cellContent:`_cellContent_1b0iq_52`,value:`_value_1b0iq_58`,icon:`_icon_1b0iq_64`};function L({children:e,caption:t,"aria-label":n}){return process.env.NODE_ENV!==`production`&&!t&&!n&&console.warn(`Table: Component should have either a caption or aria-label for accessibility.`),(0,l.jsxs)(`table`,{className:I.table,"aria-label":n,children:[t&&(0,l.jsx)(`caption`,{className:I.caption,children:t}),e]})}function re({children:e}){let t=c.default.Children.map(e,e=>c.default.isValidElement(e)&&e.type===`td`?(0,l.jsx)(`th`,{scope:`col`,...e.props}):e);return(0,l.jsx)(`thead`,{children:(0,l.jsx)(`tr`,{className:I.headerRow,children:t})})}function ie({children:e}){return(0,l.jsx)(`tr`,{className:I.dataRow,children:e})}function ae({label:e,children:t,isHeader:n=!1,scope:r}){let i=n?`th`:`td`,a=n&&r?{scope:r}:{};return e||t?(0,l.jsx)(i,{...a,children:(0,l.jsxs)(`div`,{className:I.cellInner,children:[e&&(0,l.jsx)(`span`,{className:I.cellLabel,children:e}),t&&(0,l.jsx)(`div`,{className:I.cellContent,children:t})]})}):(0,l.jsx)(i,{...a,children:t})}function oe({children:e}){return(0,l.jsx)(`span`,{className:I.value,children:e})}function se({children:e,"aria-label":t}){let n=!t;return(0,l.jsx)(`span`,{className:I.icon,"aria-hidden":n?`true`:void 0,"aria-label":t,children:c.default.cloneElement(e,{size:`14px`,color:`currentColor`})})}var R={tabs:`_tabs_11q71_1`,scrollable:`_scrollable_11q71_11`,tab:`_tab_11q71_1`,active:`_active_11q71_54`,micro:`_micro_11q71_60`,default:`_default_11q71_67`,large:`_large_11q71_74`};function ce({items:e,value:t,onValueChange:n,size:r=`default`,scrollable:i=!1}){let a=(0,c.useRef)(null),[o,s]=(0,c.useState)({start:!1,end:!1});return(0,c.useEffect)(()=>{let e=a.current;if(!i||!e)return;let t=()=>{let t=e.scrollLeft>1,n=Math.ceil(e.scrollLeft+e.clientWidth)<e.scrollWidth-1;s(e=>e.start===t&&e.end===n?e:{start:t,end:n})};t(),e.addEventListener(`scroll`,t,{passive:!0});let n=new ResizeObserver(t);return n.observe(e),()=>{e.removeEventListener(`scroll`,t),n.disconnect()}},[i,e.length]),(0,l.jsx)(`div`,{ref:a,className:`${R.tabs} ${i?R.scrollable:``}`,"data-overflow-start":i&&o.start?``:void 0,"data-overflow-end":i&&o.end?``:void 0,role:`tablist`,children:e.map(e=>(0,l.jsx)(`button`,{role:`tab`,type:`button`,"aria-selected":t===e.value,className:`${R.tab} ${R[r]} ${t===e.value?R.active:``}`,onClick:()=>n(e.value),children:e.label},e.value))})}var z={wrapper:`_wrapper_1a9jo_1`,track:`_track_1a9jo_8`,fill:`_fill_1a9jo_36`,label:`_label_1a9jo_46`};function le({value:e,showLabel:t=!1,fulfilledColor:n=!1,className:r=``}){let i=Math.min(100,Math.max(0,e)),a=`${Math.round(i)}%`,o=n&&i>=100?`var(--CPureBlue)`:void 0;return(0,l.jsxs)(`div`,{className:`${z.wrapper} ${r}`,role:`progressbar`,"aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[(0,l.jsx)(`div`,{className:z.track,children:(0,l.jsx)(`div`,{className:z.fill,style:{width:`${i}%`,backgroundColor:o}})}),t&&(0,l.jsx)(`span`,{className:z.label,"aria-hidden":`true`,children:a})]})}var B={chip:`_chip_iaxe0_1`,large:`_large_iaxe0_14`};function ue({children:e,color:t,textColor:n,className:r,icon:i,size:a=`default`}){let o={};return t&&(o.backgroundColor=t),n&&(o.color=n),(0,l.jsxs)(`span`,{className:[B.chip,a===`large`&&B.large,r].filter(Boolean).join(` `),style:o,children:[i&&c.default.cloneElement(i,{size:14,color:`currentColor`}),e]})}var V={tooltip:`_tooltip_1de7z_1`,arrow:`_arrow_1de7z_13`};function H({content:e,position:t=`top`,children:n,className:r}){return(0,l.jsx)(m.Provider,{delayDuration:80,children:(0,l.jsxs)(m.Root,{children:[(0,l.jsx)(m.Trigger,{asChild:!0,children:n}),(0,l.jsx)(m.Portal,{children:(0,l.jsxs)(m.Content,{side:t,sideOffset:7,className:[V.tooltip,r].filter(Boolean).join(` `),children:[e,(0,l.jsx)(m.Arrow,{className:V.arrow})]})})]})})}var U={wrapper:`_wrapper_1w5vh_1`,chart:`_chart_1w5vh_8`,svg:`_svg_1w5vh_33`,tooltip:`_tooltip_1w5vh_39`,tooltipLabel:`_tooltipLabel_1w5vh_49`,tooltipRow:`_tooltipRow_1w5vh_57`,tooltipDot:`_tooltipDot_1w5vh_64`,tooltipName:`_tooltipName_1w5vh_70`,tooltipValue:`_tooltipValue_1w5vh_76`,legend:`_legend_1w5vh_83`,legendItem:`_legendItem_1w5vh_90`,legendMark:`_legendMark_1w5vh_96`,legendLabel:`_legendLabel_1w5vh_102`},W=`var(--lv4)`,G=12,de=20,fe=8,pe=28,K=20;function me(e){return Number.isInteger(e)?String(e):e.toLocaleString(void 0,{maximumFractionDigits:2})}function he({series:e,labels:t,type:n=`line`,height:r=200,showLegend:i=!0,className:a}){let o=(0,c.useRef)(null),[s,u]=(0,c.useState)(0),[d,f]=(0,c.useState)(null);(0,c.useEffect)(()=>{let e=o.current;if(!e)return;let t=new ResizeObserver(([e])=>u(e.contentRect.width));return t.observe(e),u(e.clientWidth),()=>t.disconnect()},[]);let p=t?.length?pe:fe,m=Math.max(s-K-de,0),h=Math.max(r-G-p,0),g=e.flatMap(e=>e.data.filter(Number.isFinite)),_=g.length?Math.max(...g,0):1,v=n===`bar`?0:Math.min(...g,0),y=_-v||1,b=Math.max(...e.map(e=>e.data.length),0),x=e=>G+(1-(e-v)/y)*h,S=e=>b<=1?K+m/2:K+e/(b-1)*m,C=(0,c.useCallback)(e=>{if(b===0)return;let t=e.currentTarget.getBoundingClientRect(),r=e.clientX-t.left,i=e.clientY-t.top;if(n===`line`){let e=Math.round((r-K)/m*(b-1));f({index:Math.max(0,Math.min(b-1,e)),x:r,y:i})}else{let e=m/b,t=Math.floor((r-K)/e);f({index:Math.max(0,Math.min(b-1,t)),x:r,y:i})}},[n,b,m]),w=(0,c.useCallback)(()=>f(null),[]),T=(0,l.jsx)(`line`,{x1:K,y1:G+h*.5,x2:K+m,y2:G+h*.5,stroke:`var(--chart-midline)`,strokeWidth:`0.5`}),E=(0,l.jsx)(`line`,{x1:K,y1:G+h,x2:K+m,y2:G+h,stroke:`var(--chart-baseline)`,strokeWidth:`1`}),D=d&&n===`bar`?(()=>{let e=m/b;return(0,l.jsx)(`rect`,{x:K+d.index*e,y:G,width:e,height:h,fill:`var(--chart-column-hover)`})})():null,O=()=>e.map((e,t)=>{if(!e.data.length)return null;let n=e.color??W;return(0,l.jsxs)(`g`,{children:[(0,l.jsx)(`polyline`,{points:e.data.map((e,t)=>`${S(t).toFixed(2)},${x(e).toFixed(2)}`).join(` `),fill:`none`,stroke:n,strokeWidth:`1`,strokeLinejoin:`round`,strokeLinecap:`round`}),e.data.map((e,t)=>{let r=d?.index===t?10:5,i=r/2;return(0,l.jsx)(`rect`,{x:S(t)-i,y:x(e)-i,width:r,height:r,fill:n},t)})]},t)}),k=()=>{if(!b)return null;let t=e.length,n=m/b,r=Math.max((n-2*(t+1))/t,2),i=G+h;return e.map((e,t)=>e.data.map((a,o)=>{let s=K+o*n+2+t*(r+2),c=x(a);return(0,l.jsx)(`rect`,{x:s,y:c,width:r,height:Math.max(i-c,0),fill:e.color??`var(--chart-bar)`},`${t}-${o}`)}))},A=()=>{if(!t?.length)return null;let e=G+h+18;return t.map((t,r)=>(0,l.jsx)(`text`,{x:n===`line`?S(r):K+(r+.5)*(m/b),y:e,textAnchor:`middle`,fill:`var(--lv4)`,style:{font:`var(--text-2xs)`},children:t},r))},j=d&&n===`line`?(0,l.jsx)(`line`,{x1:S(d.index),y1:G,x2:S(d.index),y2:G+h,stroke:`var(--chart-crosshair)`,strokeWidth:`1`,strokeDasharray:`3 3`}):null,M=d?(()=>{let n=t?.[d.index]??String(d.index+1),r=Math.min(Math.max(d.x,60),s-60);return(0,l.jsxs)(`div`,{className:U.tooltip,style:d.y<80?{left:r,top:d.y+12,transform:`translate(-50%, 0)`}:{left:r,top:d.y-8,transform:`translate(-50%, -100%)`},children:[(0,l.jsx)(`div`,{className:U.tooltipLabel,children:n}),e.map((e,t)=>(0,l.jsxs)(`div`,{className:U.tooltipRow,children:[(0,l.jsx)(`span`,{className:U.tooltipDot,style:{background:e.color??W}}),(0,l.jsx)(`span`,{className:U.tooltipName,children:e.label}),(0,l.jsx)(`span`,{className:U.tooltipValue,children:me(e.data[d.index]??0)})]},t))]})})():null;return(0,l.jsxs)(`div`,{className:[U.wrapper,a].filter(Boolean).join(` `),children:[(0,l.jsxs)(`div`,{ref:o,className:U.chart,style:{height:r},children:[s>0&&(0,l.jsxs)(`svg`,{width:s,height:r,className:U.svg,onMouseMove:C,onMouseLeave:w,children:[T,E,D,j,n===`line`?O():k(),A()]}),M]}),i&&e.length>1&&(0,l.jsx)(`div`,{className:U.legend,children:e.map((e,t)=>(0,l.jsxs)(`div`,{className:U.legendItem,children:[(0,l.jsx)(`div`,{className:U.legendMark,style:{background:e.color??W}}),(0,l.jsx)(`span`,{className:U.legendLabel,children:e.label})]},t))})]})}var q={wrapper:`_wrapper_17ws4_1`,label:`_label_17ws4_7`,textarea:`_textarea_17ws4_12`,error:`_error_17ws4_48`,errorText:`_errorText_17ws4_56`};function ge({label:e,error:t,className:n=``,isValid:r=!0,id:i,rows:a=4,...o}){let s=c.default.useId(),u=i||s,d=`${u}-error`,f=t||!r;return(0,l.jsxs)(`div`,{className:`${q.wrapper} ${n}`,children:[e&&(0,l.jsxs)(`label`,{htmlFor:u,className:q.label,children:[e,o.required&&(0,l.jsx)(`span`,{"aria-label":`required`,children:` *`})]}),(0,l.jsx)(`textarea`,{id:u,rows:a,className:`${q.textarea} ${f?q.error:``}`,"aria-invalid":f?`true`:`false`,"aria-describedby":t?d:void 0,...o}),t&&(0,l.jsx)(`span`,{id:d,className:q.errorText,role:`alert`,children:t})]})}var J={overlay:`_overlay_xud7c_1`,content:`_content_xud7c_8`,title:`_title_xud7c_26`,description:`_description_xud7c_34`,close:`_close_xud7c_40`,srOnly:`_srOnly_xud7c_62`},_e=({trigger:e,children:t,open:n,onOpenChange:r,title:i,description:a,className:o=``,showClose:s=!0})=>(0,l.jsxs)(h.Root,{open:n,onOpenChange:r,children:[e&&(0,l.jsx)(h.Trigger,{asChild:!0,children:e}),(0,l.jsxs)(h.Portal,{children:[(0,l.jsx)(h.Overlay,{className:J.overlay}),(0,l.jsxs)(h.Content,{className:`${J.content} ${o}`,children:[(0,l.jsx)(h.Title,{className:i?J.title:J.srOnly,children:i||`Dialog`}),a&&(0,l.jsx)(h.Description,{className:J.description,children:a}),s&&(0,l.jsx)(h.Close,{className:J.close,"aria-label":`Close`,children:(0,l.jsx)(u.X_or_error,{size:16,color:`currentColor`})}),t]})]})]}),Y={wrapper:`_wrapper_aimna_1`,label:`_label_aimna_7`,trigger:`_trigger_aimna_12`,error:`_error_aimna_43`,placeholder:`_placeholder_aimna_47`,valueText:`_valueText_aimna_51`,calendar:`_calendar_aimna_55`,header:`_header_aimna_65`,monthLabel:`_monthLabel_aimna_71`,navButton:`_navButton_aimna_77`,weekdays:`_weekdays_aimna_95`,grid:`_grid_aimna_96`,weekday:`_weekday_aimna_95`,day:`_day_aimna_109`,outside:`_outside_aimna_127`,today:`_today_aimna_131`,selected:`_selected_aimna_136`,errorText:`_errorText_aimna_142`},ve=[`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`,`Su`],ye=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`];function be(e){let t=String(e.getMonth()+1).padStart(2,`0`),n=String(e.getDate()).padStart(2,`0`);return`${e.getFullYear()}-${t}-${n}`}function X(e,t){return!!e&&!!t&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function xe(e,t){let n=(new Date(e,t,1).getDay()+6)%7,r=[];for(let i=0;i<42;i++)r.push(new Date(e,t,1-n+i));return r}var Se=({value:e,onChange:t,label:n,placeholder:r=`Select a date`,error:i,isValid:a=!0,disabled:o=!1,className:s=``,formatDate:d=be})=>{let f=`${c.default.useId()}-error`,m=!!i||!a,[h,g]=(0,c.useState)(!1),_=new Date,v=e??_,[y,b]=(0,c.useState)(v.getFullYear()),[x,S]=(0,c.useState)(v.getMonth());c.default.useEffect(()=>{h&&e&&(b(e.getFullYear()),S(e.getMonth()))},[h]);let C=()=>{x===0?(S(11),b(y-1)):S(x-1)},w=()=>{x===11?(S(0),b(y+1)):S(x+1)},T=e=>{t?.(e),g(!1)},E=xe(y,x);return(0,l.jsxs)(`div`,{className:`${Y.wrapper} ${s}`,children:[n&&(0,l.jsx)(`span`,{className:Y.label,children:n}),(0,l.jsxs)(p.Root,{open:h,onOpenChange:g,children:[(0,l.jsx)(p.Trigger,{asChild:!0,children:(0,l.jsxs)(`button`,{type:`button`,className:`${Y.trigger} ${m?Y.error:``}`,disabled:o,"aria-invalid":m?`true`:`false`,"aria-describedby":i?f:void 0,children:[(0,l.jsx)(`span`,{className:e?Y.valueText:Y.placeholder,children:e?d(e):r}),(0,l.jsx)(u.Chevron_down,{size:14,color:`currentColor`})]})}),(0,l.jsx)(p.Portal,{children:(0,l.jsxs)(p.Content,{className:Y.calendar,align:`start`,sideOffset:5,children:[(0,l.jsxs)(`div`,{className:Y.header,children:[(0,l.jsx)(`button`,{type:`button`,className:Y.navButton,onClick:C,"aria-label":`Previous month`,children:(0,l.jsx)(u.Chevron_left,{size:14,color:`currentColor`})}),(0,l.jsxs)(`span`,{className:Y.monthLabel,children:[ye[x],` `,y]}),(0,l.jsx)(`button`,{type:`button`,className:Y.navButton,onClick:w,"aria-label":`Next month`,children:(0,l.jsx)(u.Chevron_right,{size:14,color:`currentColor`})})]}),(0,l.jsx)(`div`,{className:Y.weekdays,children:ve.map(e=>(0,l.jsx)(`span`,{className:Y.weekday,children:e},e))}),(0,l.jsx)(`div`,{className:Y.grid,children:E.map(t=>{let n=t.getMonth()!==x,r=X(t,e),i=X(t,_);return(0,l.jsx)(`button`,{type:`button`,className:[Y.day,n?Y.outside:``,r?Y.selected:``,i&&!r?Y.today:``].filter(Boolean).join(` `),onClick:()=>T(t),children:t.getDate()},t.toISOString())})})]})})]}),i&&(0,l.jsx)(`span`,{id:f,className:Y.errorText,role:`alert`,children:i})]})},Z={spinner:`_spinner_wspyi_1`,frame:`_frame_wspyi_8`},Q={grow:{viewBox:`0 0 7 5`,delay:250,frames:[`M3 2H4V3H3V2Z`,`M4 5H3V4H4V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM4 1L3 1V0L4 0V1Z`,`M2 5H1L1 4H2L2 5ZM4 5H3V4H4V5ZM6 5H5V4H6V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM2 1L1 1L1 0L2 0V1ZM4 1L3 1V0L4 0V1ZM6 1L5 1V0L6 0V1Z`,`M1 0H6V5H1V0Z`,`M2 5H1L1 4H2L2 5ZM4 5H3V4H4V5ZM6 5H5V4H6V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM2 1L1 1L1 0L2 0V1ZM4 1L3 1V0L4 0V1ZM6 1L5 1V0L6 0V1Z`,`M4 5H3V4H4V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM4 1L3 1V0L4 0V1Z`]},pulse:{viewBox:`0 0 7 5`,delay:250,frames:[`M3 2H4V3H3V2Z`,`M2 2H3V3H2V2Z M3 1H4V2H3V1Z M4 2H5V3H4V2Z M3 3H4V4H3V3Z`,`M1 1H2V2H1V1Z M1 2H2V3H1V2Z M1 3H2V4H1V3Z M2 4H3V5H2V4Z M3 4H4V5H3V4Z M4 4H5V5H4V4Z M5 3H6V4H5V3Z M5 2H6V3H5V2Z M5 1H6V2H5V1Z M4 0H5V1H4V0Z M3 0H4V1H3V0Z M2 0H3V1H2V0Z`]},rotate:{viewBox:`0 0 7 5`,delay:250,frames:[`M1 0H2V1H1V0Z`,`M5 0H6V1H5V0Z`,`M5 4H6V5H5V4Z`,`M1 4H2V5H1V4Z`]},rowing:{viewBox:`0 0 7 5`,delay:250,frames:[`M4 2H7V5H1V4H2V3H1V4H0V2H3V1H4V2ZM5 1H4V0H5V1ZM3 4H6V3H3V4Z`,`M4 2H7V5H1V4H3V3H1V4H0V2H3V1H4V2ZM4 4H6V3H4V4ZM3 1H2V0H3V1Z`,`M4 2H7V5H1V4H4V3H1V4H0V2H3V1H4V2ZM5 4H6V3H5V4ZM3 1H2V0H3V1Z`,`M4 2H7V5H1V4H6V3H1V4H0V2H3V0H4V2Z`]}},$=Object.keys(Q);function Ce({name:e=$[0],size:t=21,color:n=`currentColor`,delay:r,className:i=``,"aria-label":a=`Loading`}){let o=Q[e],[,,s,c]=o.viewBox.split(` `).map(Number),u=c/s,d=typeof t==`number`?t*u:`calc(${t} * ${u})`,f=r??o.delay,p=o.frames.length,m=p*f;return(0,l.jsx)(`svg`,{className:`${Z.spinner} ${i}`,width:t,height:d,viewBox:o.viewBox,fill:`none`,role:`status`,"aria-label":a,xmlns:`http://www.w3.org/2000/svg`,children:o.frames.map((e,t)=>e?(0,l.jsx)(`path`,{className:Z.frame,d:e,fill:n,style:{animation:`indx-spinner-${p} ${m}ms step-end infinite`,animationDelay:`${t*f-m}ms`}},t):null)})}exports.Base=x,exports.Button=_,exports.Chart=he,exports.Checkbox=y,exports.Chip=ue,exports.DatePicker=Se,exports.FilterPanelBase=C,exports.InputField=O,exports.Modal=_e,exports.Popover=ne,exports.ProgressBar=le,exports.RadioButton=A,exports.SearchField=E,exports.Select=ee,exports.Slider=P,exports.Spinner=Ce,exports.Table=L,exports.TableCell=ae,exports.TableHeader=re,exports.TableIcon=se,exports.TableRow=ie,exports.TableValue=oe,exports.Tabs=ce,exports.Textarea=ge,exports.ToggleSwitch=M,exports.Tooltip=H,exports.spinnerNames=$;

package/dist/index.d.ts

@@ -19,3 +19,5 @@ export { Chart, type ChartProps, type ChartSeries } from './components/Chart/Cha
 export { Textarea, type TextareaProps } from './components/Textarea/Textarea';
 export { Modal, type ModalProps } from './components/Modal/Modal';
 export { DatePicker, type DatePickerProps } from './components/DatePicker/DatePicker';
+export { Spinner, type SpinnerProps } from './components/Spinner/Spinner';
+export { spinnerNames, type SpinnerName } from './components/Spinner/spinners.generated';

package/dist/index.es.js

@@ -465,7 +465,7 @@ var P = {
 	viewport: "_viewport_15fsv_76",
 	item: "_item_15fsv_82",
 	itemIndicator: "_itemIndicator_15fsv_105"
-}, z = ({ value: t, onValueChange: n, options: r, placeholder: i = "Select...", className: a = "", disabled: u = !1, label: d, size: f = "default", "aria-label": p, id: m }) => {
+}, ne = ({ value: t, onValueChange: n, options: r, placeholder: i = "Select...", className: a = "", disabled: u = !1, label: d, size: f = "default", "aria-label": p, id: m }) => {
 	let h = e.useId(), g = m || h, v = `${g}-label`, y = r.find((e) => e.value === t), b = /* @__PURE__ */ s(_.Root, {
 		value: t,
 		onValueChange: n,
@@ -527,14 +527,14 @@ var P = {
 			children: d
 		}), b]
 	}) : b;
-}, ne = { content: "_content_1qahr_1" }, re = ({ trigger: e, children: t, open: n, onOpenChange: r, align: i = "end", side: a = "bottom", sideOffset: c = 5, className: l = "", "aria-label": u, "aria-describedby": d }) => /* @__PURE__ */ s(v.Root, {
+}, re = { content: "_content_1qahr_1" }, ie = ({ trigger: e, children: t, open: n, onOpenChange: r, align: i = "end", side: a = "bottom", sideOffset: c = 5, className: l = "", "aria-label": u, "aria-describedby": d }) => /* @__PURE__ */ s(v.Root, {
 	open: n,
 	onOpenChange: r,
 	children: [/* @__PURE__ */ o(v.Trigger, {
 		asChild: !0,
 		children: e
 	}), /* @__PURE__ */ o(v.Portal, { children: /* @__PURE__ */ o(v.Content, {
-		className: `${ne.content} ${l}`,
+		className: `${re.content} ${l}`,
 		align: i,
 		side: a,
 		sideOffset: c,
@@ -542,7 +542,7 @@ var P = {
 		"aria-describedby": d,
 		children: t
 	}) })]
-}), B = {
+}), z = {
 	table: "_table_1b0iq_1",
 	caption: "_caption_1b0iq_8",
 	headerRow: "_headerRow_1b0iq_25",
@@ -555,49 +555,49 @@ var P = {
 };
 //#endregion
 //#region src/components/Table/Table.tsx
-function ie({ children: e, caption: t, "aria-label": n }) {
+function ae({ children: e, caption: t, "aria-label": n }) {
 	return process.env.NODE_ENV !== "production" && !t && !n && console.warn("Table: Component should have either a caption or aria-label for accessibility."), /* @__PURE__ */ s("table", {
-		className: B.table,
+		className: z.table,
 		"aria-label": n,
 		children: [t && /* @__PURE__ */ o("caption", {
-			className: B.caption,
+			className: z.caption,
 			children: t
 		}), e]
 	});
 }
 //#endregion
 //#region src/components/Table/TableHeader.tsx
-function ae({ children: t }) {
+function oe({ children: t }) {
 	let n = e.Children.map(t, (t) => e.isValidElement(t) && t.type === "td" ? /* @__PURE__ */ o("th", {
 		scope: "col",
 		...t.props
 	}) : t);
 	return /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", {
-		className: B.headerRow,
+		className: z.headerRow,
 		children: n
 	}) });
 }
 //#endregion
 //#region src/components/Table/TableRow.tsx
-function oe({ children: e }) {
+function se({ children: e }) {
 	return /* @__PURE__ */ o("tr", {
-		className: B.dataRow,
+		className: z.dataRow,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/Table/TableCell.tsx
-function V({ label: e, children: t, isHeader: n = !1, scope: r }) {
+function ce({ label: e, children: t, isHeader: n = !1, scope: r }) {
 	let i = n ? "th" : "td", a = n && r ? { scope: r } : {};
 	return e || t ? /* @__PURE__ */ o(i, {
 		...a,
 		children: /* @__PURE__ */ s("div", {
-			className: B.cellInner,
+			className: z.cellInner,
 			children: [e && /* @__PURE__ */ o("span", {
-				className: B.cellLabel,
+				className: z.cellLabel,
 				children: e
 			}), t && /* @__PURE__ */ o("div", {
-				className: B.cellContent,
+				className: z.cellContent,
 				children: t
 			})]
 		})
@@ -608,18 +608,18 @@ function V({ label: e, children: t, isHeader: n = !1, scope: r }) {
 }
 //#endregion
 //#region src/components/Table/TableValue.tsx
-function se({ children: e }) {
+function le({ children: e }) {
 	return /* @__PURE__ */ o("span", {
-		className: B.value,
+		className: z.value,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/Table/TableIcon.tsx
-function ce({ children: t, "aria-label": n }) {
+function ue({ children: t, "aria-label": n }) {
 	let r = !n;
 	return /* @__PURE__ */ o("span", {
-		className: B.icon,
+		className: z.icon,
 		"aria-hidden": r ? "true" : void 0,
 		"aria-label": n,
 		children: e.cloneElement(t, {
@@ -628,31 +628,54 @@ function ce({ children: t, "aria-label": n }) {
 		})
 	});
 }
-var H = {
-	tabs: "_tabs_qrelf_1",
-	tab: "_tab_qrelf_1",
-	active: "_active_qrelf_23",
-	micro: "_micro_qrelf_29",
-	default: "_default_qrelf_36",
-	large: "_large_qrelf_43"
+var B = {
+	tabs: "_tabs_11q71_1",
+	scrollable: "_scrollable_11q71_11",
+	tab: "_tab_11q71_1",
+	active: "_active_11q71_54",
+	micro: "_micro_11q71_60",
+	default: "_default_11q71_67",
+	large: "_large_11q71_74"
 };
 //#endregion
 //#region src/components/Tabs/Tabs.tsx
-function le({ items: e, value: t, onValueChange: n, size: r = "default" }) {
-	return /* @__PURE__ */ o("div", {
-		className: H.tabs,
+function de({ items: e, value: t, onValueChange: a, size: s = "default", scrollable: c = !1 }) {
+	let l = r(null), [u, d] = i({
+		start: !1,
+		end: !1
+	});
+	return n(() => {
+		let e = l.current;
+		if (!c || !e) return;
+		let t = () => {
+			let t = e.scrollLeft > 1, n = Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth - 1;
+			d((e) => e.start === t && e.end === n ? e : {
+				start: t,
+				end: n
+			});
+		};
+		t(), e.addEventListener("scroll", t, { passive: !0 });
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => {
+			e.removeEventListener("scroll", t), n.disconnect();
+		};
+	}, [c, e.length]), /* @__PURE__ */ o("div", {
+		ref: l,
+		className: `${B.tabs} ${c ? B.scrollable : ""}`,
+		"data-overflow-start": c && u.start ? "" : void 0,
+		"data-overflow-end": c && u.end ? "" : void 0,
 		role: "tablist",
 		children: e.map((e) => /* @__PURE__ */ o("button", {
 			role: "tab",
 			type: "button",
 			"aria-selected": t === e.value,
-			className: `${H.tab} ${H[r]} ${t === e.value ? H.active : ""}`,
-			onClick: () => n(e.value),
+			className: `${B.tab} ${B[s]} ${t === e.value ? B.active : ""}`,
+			onClick: () => a(e.value),
 			children: e.label
 		}, e.value))
 	});
 }
-var U = {
+var V = {
 	wrapper: "_wrapper_1a9jo_1",
 	track: "_track_1a9jo_8",
 	fill: "_fill_1a9jo_36",
@@ -660,42 +683,42 @@ var U = {
 };
 //#endregion
 //#region src/components/ProgressBar/ProgressBar.tsx
-function ue({ value: e, showLabel: t = !1, fulfilledColor: n = !1, className: r = "" }) {
+function fe({ value: e, showLabel: t = !1, fulfilledColor: n = !1, className: r = "" }) {
 	let i = Math.min(100, Math.max(0, e)), a = `${Math.round(i)}%`, c = n && i >= 100 ? "var(--CPureBlue)" : void 0;
 	return /* @__PURE__ */ s("div", {
-		className: `${U.wrapper} ${r}`,
+		className: `${V.wrapper} ${r}`,
 		role: "progressbar",
 		"aria-valuenow": i,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		children: [/* @__PURE__ */ o("div", {
-			className: U.track,
+			className: V.track,
 			children: /* @__PURE__ */ o("div", {
-				className: U.fill,
+				className: V.fill,
 				style: {
 					width: `${i}%`,
 					backgroundColor: c
 				}
 			})
 		}), t && /* @__PURE__ */ o("span", {
-			className: U.label,
+			className: V.label,
 			"aria-hidden": "true",
 			children: a
 		})]
 	});
 }
-var W = {
+var H = {
 	chip: "_chip_iaxe0_1",
 	large: "_large_iaxe0_14"
 };
 //#endregion
 //#region src/components/Chip/Chip.tsx
-function de({ children: t, color: n, textColor: r, className: i, icon: a, size: o = "default" }) {
+function pe({ children: t, color: n, textColor: r, className: i, icon: a, size: o = "default" }) {
 	let c = {};
 	return n && (c.backgroundColor = n), r && (c.color = r), /* @__PURE__ */ s("span", {
 		className: [
-			W.chip,
-			o === "large" && W.large,
+			H.chip,
+			o === "large" && H.large,
 			i
 		].filter(Boolean).join(" "),
 		style: c,
@@ -705,13 +728,13 @@ function de({ children: t, color: n, textColor: r, className: i, icon: a, size:
 		}), t]
 	});
 }
-var G = {
+var U = {
 	tooltip: "_tooltip_1de7z_1",
 	arrow: "_arrow_1de7z_13"
 };
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-function fe({ content: e, position: t = "top", children: n, className: r }) {
+function me({ content: e, position: t = "top", children: n, className: r }) {
 	return /* @__PURE__ */ o(y.Provider, {
 		delayDuration: 80,
 		children: /* @__PURE__ */ s(y.Root, { children: [/* @__PURE__ */ o(y.Trigger, {
@@ -720,12 +743,12 @@ function fe({ content: e, position: t = "top", children: n, className: r }) {
 		}), /* @__PURE__ */ o(y.Portal, { children: /* @__PURE__ */ s(y.Content, {
 			side: t,
 			sideOffset: 7,
-			className: [G.tooltip, r].filter(Boolean).join(" "),
-			children: [e, /* @__PURE__ */ o(y.Arrow, { className: G.arrow })]
+			className: [U.tooltip, r].filter(Boolean).join(" "),
+			children: [e, /* @__PURE__ */ o(y.Arrow, { className: U.arrow })]
 		}) })] })
 	});
 }
-var K = {
+var W = {
 	wrapper: "_wrapper_1w5vh_1",
 	chart: "_chart_1w5vh_8",
 	svg: "_svg_1w5vh_33",
@@ -739,11 +762,11 @@ var K = {
 	legendItem: "_legendItem_1w5vh_90",
 	legendMark: "_legendMark_1w5vh_96",
 	legendLabel: "_legendLabel_1w5vh_102"
-}, q = "var(--lv4)", J = 12, pe = 8, me = 8, he = 28, Y = 8;
-function ge(e) {
+}, G = "var(--lv4)", K = 12, he = 20, ge = 8, _e = 28, q = 20;
+function ve(e) {
 	return Number.isInteger(e) ? String(e) : e.toLocaleString(void 0, { maximumFractionDigits: 2 });
 }
-function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegend: u = !0, className: d }) {
+function ye({ series: e, labels: a, type: c = "line", height: l = 200, showLegend: u = !0, className: d }) {
 	let f = r(null), [p, m] = i(0), [h, g] = i(null);
 	n(() => {
 		let e = f.current;
@@ -751,18 +774,18 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
 		let t = new ResizeObserver(([e]) => m(e.contentRect.width));
 		return t.observe(e), m(e.clientWidth), () => t.disconnect();
 	}, []);
-	let _ = a?.length ? he : me, v = Math.max(p - Y - pe, 0), y = Math.max(l - J - _, 0), b = e.flatMap((e) => e.data.filter(Number.isFinite)), x = b.length ? Math.max(...b, 0) : 1, S = c === "bar" ? 0 : Math.min(...b, 0), C = x - S || 1, w = Math.max(...e.map((e) => e.data.length), 0), T = (e) => J + (1 - (e - S) / C) * y, E = (e) => w <= 1 ? Y + v / 2 : Y + e / (w - 1) * v, D = t((e) => {
+	let _ = a?.length ? _e : ge, v = Math.max(p - q - he, 0), y = Math.max(l - K - _, 0), b = e.flatMap((e) => e.data.filter(Number.isFinite)), x = b.length ? Math.max(...b, 0) : 1, S = c === "bar" ? 0 : Math.min(...b, 0), C = x - S || 1, w = Math.max(...e.map((e) => e.data.length), 0), T = (e) => K + (1 - (e - S) / C) * y, E = (e) => w <= 1 ? q + v / 2 : q + e / (w - 1) * v, D = t((e) => {
 		if (w === 0) return;
 		let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
 		if (c === "line") {
-			let e = Math.round((n - Y) / v * (w - 1));
+			let e = Math.round((n - q) / v * (w - 1));
 			g({
 				index: Math.max(0, Math.min(w - 1, e)),
 				x: n,
 				y: r
 			});
 		} else {
-			let e = v / w, t = Math.floor((n - Y) / e);
+			let e = v / w, t = Math.floor((n - q) / e);
 			g({
 				index: Math.max(0, Math.min(w - 1, t)),
 				x: n,
@@ -774,31 +797,31 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
 		w,
 		v
 	]), O = t(() => g(null), []), k = /* @__PURE__ */ o("line", {
-		x1: Y,
-		y1: J + y * .5,
-		x2: Y + v,
-		y2: J + y * .5,
+		x1: q,
+		y1: K + y * .5,
+		x2: q + v,
+		y2: K + y * .5,
 		stroke: "var(--chart-midline)",
 		strokeWidth: "0.5"
 	}), A = /* @__PURE__ */ o("line", {
-		x1: Y,
-		y1: J + y,
-		x2: Y + v,
-		y2: J + y,
+		x1: q,
+		y1: K + y,
+		x2: q + v,
+		y2: K + y,
 		stroke: "var(--chart-baseline)",
 		strokeWidth: "1"
 	}), j = h && c === "bar" ? (() => {
 		let e = v / w;
 		return /* @__PURE__ */ o("rect", {
-			x: Y + h.index * e,
-			y: J,
+			x: q + h.index * e,
+			y: K,
 			width: e,
 			height: y,
 			fill: "var(--chart-column-hover)"
 		});
 	})() : null, M = () => e.map((e, t) => {
 		if (!e.data.length) return null;
-		let n = e.color ?? q;
+		let n = e.color ?? G;
 		return /* @__PURE__ */ s("g", { children: [/* @__PURE__ */ o("polyline", {
 			points: e.data.map((e, t) => `${E(t).toFixed(2)},${T(e).toFixed(2)}`).join(" "),
 			fill: "none",
@@ -818,9 +841,9 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
 		})] }, t);
 	}), N = () => {
 		if (!w) return null;
-		let t = e.length, n = v / w, r = Math.max((n - 2 * (t + 1)) / t, 2), i = J + y;
+		let t = e.length, n = v / w, r = Math.max((n - 2 * (t + 1)) / t, 2), i = K + y;
 		return e.map((e, t) => e.data.map((a, s) => {
-			let c = Y + s * n + 2 + t * (r + 2), l = T(a);
+			let c = q + s * n + 2 + t * (r + 2), l = T(a);
 			return /* @__PURE__ */ o("rect", {
 				x: c,
 				y: l,
@@ -831,9 +854,9 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
 		}));
 	}, P = () => {
 		if (!a?.length) return null;
-		let e = J + y + 18;
+		let e = K + y + 18;
 		return a.map((t, n) => /* @__PURE__ */ o("text", {
-			x: c === "line" ? E(n) : Y + (n + .5) * (v / w),
+			x: c === "line" ? E(n) : q + (n + .5) * (v / w),
 			y: e,
 			textAnchor: "middle",
 			fill: "var(--lv4)",
@@ -842,16 +865,16 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
 		}, n));
 	}, F = h && c === "line" ? /* @__PURE__ */ o("line", {
 		x1: E(h.index),
-		y1: J,
+		y1: K,
 		x2: E(h.index),
-		y2: J + y,
+		y2: K + y,
 		stroke: "var(--chart-crosshair)",
 		strokeWidth: "1",
 		strokeDasharray: "3 3"
 	}) : null, I = h ? (() => {
 		let t = a?.[h.index] ?? String(h.index + 1), n = Math.min(Math.max(h.x, 60), p - 60);
 		return /* @__PURE__ */ s("div", {
-			className: K.tooltip,
+			className: W.tooltip,
 			style: h.y < 80 ? {
 				left: n,
 				top: h.y + 12,
@@ -862,37 +885,37 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
 				transform: "translate(-50%, -100%)"
 			},
 			children: [/* @__PURE__ */ o("div", {
-				className: K.tooltipLabel,
+				className: W.tooltipLabel,
 				children: t
 			}), e.map((e, t) => /* @__PURE__ */ s("div", {
-				className: K.tooltipRow,
+				className: W.tooltipRow,
 				children: [
 					/* @__PURE__ */ o("span", {
-						className: K.tooltipDot,
-						style: { background: e.color ?? q }
+						className: W.tooltipDot,
+						style: { background: e.color ?? G }
 					}),
 					/* @__PURE__ */ o("span", {
-						className: K.tooltipName,
+						className: W.tooltipName,
 						children: e.label
 					}),
 					/* @__PURE__ */ o("span", {
-						className: K.tooltipValue,
-						children: ge(e.data[h.index] ?? 0)
+						className: W.tooltipValue,
+						children: ve(e.data[h.index] ?? 0)
 					})
 				]
 			}, t))]
 		});
 	})() : null;
 	return /* @__PURE__ */ s("div", {
-		className: [K.wrapper, d].filter(Boolean).join(" "),
+		className: [W.wrapper, d].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ s("div", {
 			ref: f,
-			className: K.chart,
+			className: W.chart,
 			style: { height: l },
 			children: [p > 0 && /* @__PURE__ */ s("svg", {
 				width: p,
 				height: l,
-				className: K.svg,
+				className: W.svg,
 				onMouseMove: D,
 				onMouseLeave: O,
 				children: [
@@ -905,21 +928,21 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
 				]
 			}), I]
 		}), u && e.length > 1 && /* @__PURE__ */ o("div", {
-			className: K.legend,
+			className: W.legend,
 			children: e.map((e, t) => /* @__PURE__ */ s("div", {
-				className: K.legendItem,
+				className: W.legendItem,
 				children: [/* @__PURE__ */ o("div", {
-					className: K.legendMark,
-					style: { background: e.color ?? q }
+					className: W.legendMark,
+					style: { background: e.color ?? G }
 				}), /* @__PURE__ */ o("span", {
-					className: K.legendLabel,
+					className: W.legendLabel,
 					children: e.label
 				})]
 			}, t))
 		})]
 	});
 }
-var X = {
+var J = {
 	wrapper: "_wrapper_17ws4_1",
 	label: "_label_17ws4_7",
 	textarea: "_textarea_17ws4_12",
@@ -928,14 +951,14 @@ var X = {
 };
 //#endregion
 //#region src/components/Textarea/Textarea.tsx
-function ve({ label: t, error: n, className: r = "", isValid: i = !0, id: a, rows: c = 4, ...l }) {
+function be({ label: t, error: n, className: r = "", isValid: i = !0, id: a, rows: c = 4, ...l }) {
 	let u = e.useId(), d = a || u, f = `${d}-error`, p = n || !i;
 	return /* @__PURE__ */ s("div", {
-		className: `${X.wrapper} ${r}`,
+		className: `${J.wrapper} ${r}`,
 		children: [
 			t && /* @__PURE__ */ s("label", {
 				htmlFor: d,
-				className: X.label,
+				className: J.label,
 				children: [t, l.required && /* @__PURE__ */ o("span", {
 					"aria-label": "required",
 					children: " *"
@@ -944,46 +967,46 @@ function ve({ label: t, error: n, className: r = "", isValid: i = !0, id: a, row
 			/* @__PURE__ */ o("textarea", {
 				id: d,
 				rows: c,
-				className: `${X.textarea} ${p ? X.error : ""}`,
+				className: `${J.textarea} ${p ? J.error : ""}`,
 				"aria-invalid": p ? "true" : "false",
 				"aria-describedby": n ? f : void 0,
 				...l
 			}),
 			n && /* @__PURE__ */ o("span", {
 				id: f,
-				className: X.errorText,
+				className: J.errorText,
 				role: "alert",
 				children: n
 			})
 		]
 	});
 }
-var Z = {
+var Y = {
 	overlay: "_overlay_xud7c_1",
 	content: "_content_xud7c_8",
 	title: "_title_xud7c_26",
 	description: "_description_xud7c_34",
 	close: "_close_xud7c_40",
 	srOnly: "_srOnly_xud7c_62"
-}, ye = ({ trigger: e, children: t, open: n, onOpenChange: r, title: i, description: a, className: c = "", showClose: l = !0 }) => /* @__PURE__ */ s(b.Root, {
+}, xe = ({ trigger: e, children: t, open: n, onOpenChange: r, title: i, description: a, className: c = "", showClose: l = !0 }) => /* @__PURE__ */ s(b.Root, {
 	open: n,
 	onOpenChange: r,
 	children: [e && /* @__PURE__ */ o(b.Trigger, {
 		asChild: !0,
 		children: e
-	}), /* @__PURE__ */ s(b.Portal, { children: [/* @__PURE__ */ o(b.Overlay, { className: Z.overlay }), /* @__PURE__ */ s(b.Content, {
-		className: `${Z.content} ${c}`,
+	}), /* @__PURE__ */ s(b.Portal, { children: [/* @__PURE__ */ o(b.Overlay, { className: Y.overlay }), /* @__PURE__ */ s(b.Content, {
+		className: `${Y.content} ${c}`,
 		children: [
 			/* @__PURE__ */ o(b.Title, {
-				className: i ? Z.title : Z.srOnly,
+				className: i ? Y.title : Y.srOnly,
 				children: i || "Dialog"
 			}),
 			a && /* @__PURE__ */ o(b.Description, {
-				className: Z.description,
+				className: Y.description,
 				children: a
 			}),
 			l && /* @__PURE__ */ o(b.Close, {
-				className: Z.close,
+				className: Y.close,
 				"aria-label": "Close",
 				children: /* @__PURE__ */ o(h, {
 					size: 16,
@@ -993,7 +1016,7 @@ var Z = {
 			t
 		]
 	})] })]
-}), Q = {
+}), X = {
 	wrapper: "_wrapper_aimna_1",
 	label: "_label_aimna_7",
 	trigger: "_trigger_aimna_12",
@@ -1012,7 +1035,7 @@ var Z = {
 	today: "_today_aimna_131",
 	selected: "_selected_aimna_136",
 	errorText: "_errorText_aimna_142"
-}, be = [
+}, Se = [
 	"Mo",
 	"Tu",
 	"We",
@@ -1020,7 +1043,7 @@ var Z = {
 	"Fr",
 	"Sa",
 	"Su"
-], xe = [
+], Ce = [
 	"January",
 	"February",
 	"March",
@@ -1034,19 +1057,19 @@ var Z = {
 	"November",
 	"December"
 ];
-function Se(e) {
+function we(e) {
 	let t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
 	return `${e.getFullYear()}-${t}-${n}`;
 }
-function $(e, t) {
+function Z(e, t) {
 	return !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function Ce(e, t) {
+function Te(e, t) {
 	let n = (new Date(e, t, 1).getDay() + 6) % 7, r = [];
 	for (let i = 0; i < 42; i++) r.push(new Date(e, t, 1 - n + i));
 	return r;
 }
-var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", error: c, isValid: f = !0, disabled: p = !1, className: m = "", formatDate: h = Se }) => {
+var Ee = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", error: c, isValid: f = !0, disabled: p = !1, className: m = "", formatDate: h = we }) => {
 	let g = `${e.useId()}-error`, _ = !!c || !f, [y, b] = i(!1), x = /* @__PURE__ */ new Date(), S = t ?? x, [C, w] = i(S.getFullYear()), [T, E] = i(S.getMonth());
 	e.useEffect(() => {
 		y && t && (w(t.getFullYear()), E(t.getMonth()));
@@ -1057,12 +1080,12 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
 		T === 11 ? (E(0), w(C + 1)) : E(T + 1);
 	}, k = (e) => {
 		n?.(e), b(!1);
-	}, A = Ce(C, T);
+	}, A = Te(C, T);
 	return /* @__PURE__ */ s("div", {
-		className: `${Q.wrapper} ${m}`,
+		className: `${X.wrapper} ${m}`,
 		children: [
 			r && /* @__PURE__ */ o("span", {
-				className: Q.label,
+				className: X.label,
 				children: r
 			}),
 			/* @__PURE__ */ s(v.Root, {
@@ -1072,12 +1095,12 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
 					asChild: !0,
 					children: /* @__PURE__ */ s("button", {
 						type: "button",
-						className: `${Q.trigger} ${_ ? Q.error : ""}`,
+						className: `${X.trigger} ${_ ? X.error : ""}`,
 						disabled: p,
 						"aria-invalid": _ ? "true" : "false",
 						"aria-describedby": c ? g : void 0,
 						children: [/* @__PURE__ */ o("span", {
-							className: t ? Q.valueText : Q.placeholder,
+							className: t ? X.valueText : X.placeholder,
 							children: t ? h(t) : a
 						}), /* @__PURE__ */ o(l, {
 							size: 14,
@@ -1085,16 +1108,16 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
 						})]
 					})
 				}), /* @__PURE__ */ o(v.Portal, { children: /* @__PURE__ */ s(v.Content, {
-					className: Q.calendar,
+					className: X.calendar,
 					align: "start",
 					sideOffset: 5,
 					children: [
 						/* @__PURE__ */ s("div", {
-							className: Q.header,
+							className: X.header,
 							children: [
 								/* @__PURE__ */ o("button", {
 									type: "button",
-									className: Q.navButton,
+									className: X.navButton,
 									onClick: D,
 									"aria-label": "Previous month",
 									children: /* @__PURE__ */ o(u, {
@@ -1103,16 +1126,16 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
 									})
 								}),
 								/* @__PURE__ */ s("span", {
-									className: Q.monthLabel,
+									className: X.monthLabel,
 									children: [
-										xe[T],
+										Ce[T],
 										" ",
 										C
 									]
 								}),
 								/* @__PURE__ */ o("button", {
 									type: "button",
-									className: Q.navButton,
+									className: X.navButton,
 									onClick: O,
 									"aria-label": "Next month",
 									children: /* @__PURE__ */ o(d, {
@@ -1123,23 +1146,23 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
 							]
 						}),
 						/* @__PURE__ */ o("div", {
-							className: Q.weekdays,
-							children: be.map((e) => /* @__PURE__ */ o("span", {
-								className: Q.weekday,
+							className: X.weekdays,
+							children: Se.map((e) => /* @__PURE__ */ o("span", {
+								className: X.weekday,
 								children: e
 							}, e))
 						}),
 						/* @__PURE__ */ o("div", {
-							className: Q.grid,
+							className: X.grid,
 							children: A.map((e) => {
-								let n = e.getMonth() !== T, r = $(e, t), i = $(e, x);
+								let n = e.getMonth() !== T, r = Z(e, t), i = Z(e, x);
 								return /* @__PURE__ */ o("button", {
 									type: "button",
 									className: [
-										Q.day,
-										n ? Q.outside : "",
-										r ? Q.selected : "",
-										i && !r ? Q.today : ""
+										X.day,
+										n ? X.outside : "",
+										r ? X.selected : "",
+										i && !r ? X.today : ""
 									].filter(Boolean).join(" "),
 									onClick: () => k(e),
 									children: e.getDate()
@@ -1151,12 +1174,81 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
 			}),
 			c && /* @__PURE__ */ o("span", {
 				id: g,
-				className: Q.errorText,
+				className: X.errorText,
 				role: "alert",
 				children: c
 			})
 		]
 	});
-};
+}, Q = {
+	spinner: "_spinner_wspyi_1",
+	frame: "_frame_wspyi_8"
+}, $ = {
+	grow: {
+		viewBox: "0 0 7 5",
+		delay: 250,
+		frames: [
+			"M3 2H4V3H3V2Z",
+			"M4 5H3V4H4V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM4 1L3 1V0L4 0V1Z",
+			"M2 5H1L1 4H2L2 5ZM4 5H3V4H4V5ZM6 5H5V4H6V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM2 1L1 1L1 0L2 0V1ZM4 1L3 1V0L4 0V1ZM6 1L5 1V0L6 0V1Z",
+			"M1 0H6V5H1V0Z",
+			"M2 5H1L1 4H2L2 5ZM4 5H3V4H4V5ZM6 5H5V4H6V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM2 1L1 1L1 0L2 0V1ZM4 1L3 1V0L4 0V1ZM6 1L5 1V0L6 0V1Z",
+			"M4 5H3V4H4V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM4 1L3 1V0L4 0V1Z"
+		]
+	},
+	pulse: {
+		viewBox: "0 0 7 5",
+		delay: 250,
+		frames: [
+			"M3 2H4V3H3V2Z",
+			"M2 2H3V3H2V2Z M3 1H4V2H3V1Z M4 2H5V3H4V2Z M3 3H4V4H3V3Z",
+			"M1 1H2V2H1V1Z M1 2H2V3H1V2Z M1 3H2V4H1V3Z M2 4H3V5H2V4Z M3 4H4V5H3V4Z M4 4H5V5H4V4Z M5 3H6V4H5V3Z M5 2H6V3H5V2Z M5 1H6V2H5V1Z M4 0H5V1H4V0Z M3 0H4V1H3V0Z M2 0H3V1H2V0Z"
+		]
+	},
+	rotate: {
+		viewBox: "0 0 7 5",
+		delay: 250,
+		frames: [
+			"M1 0H2V1H1V0Z",
+			"M5 0H6V1H5V0Z",
+			"M5 4H6V5H5V4Z",
+			"M1 4H2V5H1V4Z"
+		]
+	},
+	rowing: {
+		viewBox: "0 0 7 5",
+		delay: 250,
+		frames: [
+			"M4 2H7V5H1V4H2V3H1V4H0V2H3V1H4V2ZM5 1H4V0H5V1ZM3 4H6V3H3V4Z",
+			"M4 2H7V5H1V4H3V3H1V4H0V2H3V1H4V2ZM4 4H6V3H4V4ZM3 1H2V0H3V1Z",
+			"M4 2H7V5H1V4H4V3H1V4H0V2H3V1H4V2ZM5 4H6V3H5V4ZM3 1H2V0H3V1Z",
+			"M4 2H7V5H1V4H6V3H1V4H0V2H3V0H4V2Z"
+		]
+	}
+}, De = Object.keys($);
+//#endregion
+//#region src/components/Spinner/Spinner.tsx
+function Oe({ name: e = De[0], size: t = 21, color: n = "currentColor", delay: r, className: i = "", "aria-label": a = "Loading" }) {
+	let s = $[e], [, , c, l] = s.viewBox.split(" ").map(Number), u = l / c, d = typeof t == "number" ? t * u : `calc(${t} * ${u})`, f = r ?? s.delay, p = s.frames.length, m = p * f;
+	return /* @__PURE__ */ o("svg", {
+		className: `${Q.spinner} ${i}`,
+		width: t,
+		height: d,
+		viewBox: s.viewBox,
+		fill: "none",
+		role: "status",
+		"aria-label": a,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: s.frames.map((e, t) => e ? /* @__PURE__ */ o("path", {
+			className: Q.frame,
+			d: e,
+			fill: n,
+			style: {
+				animation: `indx-spinner-${p} ${m}ms step-end infinite`,
+				animationDelay: `${t * f - m}ms`
+			}
+		}, t) : null)
+	});
+}
 //#endregion
-export { E as Base, S as Button, _e as Chart, w as Checkbox, de as Chip, we as DatePicker, O as FilterPanelBase, N as InputField, ye as Modal, re as Popover, ue as ProgressBar, F as RadioButton, j as SearchField, z as Select, te as Slider, ie as Table, V as TableCell, ae as TableHeader, ce as TableIcon, oe as TableRow, se as TableValue, le as Tabs, ve as Textarea, ee as ToggleSwitch, fe as Tooltip };
+export { E as Base, S as Button, ye as Chart, w as Checkbox, pe as Chip, Ee as DatePicker, O as FilterPanelBase, N as InputField, xe as Modal, ie as Popover, fe as ProgressBar, F as RadioButton, j as SearchField, ne as Select, te as Slider, Oe as Spinner, ae as Table, ce as TableCell, oe as TableHeader, ue as TableIcon, se as TableRow, le as TableValue, de as Tabs, be as Textarea, ee as ToggleSwitch, me as Tooltip, De as spinnerNames };

package/dist/systm.css

@@ -1,2 +1,2 @@
-:root{--spacing:5px;--radius:1px;--lv0:#fff;--lv1:#fbfbfb;--lv2:#efefef;--lv3:#cfcfcf;--lv4:#757575;--lv5:#4a4a50;--lv6:#1a1a21;--lv7:#121215;--lv8:#080809;--CSignal:#ff4238;--CTeal:#72f5c6;--CPureBlue:#00f;--font-family:"Inter", sans-serif;--text-2xs:350 10px/1.5 var(--font-family);--text-xs:350 11px/1.5 var(--font-family);--text-sm:350 13px/1.5 var(--font-family);--text-base:350 15px/1.5 var(--font-family);--text-lg:350 17px/1.4 var(--font-family);--text-xl:350 19px/1.4 var(--font-family);--text-2xl:350 24px/1.25 var(--font-family);--text-3xl:350 30px/1.2 var(--font-family);--text-4xl:350 36px/1.15 var(--font-family);--light:300;--book:350;--reg:400;--med:500;--semi:600;--bold:700}@media (prefers-color-scheme:dark){:root{--lv0:#080809;--lv1:#121215;--lv2:#1a1a21;--lv3:#393941;--lv4:#565661;--lv5:#8f8f97;--lv6:#efefef;--lv7:#fbfbfb;--lv8:#fff}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--pattern-checkerboard-light:url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='1' height='1' fill='%23080809'/%3E%3Crect x='1' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-dark:url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='1' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-4-light:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-4-dark:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-6-light:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-6-dark:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-8-light:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-8-dark:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-10-light:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-10-dark:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-6-light:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-6-dark:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-12-light:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-12-dark:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-24-light:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-24-dark:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E")}._button_1sns4_1{cursor:pointer;border-radius:var(--radius);box-sizing:border-box;border:none;align-items:center;display:inline-flex}._button_1sns4_1:disabled{opacity:.5;cursor:not-allowed}._button_1sns4_1:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._micro_1sns4_22{font:var(--text-xs);font-weight:var(--med);gap:7px;height:30px;padding:0 10px}._default_1sns4_30{font:var(--text-sm);font-weight:var(--med);gap:10px;height:40px;padding:0 15px}._large_1sns4_38{font:var(--text-base);font-weight:var(--med);gap:10px;height:50px;padding:0 20px}._primary_1sns4_47{background:var(--lv7);color:var(--lv1);border:none}._primary_1sns4_47:hover:not(:disabled){opacity:.8}._secondary_1sns4_57{border:1px solid var(--lv3);color:var(--lv6);background:0 0}._secondary_1sns4_57:hover:not(:disabled){border-color:var(--lv4)}._ghost_1sns4_67{color:var(--lv5);background:0 0;border:none}._ghost_1sns4_67:hover:not(:disabled){background:var(--lv2)}._checkboxWrapper_1vygn_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}._checkbox_1vygn_1{border-radius:var(--radius);background:var(--lv2);appearance:none;cursor:pointer;width:17px;height:17px;position:relative}._checkboxWrapper_1vygn_1:hover ._checkbox_1vygn_1:not(:disabled),._checkbox_1vygn_1:checked{background-color:var(--lv3)}._checkbox_1vygn_1:checked:after{content:"";border-radius:var(--radius);background-color:var(--lv8);width:11px;height:11px;position:absolute;top:3px;left:3px}._checkbox_1vygn_1:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._label_1vygn_44{font:var(--text-sm);color:var(--lv7)}._score_1vygn_48{font:var(--text-xs);color:var(--lv5);padding-top:1px}._disabled_1vygn_55{cursor:not-allowed}._checkbox_1vygn_1:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}._disabled_1vygn_55 ._label_1vygn_44,._disabled_1vygn_55 ._score_1vygn_48{opacity:.5}._container_dlzj1_1{border-radius:var(--radius);height:100%}._default_dlzj1_5{background:var(--lv2);padding:var(--spacing)}@media (prefers-color-scheme:dark){._default_dlzj1_5{background:var(--lv1)}}._container_10bfq_1{background:var(--lv0);border-radius:var(--radius);padding:calc(var(--spacing) * 3);margin-bottom:var(--spacing);flex-direction:column;gap:15px;display:flex}._header_10bfq_11{--lv5:var(--lv4);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}._header_10bfq_11:focus-visible{outline:2px solid var(--lv5);outline-offset:2px;border-radius:var(--radius)}._title_10bfq_31{font:var(--text-sm);color:var(--lv7);align-items:center;display:flex}._toggleButton_10bfq_38{all:unset;cursor:pointer;color:inherit;justify-content:center;align-items:center;display:inline-flex}._body_10bfq_49{gap:10px}._wrapper_tf1yl_1{flex-direction:column;gap:4px;display:flex}._label_tf1yl_7{font:var(--text-sm);color:var(--lv8)}._inputContainer_tf1yl_12{align-items:center;gap:8px;display:flex;position:relative}._input_tf1yl_12{width:100%;color:var(--lv8);box-sizing:border-box;caret-color:var(--lv7);background:0 0;border:none;border-radius:1px}._input_tf1yl_12[type=search]{appearance:none}._input_tf1yl_12:not(._focus_tf1yl_35):focus{outline:none}._input_tf1yl_12._focus_tf1yl_35:focus{outline:.5px solid var(--lv7);outline-offset:0;box-shadow:none;border-radius:1px}._input_tf1yl_12::placeholder{color:var(--lv4);transition:opacity .2s}._searchIcon_tf1yl_52{--search-icon-color:var(--lv4);height:100%;color:var(--search-icon-color);pointer-events:none;align-items:center;transition:color .2s;display:flex;position:absolute}._inputContainer_tf1yl_12:focus-within ._searchIcon_tf1yl_52{--search-icon-color:var(--lv7)}._rightContent_tf1yl_67{align-content:center;align-items:center;gap:10px;height:100%;display:flex;position:absolute;right:5px}._sizeMicro_tf1yl_78 ._input_tf1yl_12{font:var(--text-xs)!important;height:30px!important;padding-left:25px!important}._sizeMicro_tf1yl_78 ._searchIcon_tf1yl_52{left:5px}._sizeDefault_tf1yl_87 ._input_tf1yl_12{font:var(--text-base)!important;height:40px!important;padding-left:35px!important}._sizeDefault_tf1yl_87 ._searchIcon_tf1yl_52{left:7px}._input_tf1yl_12:focus::placeholder{opacity:0}._input_tf1yl_12::selection{background:var(--lv3)}._input_tf1yl_12:disabled{opacity:.6;cursor:not-allowed}._error_tf1yl_110{border-color:var(--CSignal)}._errorText_tf1yl_114{font:var(--text-2xs);color:var(--CSignal)}._wrapper_su5p5_1{flex-direction:column;gap:4px;display:flex}._label_su5p5_7{font:var(--text-xs);color:var(--lv6)}._input_su5p5_12{font:var(--text-xs);border:1px solid var(--lv3);border-radius:var(--radius);height:30px;color:var(--lv7);background:0 0;padding:10px}._input_su5p5_12:not(:disabled):hover,._input_su5p5_12:not(:disabled):active{border-color:var(--lv5)}._input_su5p5_12:focus{border-color:var(--lv5);outline:none}._input_su5p5_12::placeholder{color:var(--lv5)}._input_su5p5_12:disabled{opacity:.6;cursor:not-allowed}._input_su5p5_12::selection{background:var(--lv3)}._input_su5p5_12[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_su5p5_12[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._input_su5p5_12[type=number]{appearance:textfield}._error_su5p5_61,._error_su5p5_61:focus{border-color:var(--CSignal)}._errorText_su5p5_69{font:var(--text-2xs);color:var(--CSignal)}._borderBottom_su5p5_75{border:none;border-bottom:1px solid var(--lv3);border-radius:0;padding:0}._borderBottom_su5p5_75:not(:disabled):hover,._borderBottom_su5p5_75:not(:disabled):active{border-bottom-color:var(--lv5)}._borderBottom_su5p5_75:focus{border-bottom-color:var(--lv5);outline:none}._borderBottom_su5p5_75._error_su5p5_61,._borderBottom_su5p5_75._error_su5p5_61:focus{border-bottom-color:var(--CSignal)}._radioWrapper_1faq0_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}._radioInput_1faq0_9{opacity:0;cursor:pointer;width:17px;height:17px;position:absolute}._radioInput_1faq0_9:disabled{cursor:not-allowed}._radioInput_1faq0_9:focus-visible+._customRadio_1faq0_23{outline:2px solid var(--lv5);outline-offset:2px}._customRadio_1faq0_23{background:var(--lv2);appearance:none;cursor:pointer;border-radius:50%;width:17px;height:17px;position:relative}._radioWrapper_1faq0_1:hover ._radioInput_1faq0_9:not(:disabled):not(:checked)+._customRadio_1faq0_23,._radioInput_1faq0_9:checked+._customRadio_1faq0_23{background-color:var(--lv3)}._radioInput_1faq0_9:checked+._customRadio_1faq0_23:after{content:"";background-color:var(--lv8);border-radius:50%;width:11px;height:11px;position:absolute;top:3px;left:3px}._labelText_1faq0_57{font:var(--text-sm);color:var(--lv7)}._disabled_1faq0_63{cursor:not-allowed}._radioInput_1faq0_9:disabled+._customRadio_1faq0_23{opacity:.5;pointer-events:none}._disabled_1faq0_63 ._labelText_1faq0_57{opacity:.5}._switch_1xsea_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}._switch_1xsea_1 input{opacity:0;cursor:pointer;width:28px;height:18px;position:absolute}._switch_1xsea_1 input:disabled{cursor:not-allowed}._switch_1xsea_1 input:focus-visible+._slider_1xsea_23{outline:2px solid var(--lv5);outline-offset:2px}._label_1xsea_28{font:var(--text-sm);color:var(--lv7)}._slider_1xsea_23{background:var(--lv2);border-radius:var(--radius);width:28px;height:18px;display:inline-block;position:relative}._switch_1xsea_1:not(._disabled_1xsea_43):hover input:not(:checked)+._slider_1xsea_23{background-color:var(--lv3)}._slider_1xsea_23:before{content:"";background-color:var(--lv8);border-radius:var(--radius);width:12px;height:12px;transition:transform 20ms;position:absolute;top:3px;left:3px}._switch_1xsea_1 input:checked+._slider_1xsea_23{background-color:var(--lv3)}._switch_1xsea_1 input:checked+._slider_1xsea_23:before{transform:translate(10px)}._switch_1xsea_1 input:disabled+._slider_1xsea_23{opacity:.5;pointer-events:none}._switch_1xsea_1._disabled_1xsea_43{cursor:not-allowed}._switch_1xsea_1._disabled_1xsea_43 ._label_1xsea_28{opacity:.5}._label_12as9_1{font:var(--text-xs);color:var(--lv6);margin-bottom:4px;display:block}._basetrack_12as9_8{border-radius:1px;width:100%;height:5px;position:relative}._basetrack_12as9_8:before{content:"";background-image:var(--pattern-checkerboard-light);opacity:.3;pointer-events:none;z-index:0;background-repeat:repeat;background-size:2px 2px;border-radius:1px;position:absolute;inset:0}@media (prefers-color-scheme:dark){._basetrack_12as9_8:before{background-image:var(--pattern-checkerboard-dark)}}._selectedtrack_12as9_36{background-color:var(--lv5);pointer-events:none;border-radius:1px;height:100%;position:absolute}._livetrack_12as9_43{pointer-events:none;border-radius:1px;height:100%;position:absolute}._livetrackFaceted_12as9_49,._livetrackDefault_12as9_52{background-color:var(--lv5)}._thumbs_12as9_55{background-color:var(--lv7);cursor:grab;border-radius:1px;outline:none;width:18px;height:13px;position:relative}._thumbs_12as9_55:before{content:"";width:24px;height:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._thumbs_12as9_55:focus{outline:none}._thumbs_12as9_55:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._thumbs_12as9_55._disabled_12as9_89{background-color:var(--lv5);cursor:not-allowed}._wrapper_15fsv_1{flex-direction:column;gap:4px;display:flex}._label_15fsv_7{font:var(--text-xs);color:var(--lv6)}._trigger_15fsv_12{all:unset;box-sizing:border-box;background:var(--lv0);width:100%;color:var(--lv7);border:1px solid var(--lv3);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:inline-flex}._micro_15fsv_28{height:30px;font:var(--text-xs);padding:0 10px}._default_15fsv_34{height:40px;font:var(--text-sm);padding:0 15px}._large_15fsv_40{height:50px;font:var(--text-base);padding:0 20px}._trigger_15fsv_12:hover:not([data-disabled]){border-color:var(--lv4)}._trigger_15fsv_12:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._trigger_15fsv_12[data-disabled]{opacity:.5;cursor:not-allowed}._icon_15fsv_60{color:var(--lv5);align-items:center;display:flex}._content_15fsv_68{background:var(--lv2);border-radius:var(--radius);z-index:1000;padding:6px;overflow:hidden}._viewport_15fsv_76{flex-direction:column;gap:2px;display:flex}._item_15fsv_82{all:unset;font:var(--text-sm);color:var(--lv5);border-radius:var(--radius);-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}._item_15fsv_82[data-highlighted]{background-color:var(--lv3);outline:none}._item_15fsv_82[data-state=checked]{color:var(--lv7)}._itemIndicator_15fsv_105{align-items:center;display:flex}@media (prefers-color-scheme:dark){._content_15fsv_68{background:var(--lv1)}._item_15fsv_82[data-highlighted]{background-color:var(--lv2)}}._content_1qahr_1{background:var(--lv3);border-radius:var(--radius);padding:var(--spacing);z-index:1000;box-sizing:border-box;animation-duration:0s!important}._table_1b0iq_1{border-collapse:collapse;width:100%;font:var(--text-sm);background-color:var(--lv0)}._caption_1b0iq_8{caption-side:top;text-align:left;font:var(--text-sm);font-weight:var(--med);color:var(--lv7);padding:10px 15px}._table_1b0iq_1 th,._table_1b0iq_1 td{text-align:left;border:.5px solid var(--lv3);height:40px;padding:0 15px}._headerRow_1b0iq_25{background-color:var(--lv2)}._headerRow_1b0iq_25 th{font-weight:var(--med)}._dataRow_1b0iq_33{background-color:#0000}._dataRow_1b0iq_33 td{font-weight:var(--reg)}._cellInner_1b0iq_41{justify-content:space-between;align-items:center;display:flex}._cellLabel_1b0iq_47{flex-shrink:0;min-width:50%}._cellContent_1b0iq_52{align-items:center;gap:8px;display:flex}._value_1b0iq_58{font:var(--text-xs);font-weight:var(--book);color:var(--lv5)}._icon_1b0iq_64{width:14px;height:14px;color:var(--lv6);justify-content:center;align-items:center;display:flex}._tabs_qrelf_1{border-bottom:1px solid var(--lv3);display:flex}._tab_qrelf_1{font-weight:var(--med);color:var(--lv5);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;display:inline-flex}._tab_qrelf_1:hover{color:var(--lv7)}._active_qrelf_23{color:var(--lv7);border-bottom-color:var(--lv7)}._micro_qrelf_29{font:var(--text-xs);font-weight:var(--med);height:30px;padding:0 10px}._default_qrelf_36{font:var(--text-sm);font-weight:var(--med);height:40px;padding:0 15px}._large_qrelf_43{font:var(--text-base);font-weight:var(--med);height:50px;padding:0 20px}._wrapper_1a9jo_1{align-items:center;gap:5px;width:100%;display:flex}._track_1a9jo_8{border-radius:1px;flex:1;height:8px;position:relative}._track_1a9jo_8:before{content:"";background-image:var(--pattern-checkerboard-light);opacity:.3;pointer-events:none;background-repeat:repeat;background-size:2px 2px;border-radius:1px;position:absolute;inset:0}@media (prefers-color-scheme:dark){._track_1a9jo_8:before{background-image:var(--pattern-checkerboard-dark)}}._fill_1a9jo_36{background-color:var(--lv6);pointer-events:none;border-radius:1px;height:100%;position:absolute;top:0;left:0}._label_1a9jo_46{font:var(--text-xs);color:var(--lv6);text-align:right;flex-shrink:0;width:30px}._chip_iaxe0_1{color:var(--lv6);background-color:var(--lv2);font:var(--text-xs);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}._large_iaxe0_14{padding:3px 9px}._tooltip_1de7z_1{background:var(--lv3);color:var(--lv6);font:var(--text-xs);font-weight:var(--med);white-space:nowrap;pointer-events:none;z-index:100;border-radius:0;padding:4px 8px}._arrow_1de7z_13{fill:var(--lv3)}._wrapper_1w5vh_1{flex-direction:column;gap:10px;width:100%;display:flex}._chart_1w5vh_8{box-sizing:border-box;background-color:var(--lv0);border:1px solid var(--lv2);--chart-bar:var(--lv5);--chart-column-hover:var(--lv2);--chart-midline:var(--lv2);--chart-baseline:var(--lv3);--chart-crosshair:var(--lv4);width:100%;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){._chart_1w5vh_8{--chart-bar:var(--lv4);--chart-column-hover:var(--lv2);--chart-midline:var(--lv2);--chart-baseline:var(--lv3);--chart-crosshair:var(--lv4)}}._svg_1w5vh_33{display:block;overflow:visible}._tooltip_1w5vh_39{background:var(--lv0);border:1px solid var(--lv2);pointer-events:none;z-index:10;min-width:90px;padding:8px 10px;position:absolute}._tooltipLabel_1w5vh_49{font:var(--text-2xs);color:var(--lv4);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}._tooltipRow_1w5vh_57{align-items:center;gap:6px;line-height:1.6;display:flex}._tooltipDot_1w5vh_64{flex-shrink:0;width:5px;height:5px}._tooltipName_1w5vh_70{font:var(--text-xs);color:var(--lv5);flex:1}._tooltipValue_1w5vh_76{font:var(--text-xs);font-weight:var(--med);color:var(--lv6)}._legend_1w5vh_83{flex-wrap:wrap;gap:16px;padding-left:8px;display:flex}._legendItem_1w5vh_90{align-items:center;gap:6px;display:flex}._legendMark_1w5vh_96{flex-shrink:0;width:12px;height:2px}._legendLabel_1w5vh_102{font:var(--text-xs);color:var(--lv5)}._wrapper_17ws4_1{flex-direction:column;gap:4px;display:flex}._label_17ws4_7{font:var(--text-xs);color:var(--lv6)}._textarea_17ws4_12{font:var(--text-xs);border:1px solid var(--lv3);border-radius:var(--radius);min-height:80px;color:var(--lv7);resize:vertical;background:0 0;padding:10px;font-family:inherit;line-height:1.5}._textarea_17ws4_12:not(:disabled):hover{border-color:var(--lv5)}._textarea_17ws4_12:focus{border-color:var(--lv5);outline:none}._textarea_17ws4_12::placeholder{color:var(--lv5)}._textarea_17ws4_12:disabled{opacity:.6;cursor:not-allowed;resize:none}._textarea_17ws4_12::selection{background:var(--lv3)}._error_17ws4_48,._error_17ws4_48:focus{border-color:var(--CSignal)}._errorText_17ws4_56{font:var(--text-2xs);color:var(--CSignal)}._overlay_xud7c_1{z-index:1000;background:#00000080;position:fixed;inset:0}._content_xud7c_8{width:90vw;max-width:480px;max-height:85vh;padding:calc(var(--spacing) * 4);background:var(--lv1);border-radius:var(--radius);z-index:1001;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}._title_xud7c_26{font:var(--text-lg);font-weight:var(--med);color:var(--lv7);margin:0;padding-right:28px}._description_xud7c_34{font:var(--text-sm);color:var(--lv5);margin:0}._close_xud7c_40{top:calc(var(--spacing) * 3);right:calc(var(--spacing) * 3);width:24px;height:24px;color:var(--lv5);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}._close_xud7c_40:hover{background:var(--lv2);color:var(--lv7)}._srOnly_xud7c_62{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._wrapper_aimna_1{flex-direction:column;gap:4px;display:flex}._label_aimna_7{font:var(--text-xs);color:var(--lv6)}._trigger_aimna_12{font:var(--text-xs);border:1px solid var(--lv3);border-radius:var(--radius);min-width:160px;height:30px;color:var(--lv7);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-family:inherit;display:flex}._trigger_aimna_12:not(:disabled):hover{border-color:var(--lv5)}._trigger_aimna_12:focus-visible{border-color:var(--lv5);outline:none}._trigger_aimna_12:disabled{opacity:.6;cursor:not-allowed}._trigger_aimna_12._error_aimna_43{border-color:var(--CSignal)}._placeholder_aimna_47{color:var(--lv5)}._valueText_aimna_51{color:var(--lv7)}._calendar_aimna_55{background:var(--lv1);border-radius:var(--radius);z-index:1000;flex-direction:column;gap:6px;padding:10px;display:flex}._header_aimna_65{justify-content:space-between;align-items:center;display:flex}._monthLabel_aimna_71{font:var(--text-xs);font-weight:var(--med);color:var(--lv7)}._navButton_aimna_77{width:24px;height:24px;color:var(--lv5);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._navButton_aimna_77:hover{background:var(--lv2);color:var(--lv7)}._weekdays_aimna_95,._grid_aimna_96{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}._weekday_aimna_95{font:var(--text-2xs);color:var(--lv4);text-align:center;padding:4px 0}._day_aimna_109{width:30px;height:30px;font:var(--text-xs);color:var(--lv7);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._day_aimna_109:hover{background:var(--lv2)}._outside_aimna_127{color:var(--lv3)}._today_aimna_131{outline:1px solid var(--lv4);outline-offset:-1px}._selected_aimna_136,._selected_aimna_136:hover{background:var(--lv7);color:var(--lv1)}._errorText_aimna_142{font:var(--text-2xs);color:var(--CSignal)}
+:root{--spacing:5px;--radius:1px;--lv0:#fff;--lv1:#fbfbfb;--lv2:#efefef;--lv3:#cfcfcf;--lv4:#757575;--lv5:#4a4a50;--lv6:#1a1a21;--lv7:#121215;--lv8:#080809;--CSignal:#ff4238;--CTeal:#72f5c6;--CPureBlue:#00f;--font-family:"Inter", sans-serif;--text-2xs:350 10px/1.5 var(--font-family);--text-xs:350 11px/1.5 var(--font-family);--text-sm:350 13px/1.5 var(--font-family);--text-base:350 15px/1.5 var(--font-family);--text-lg:350 17px/1.4 var(--font-family);--text-xl:350 19px/1.4 var(--font-family);--text-2xl:350 24px/1.25 var(--font-family);--text-3xl:350 30px/1.2 var(--font-family);--text-4xl:350 36px/1.15 var(--font-family);--light:300;--book:350;--reg:400;--med:500;--semi:600;--bold:700}@media (prefers-color-scheme:dark){:root{--lv0:#080809;--lv1:#121215;--lv2:#1a1a21;--lv3:#393941;--lv4:#565661;--lv5:#8f8f97;--lv6:#efefef;--lv7:#fbfbfb;--lv8:#fff}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--pattern-checkerboard-light:url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='1' height='1' fill='%23080809'/%3E%3Crect x='1' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-dark:url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='1' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-4-light:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-4-dark:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-6-light:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-6-dark:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-8-light:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-8-dark:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-10-light:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-checkerboard-spaced-10-dark:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-6-light:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-6-dark:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-12-light:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-12-dark:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");--pattern-grid-24-light:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23080809'/%3E%3C/svg%3E");--pattern-grid-24-dark:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E")}._button_1sns4_1{cursor:pointer;border-radius:var(--radius);box-sizing:border-box;border:none;align-items:center;display:inline-flex}._button_1sns4_1:disabled{opacity:.5;cursor:not-allowed}._button_1sns4_1:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._micro_1sns4_22{font:var(--text-xs);font-weight:var(--med);gap:7px;height:30px;padding:0 10px}._default_1sns4_30{font:var(--text-sm);font-weight:var(--med);gap:10px;height:40px;padding:0 15px}._large_1sns4_38{font:var(--text-base);font-weight:var(--med);gap:10px;height:50px;padding:0 20px}._primary_1sns4_47{background:var(--lv7);color:var(--lv1);border:none}._primary_1sns4_47:hover:not(:disabled){opacity:.8}._secondary_1sns4_57{border:1px solid var(--lv3);color:var(--lv6);background:0 0}._secondary_1sns4_57:hover:not(:disabled){border-color:var(--lv4)}._ghost_1sns4_67{color:var(--lv5);background:0 0;border:none}._ghost_1sns4_67:hover:not(:disabled){background:var(--lv2)}._checkboxWrapper_1vygn_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}._checkbox_1vygn_1{border-radius:var(--radius);background:var(--lv2);appearance:none;cursor:pointer;width:17px;height:17px;position:relative}._checkboxWrapper_1vygn_1:hover ._checkbox_1vygn_1:not(:disabled),._checkbox_1vygn_1:checked{background-color:var(--lv3)}._checkbox_1vygn_1:checked:after{content:"";border-radius:var(--radius);background-color:var(--lv8);width:11px;height:11px;position:absolute;top:3px;left:3px}._checkbox_1vygn_1:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._label_1vygn_44{font:var(--text-sm);color:var(--lv7)}._score_1vygn_48{font:var(--text-xs);color:var(--lv5);padding-top:1px}._disabled_1vygn_55{cursor:not-allowed}._checkbox_1vygn_1:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}._disabled_1vygn_55 ._label_1vygn_44,._disabled_1vygn_55 ._score_1vygn_48{opacity:.5}._container_dlzj1_1{border-radius:var(--radius);height:100%}._default_dlzj1_5{background:var(--lv2);padding:var(--spacing)}@media (prefers-color-scheme:dark){._default_dlzj1_5{background:var(--lv1)}}._container_10bfq_1{background:var(--lv0);border-radius:var(--radius);padding:calc(var(--spacing) * 3);margin-bottom:var(--spacing);flex-direction:column;gap:15px;display:flex}._header_10bfq_11{--lv5:var(--lv4);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}._header_10bfq_11:focus-visible{outline:2px solid var(--lv5);outline-offset:2px;border-radius:var(--radius)}._title_10bfq_31{font:var(--text-sm);color:var(--lv7);align-items:center;display:flex}._toggleButton_10bfq_38{all:unset;cursor:pointer;color:inherit;justify-content:center;align-items:center;display:inline-flex}._body_10bfq_49{gap:10px}._wrapper_tf1yl_1{flex-direction:column;gap:4px;display:flex}._label_tf1yl_7{font:var(--text-sm);color:var(--lv8)}._inputContainer_tf1yl_12{align-items:center;gap:8px;display:flex;position:relative}._input_tf1yl_12{width:100%;color:var(--lv8);box-sizing:border-box;caret-color:var(--lv7);background:0 0;border:none;border-radius:1px}._input_tf1yl_12[type=search]{appearance:none}._input_tf1yl_12:not(._focus_tf1yl_35):focus{outline:none}._input_tf1yl_12._focus_tf1yl_35:focus{outline:.5px solid var(--lv7);outline-offset:0;box-shadow:none;border-radius:1px}._input_tf1yl_12::placeholder{color:var(--lv4);transition:opacity .2s}._searchIcon_tf1yl_52{--search-icon-color:var(--lv4);height:100%;color:var(--search-icon-color);pointer-events:none;align-items:center;transition:color .2s;display:flex;position:absolute}._inputContainer_tf1yl_12:focus-within ._searchIcon_tf1yl_52{--search-icon-color:var(--lv7)}._rightContent_tf1yl_67{align-content:center;align-items:center;gap:10px;height:100%;display:flex;position:absolute;right:5px}._sizeMicro_tf1yl_78 ._input_tf1yl_12{font:var(--text-xs)!important;height:30px!important;padding-left:25px!important}._sizeMicro_tf1yl_78 ._searchIcon_tf1yl_52{left:5px}._sizeDefault_tf1yl_87 ._input_tf1yl_12{font:var(--text-base)!important;height:40px!important;padding-left:35px!important}._sizeDefault_tf1yl_87 ._searchIcon_tf1yl_52{left:7px}._input_tf1yl_12:focus::placeholder{opacity:0}._input_tf1yl_12::selection{background:var(--lv3)}._input_tf1yl_12:disabled{opacity:.6;cursor:not-allowed}._error_tf1yl_110{border-color:var(--CSignal)}._errorText_tf1yl_114{font:var(--text-2xs);color:var(--CSignal)}._wrapper_su5p5_1{flex-direction:column;gap:4px;display:flex}._label_su5p5_7{font:var(--text-xs);color:var(--lv6)}._input_su5p5_12{font:var(--text-xs);border:1px solid var(--lv3);border-radius:var(--radius);height:30px;color:var(--lv7);background:0 0;padding:10px}._input_su5p5_12:not(:disabled):hover,._input_su5p5_12:not(:disabled):active{border-color:var(--lv5)}._input_su5p5_12:focus{border-color:var(--lv5);outline:none}._input_su5p5_12::placeholder{color:var(--lv5)}._input_su5p5_12:disabled{opacity:.6;cursor:not-allowed}._input_su5p5_12::selection{background:var(--lv3)}._input_su5p5_12[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_su5p5_12[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._input_su5p5_12[type=number]{appearance:textfield}._error_su5p5_61,._error_su5p5_61:focus{border-color:var(--CSignal)}._errorText_su5p5_69{font:var(--text-2xs);color:var(--CSignal)}._borderBottom_su5p5_75{border:none;border-bottom:1px solid var(--lv3);border-radius:0;padding:0}._borderBottom_su5p5_75:not(:disabled):hover,._borderBottom_su5p5_75:not(:disabled):active{border-bottom-color:var(--lv5)}._borderBottom_su5p5_75:focus{border-bottom-color:var(--lv5);outline:none}._borderBottom_su5p5_75._error_su5p5_61,._borderBottom_su5p5_75._error_su5p5_61:focus{border-bottom-color:var(--CSignal)}._radioWrapper_1faq0_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}._radioInput_1faq0_9{opacity:0;cursor:pointer;width:17px;height:17px;position:absolute}._radioInput_1faq0_9:disabled{cursor:not-allowed}._radioInput_1faq0_9:focus-visible+._customRadio_1faq0_23{outline:2px solid var(--lv5);outline-offset:2px}._customRadio_1faq0_23{background:var(--lv2);appearance:none;cursor:pointer;border-radius:50%;width:17px;height:17px;position:relative}._radioWrapper_1faq0_1:hover ._radioInput_1faq0_9:not(:disabled):not(:checked)+._customRadio_1faq0_23,._radioInput_1faq0_9:checked+._customRadio_1faq0_23{background-color:var(--lv3)}._radioInput_1faq0_9:checked+._customRadio_1faq0_23:after{content:"";background-color:var(--lv8);border-radius:50%;width:11px;height:11px;position:absolute;top:3px;left:3px}._labelText_1faq0_57{font:var(--text-sm);color:var(--lv7)}._disabled_1faq0_63{cursor:not-allowed}._radioInput_1faq0_9:disabled+._customRadio_1faq0_23{opacity:.5;pointer-events:none}._disabled_1faq0_63 ._labelText_1faq0_57{opacity:.5}._switch_1xsea_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}._switch_1xsea_1 input{opacity:0;cursor:pointer;width:28px;height:18px;position:absolute}._switch_1xsea_1 input:disabled{cursor:not-allowed}._switch_1xsea_1 input:focus-visible+._slider_1xsea_23{outline:2px solid var(--lv5);outline-offset:2px}._label_1xsea_28{font:var(--text-sm);color:var(--lv7)}._slider_1xsea_23{background:var(--lv2);border-radius:var(--radius);width:28px;height:18px;display:inline-block;position:relative}._switch_1xsea_1:not(._disabled_1xsea_43):hover input:not(:checked)+._slider_1xsea_23{background-color:var(--lv3)}._slider_1xsea_23:before{content:"";background-color:var(--lv8);border-radius:var(--radius);width:12px;height:12px;transition:transform 20ms;position:absolute;top:3px;left:3px}._switch_1xsea_1 input:checked+._slider_1xsea_23{background-color:var(--lv3)}._switch_1xsea_1 input:checked+._slider_1xsea_23:before{transform:translate(10px)}._switch_1xsea_1 input:disabled+._slider_1xsea_23{opacity:.5;pointer-events:none}._switch_1xsea_1._disabled_1xsea_43{cursor:not-allowed}._switch_1xsea_1._disabled_1xsea_43 ._label_1xsea_28{opacity:.5}._label_12as9_1{font:var(--text-xs);color:var(--lv6);margin-bottom:4px;display:block}._basetrack_12as9_8{border-radius:1px;width:100%;height:5px;position:relative}._basetrack_12as9_8:before{content:"";background-image:var(--pattern-checkerboard-light);opacity:.3;pointer-events:none;z-index:0;background-repeat:repeat;background-size:2px 2px;border-radius:1px;position:absolute;inset:0}@media (prefers-color-scheme:dark){._basetrack_12as9_8:before{background-image:var(--pattern-checkerboard-dark)}}._selectedtrack_12as9_36{background-color:var(--lv5);pointer-events:none;border-radius:1px;height:100%;position:absolute}._livetrack_12as9_43{pointer-events:none;border-radius:1px;height:100%;position:absolute}._livetrackFaceted_12as9_49,._livetrackDefault_12as9_52{background-color:var(--lv5)}._thumbs_12as9_55{background-color:var(--lv7);cursor:grab;border-radius:1px;outline:none;width:18px;height:13px;position:relative}._thumbs_12as9_55:before{content:"";width:24px;height:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._thumbs_12as9_55:focus{outline:none}._thumbs_12as9_55:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._thumbs_12as9_55._disabled_12as9_89{background-color:var(--lv5);cursor:not-allowed}._wrapper_15fsv_1{flex-direction:column;gap:4px;display:flex}._label_15fsv_7{font:var(--text-xs);color:var(--lv6)}._trigger_15fsv_12{all:unset;box-sizing:border-box;background:var(--lv0);width:100%;color:var(--lv7);border:1px solid var(--lv3);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:inline-flex}._micro_15fsv_28{height:30px;font:var(--text-xs);padding:0 10px}._default_15fsv_34{height:40px;font:var(--text-sm);padding:0 15px}._large_15fsv_40{height:50px;font:var(--text-base);padding:0 20px}._trigger_15fsv_12:hover:not([data-disabled]){border-color:var(--lv4)}._trigger_15fsv_12:focus-visible{outline:2px solid var(--lv5);outline-offset:2px}._trigger_15fsv_12[data-disabled]{opacity:.5;cursor:not-allowed}._icon_15fsv_60{color:var(--lv5);align-items:center;display:flex}._content_15fsv_68{background:var(--lv2);border-radius:var(--radius);z-index:1000;padding:6px;overflow:hidden}._viewport_15fsv_76{flex-direction:column;gap:2px;display:flex}._item_15fsv_82{all:unset;font:var(--text-sm);color:var(--lv5);border-radius:var(--radius);-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}._item_15fsv_82[data-highlighted]{background-color:var(--lv3);outline:none}._item_15fsv_82[data-state=checked]{color:var(--lv7)}._itemIndicator_15fsv_105{align-items:center;display:flex}@media (prefers-color-scheme:dark){._content_15fsv_68{background:var(--lv1)}._item_15fsv_82[data-highlighted]{background-color:var(--lv2)}}._content_1qahr_1{background:var(--lv3);border-radius:var(--radius);padding:var(--spacing);z-index:1000;box-sizing:border-box;animation-duration:0s!important}._table_1b0iq_1{border-collapse:collapse;width:100%;font:var(--text-sm);background-color:var(--lv0)}._caption_1b0iq_8{caption-side:top;text-align:left;font:var(--text-sm);font-weight:var(--med);color:var(--lv7);padding:10px 15px}._table_1b0iq_1 th,._table_1b0iq_1 td{text-align:left;border:.5px solid var(--lv3);height:40px;padding:0 15px}._headerRow_1b0iq_25{background-color:var(--lv2)}._headerRow_1b0iq_25 th{font-weight:var(--med)}._dataRow_1b0iq_33{background-color:#0000}._dataRow_1b0iq_33 td{font-weight:var(--reg)}._cellInner_1b0iq_41{justify-content:space-between;align-items:center;display:flex}._cellLabel_1b0iq_47{flex-shrink:0;min-width:50%}._cellContent_1b0iq_52{align-items:center;gap:8px;display:flex}._value_1b0iq_58{font:var(--text-xs);font-weight:var(--book);color:var(--lv5)}._icon_1b0iq_64{width:14px;height:14px;color:var(--lv6);justify-content:center;align-items:center;display:flex}._tabs_11q71_1{border-bottom:1px solid var(--lv3);display:flex}._scrollable_11q71_11{scrollbar-width:none;--tabs-fade-start:0px;--tabs-fade-end:0px;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--tabs-fade-start), #000 calc(100% - var(--tabs-fade-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--tabs-fade-start), #000 calc(100% - var(--tabs-fade-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--tabs-fade-start), #000 calc(100% - var(--tabs-fade-end)), transparent 100%);overflow:auto hidden}._scrollable_11q71_11[data-overflow-start]{--tabs-fade-start:22px}._scrollable_11q71_11[data-overflow-end]{--tabs-fade-end:22px}._scrollable_11q71_11::-webkit-scrollbar{display:none}._scrollable_11q71_11 ._tab_11q71_1{flex-shrink:0}._tab_11q71_1{font-weight:var(--med);color:var(--lv5);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;display:inline-flex}._tab_11q71_1:hover{color:var(--lv7)}._active_11q71_54{color:var(--lv7);border-bottom-color:var(--lv7)}._micro_11q71_60{font:var(--text-xs);font-weight:var(--med);height:30px;padding:0 10px}._default_11q71_67{font:var(--text-sm);font-weight:var(--med);height:40px;padding:0 15px}._large_11q71_74{font:var(--text-base);font-weight:var(--med);height:50px;padding:0 20px}._wrapper_1a9jo_1{align-items:center;gap:5px;width:100%;display:flex}._track_1a9jo_8{border-radius:1px;flex:1;height:8px;position:relative}._track_1a9jo_8:before{content:"";background-image:var(--pattern-checkerboard-light);opacity:.3;pointer-events:none;background-repeat:repeat;background-size:2px 2px;border-radius:1px;position:absolute;inset:0}@media (prefers-color-scheme:dark){._track_1a9jo_8:before{background-image:var(--pattern-checkerboard-dark)}}._fill_1a9jo_36{background-color:var(--lv6);pointer-events:none;border-radius:1px;height:100%;position:absolute;top:0;left:0}._label_1a9jo_46{font:var(--text-xs);color:var(--lv6);text-align:right;flex-shrink:0;width:30px}._chip_iaxe0_1{color:var(--lv6);background-color:var(--lv2);font:var(--text-xs);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}._large_iaxe0_14{padding:3px 9px}._tooltip_1de7z_1{background:var(--lv3);color:var(--lv6);font:var(--text-xs);font-weight:var(--med);white-space:nowrap;pointer-events:none;z-index:100;border-radius:0;padding:4px 8px}._arrow_1de7z_13{fill:var(--lv3)}._wrapper_1w5vh_1{flex-direction:column;gap:10px;width:100%;display:flex}._chart_1w5vh_8{box-sizing:border-box;background-color:var(--lv0);border:1px solid var(--lv2);--chart-bar:var(--lv5);--chart-column-hover:var(--lv2);--chart-midline:var(--lv2);--chart-baseline:var(--lv3);--chart-crosshair:var(--lv4);width:100%;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){._chart_1w5vh_8{--chart-bar:var(--lv4);--chart-column-hover:var(--lv2);--chart-midline:var(--lv2);--chart-baseline:var(--lv3);--chart-crosshair:var(--lv4)}}._svg_1w5vh_33{display:block;overflow:visible}._tooltip_1w5vh_39{background:var(--lv0);border:1px solid var(--lv2);pointer-events:none;z-index:10;min-width:90px;padding:8px 10px;position:absolute}._tooltipLabel_1w5vh_49{font:var(--text-2xs);color:var(--lv4);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}._tooltipRow_1w5vh_57{align-items:center;gap:6px;line-height:1.6;display:flex}._tooltipDot_1w5vh_64{flex-shrink:0;width:5px;height:5px}._tooltipName_1w5vh_70{font:var(--text-xs);color:var(--lv5);flex:1}._tooltipValue_1w5vh_76{font:var(--text-xs);font-weight:var(--med);color:var(--lv6)}._legend_1w5vh_83{flex-wrap:wrap;gap:16px;padding-left:8px;display:flex}._legendItem_1w5vh_90{align-items:center;gap:6px;display:flex}._legendMark_1w5vh_96{flex-shrink:0;width:12px;height:2px}._legendLabel_1w5vh_102{font:var(--text-xs);color:var(--lv5)}._wrapper_17ws4_1{flex-direction:column;gap:4px;display:flex}._label_17ws4_7{font:var(--text-xs);color:var(--lv6)}._textarea_17ws4_12{font:var(--text-xs);border:1px solid var(--lv3);border-radius:var(--radius);min-height:80px;color:var(--lv7);resize:vertical;background:0 0;padding:10px;font-family:inherit;line-height:1.5}._textarea_17ws4_12:not(:disabled):hover{border-color:var(--lv5)}._textarea_17ws4_12:focus{border-color:var(--lv5);outline:none}._textarea_17ws4_12::placeholder{color:var(--lv5)}._textarea_17ws4_12:disabled{opacity:.6;cursor:not-allowed;resize:none}._textarea_17ws4_12::selection{background:var(--lv3)}._error_17ws4_48,._error_17ws4_48:focus{border-color:var(--CSignal)}._errorText_17ws4_56{font:var(--text-2xs);color:var(--CSignal)}._overlay_xud7c_1{z-index:1000;background:#00000080;position:fixed;inset:0}._content_xud7c_8{width:90vw;max-width:480px;max-height:85vh;padding:calc(var(--spacing) * 4);background:var(--lv1);border-radius:var(--radius);z-index:1001;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}._title_xud7c_26{font:var(--text-lg);font-weight:var(--med);color:var(--lv7);margin:0;padding-right:28px}._description_xud7c_34{font:var(--text-sm);color:var(--lv5);margin:0}._close_xud7c_40{top:calc(var(--spacing) * 3);right:calc(var(--spacing) * 3);width:24px;height:24px;color:var(--lv5);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}._close_xud7c_40:hover{background:var(--lv2);color:var(--lv7)}._srOnly_xud7c_62{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._wrapper_aimna_1{flex-direction:column;gap:4px;display:flex}._label_aimna_7{font:var(--text-xs);color:var(--lv6)}._trigger_aimna_12{font:var(--text-xs);border:1px solid var(--lv3);border-radius:var(--radius);min-width:160px;height:30px;color:var(--lv7);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-family:inherit;display:flex}._trigger_aimna_12:not(:disabled):hover{border-color:var(--lv5)}._trigger_aimna_12:focus-visible{border-color:var(--lv5);outline:none}._trigger_aimna_12:disabled{opacity:.6;cursor:not-allowed}._trigger_aimna_12._error_aimna_43{border-color:var(--CSignal)}._placeholder_aimna_47{color:var(--lv5)}._valueText_aimna_51{color:var(--lv7)}._calendar_aimna_55{background:var(--lv1);border-radius:var(--radius);z-index:1000;flex-direction:column;gap:6px;padding:10px;display:flex}._header_aimna_65{justify-content:space-between;align-items:center;display:flex}._monthLabel_aimna_71{font:var(--text-xs);font-weight:var(--med);color:var(--lv7)}._navButton_aimna_77{width:24px;height:24px;color:var(--lv5);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._navButton_aimna_77:hover{background:var(--lv2);color:var(--lv7)}._weekdays_aimna_95,._grid_aimna_96{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}._weekday_aimna_95{font:var(--text-2xs);color:var(--lv4);text-align:center;padding:4px 0}._day_aimna_109{width:30px;height:30px;font:var(--text-xs);color:var(--lv7);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._day_aimna_109:hover{background:var(--lv2)}._outside_aimna_127{color:var(--lv3)}._today_aimna_131{outline:1px solid var(--lv4);outline-offset:-1px}._selected_aimna_136,._selected_aimna_136:hover{background:var(--lv7);color:var(--lv1)}._errorText_aimna_142{font:var(--text-2xs);color:var(--CSignal)}._spinner_wspyi_1{flex-shrink:0;display:inline-block}._frame_wspyi_8{opacity:0}@media (prefers-reduced-motion:reduce){._frame_wspyi_8{animation:none!important}._frame_wspyi_8:first-of-type{opacity:1}}@keyframes indx-spinner-3{0%{opacity:1}33.3333%{opacity:0}to{opacity:0}}@keyframes indx-spinner-4{0%{opacity:1}25%{opacity:0}to{opacity:0}}@keyframes indx-spinner-6{0%{opacity:1}16.6667%{opacity:0}to{opacity:0}}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indxsearch/systm",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "description": "Minimal design system and UI component library for React. Includes buttons, inputs, sliders, checkboxes, tables, and more. Built with CSS modules and customizable via CSS variables.",
   "keywords": [
     "indx",
@@ -36,6 +36,8 @@
   ],
   "sideEffects": true,
   "scripts": {
+    "generate:spinners": "node scripts/generate-spinners.mjs",
+    "prebuild": "npm run generate:spinners",
     "build": "vite build",
     "dev": "vite build --watch",
     "prepublishOnly": "npm run build"
@@ -71,7 +73,7 @@
     "./patterns.css": "./dist/patterns.css"
   },
   "dependencies": {
-    "@indxsearch/pixl": "^1.4.0",
+    "@indxsearch/pixl": "^1.5.0",
     "@radix-ui/react-dialog": "^1.1.16",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",