@indxsearch/systm 2.2.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -5,6 +5,35 @@ All notable changes to @indxsearch/systm will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [2.4.0] - 2026-08-27
9
+
10
+ ### Added
11
+ - `Tabs`: `scrollable` prop — horizontally scrollable tab strip with scroll-aware fade edges.
12
+
13
+ ### Changed
14
+ - Chart design refinements.
15
+
16
+ ## [2.3.0] - 2026-06-18
17
+
18
+ ### Added
19
+ - `Select`: `SelectOption` gains an optional `icon` (`React.ReactNode`), rendered
20
+ in both the trigger (selected value) and the menu items. Backward-compatible —
21
+ existing options without an icon are unchanged.
22
+
23
+ ### Compatibility
24
+ - React ^19.0.0 · additive, no breaking changes. Keeps parity with the
25
+ `Indx.Systm.Blazor` `SelectField` (per-option `Icon`).
26
+
27
+ ## [2.2.0] - 2026-06-17
28
+
29
+ ### Added
30
+ - `Chip`: optional leading `icon` and a `size` variant (`default` | `large`) so
31
+ icon chips have room to breathe.
32
+
33
+ ### Compatibility
34
+ - React ^19.0.0 · stable release, no breaking changes. Not cloud-bound — usable
35
+ independently of the IndxCloudApi version.
36
+
8
37
  ## [2.0.0] - 2026-05-12
9
38
 
10
39
  ### Changed
@@ -2,6 +2,8 @@ import { default as React } from 'react';
2
2
  export interface SelectOption {
3
3
  label: string;
4
4
  value: string;
5
+ /** Optional leading icon, rendered in the trigger and the menu item. */
6
+ icon?: React.ReactNode;
5
7
  }
6
8
  export interface SelectProps {
7
9
  value: string;
@@ -7,5 +7,10 @@ export interface TabsProps {
7
7
  value: string;
8
8
  onValueChange: (value: string) => void;
9
9
  size?: 'micro' | 'default' | 'large';
10
+ /**
11
+ * When the tabs don't fit, scroll horizontally instead of clipping. The edges fade to hint
12
+ * there's more (the design system uses no shadows). Opt-in — leave off for a small, fixed set.
13
+ */
14
+ scrollable?: boolean;
10
15
  }
11
- export declare function Tabs({ items, value, onValueChange, size }: TabsProps): import("react/jsx-runtime").JSX.Element;
16
+ export declare function Tabs({ items, value, onValueChange, size, scrollable }: TabsProps): import("react/jsx-runtime").JSX.Element;
package/dist/index.cjs.js CHANGED
@@ -1 +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`,_=(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.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.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}),_]}):_},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;
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_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 H({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:`${V.tabs} ${i?V.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:`${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=20,le=8,ue=28,Y=20;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;
package/dist/index.es.js CHANGED
@@ -466,7 +466,7 @@ var P = {
466
466
  item: "_item_15fsv_82",
467
467
  itemIndicator: "_itemIndicator_15fsv_105"
468
468
  }, 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 }) => {
469
- let h = e.useId(), g = m || h, v = `${g}-label`, y = /* @__PURE__ */ s(_.Root, {
469
+ let h = e.useId(), g = m || h, v = `${g}-label`, y = r.find((e) => e.value === t), b = /* @__PURE__ */ s(_.Root, {
470
470
  value: t,
471
471
  onValueChange: n,
472
472
  disabled: u,
@@ -474,7 +474,14 @@ var P = {
474
474
  id: g,
475
475
  className: `${R.trigger} ${R[f]} ${a} cursor-pointer`,
476
476
  ...d ? { "aria-labelledby": v } : p ? { "aria-label": p } : {},
477
- children: [/* @__PURE__ */ o(_.Value, { placeholder: i }), /* @__PURE__ */ o(_.Icon, {
477
+ children: [/* @__PURE__ */ s("span", {
478
+ style: {
479
+ display: "inline-flex",
480
+ alignItems: "center",
481
+ gap: 6
482
+ },
483
+ children: [y?.icon, /* @__PURE__ */ o(_.Value, { placeholder: i })]
484
+ }), /* @__PURE__ */ o(_.Icon, {
478
485
  className: R.icon,
479
486
  "aria-hidden": "true",
480
487
  children: /* @__PURE__ */ o(l, {
@@ -493,7 +500,14 @@ var P = {
493
500
  children: r.map((e) => /* @__PURE__ */ s(_.Item, {
494
501
  value: e.value,
495
502
  className: R.item,
496
- children: [/* @__PURE__ */ o(_.ItemText, { children: e.label }), /* @__PURE__ */ o(_.ItemIndicator, {
503
+ children: [/* @__PURE__ */ s("span", {
504
+ style: {
505
+ display: "inline-flex",
506
+ alignItems: "center",
507
+ gap: 6
508
+ },
509
+ children: [e.icon, /* @__PURE__ */ o(_.ItemText, { children: e.label })]
510
+ }), /* @__PURE__ */ o(_.ItemIndicator, {
497
511
  className: R.itemIndicator,
498
512
  children: /* @__PURE__ */ o(c, {
499
513
  size: 12,
@@ -511,8 +525,8 @@ var P = {
511
525
  htmlFor: g,
512
526
  className: R.label,
513
527
  children: d
514
- }), y]
515
- }) : y;
528
+ }), b]
529
+ }) : b;
516
530
  }, 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, {
517
531
  open: n,
518
532
  onOpenChange: r,
@@ -615,25 +629,48 @@ function ce({ children: t, "aria-label": n }) {
615
629
  });
616
630
  }
617
631
  var H = {
618
- tabs: "_tabs_qrelf_1",
619
- tab: "_tab_qrelf_1",
620
- active: "_active_qrelf_23",
621
- micro: "_micro_qrelf_29",
622
- default: "_default_qrelf_36",
623
- large: "_large_qrelf_43"
632
+ tabs: "_tabs_11q71_1",
633
+ scrollable: "_scrollable_11q71_11",
634
+ tab: "_tab_11q71_1",
635
+ active: "_active_11q71_54",
636
+ micro: "_micro_11q71_60",
637
+ default: "_default_11q71_67",
638
+ large: "_large_11q71_74"
624
639
  };
625
640
  //#endregion
626
641
  //#region src/components/Tabs/Tabs.tsx
627
- function le({ items: e, value: t, onValueChange: n, size: r = "default" }) {
628
- return /* @__PURE__ */ o("div", {
629
- className: H.tabs,
642
+ function le({ items: e, value: t, onValueChange: a, size: s = "default", scrollable: c = !1 }) {
643
+ let l = r(null), [u, d] = i({
644
+ start: !1,
645
+ end: !1
646
+ });
647
+ return n(() => {
648
+ let e = l.current;
649
+ if (!c || !e) return;
650
+ let t = () => {
651
+ let t = e.scrollLeft > 1, n = Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth - 1;
652
+ d((e) => e.start === t && e.end === n ? e : {
653
+ start: t,
654
+ end: n
655
+ });
656
+ };
657
+ t(), e.addEventListener("scroll", t, { passive: !0 });
658
+ let n = new ResizeObserver(t);
659
+ return n.observe(e), () => {
660
+ e.removeEventListener("scroll", t), n.disconnect();
661
+ };
662
+ }, [c, e.length]), /* @__PURE__ */ o("div", {
663
+ ref: l,
664
+ className: `${H.tabs} ${c ? H.scrollable : ""}`,
665
+ "data-overflow-start": c && u.start ? "" : void 0,
666
+ "data-overflow-end": c && u.end ? "" : void 0,
630
667
  role: "tablist",
631
668
  children: e.map((e) => /* @__PURE__ */ o("button", {
632
669
  role: "tab",
633
670
  type: "button",
634
671
  "aria-selected": t === e.value,
635
- className: `${H.tab} ${H[r]} ${t === e.value ? H.active : ""}`,
636
- onClick: () => n(e.value),
672
+ className: `${H.tab} ${H[s]} ${t === e.value ? H.active : ""}`,
673
+ onClick: () => a(e.value),
637
674
  children: e.label
638
675
  }, e.value))
639
676
  });
@@ -725,7 +762,7 @@ var K = {
725
762
  legendItem: "_legendItem_1w5vh_90",
726
763
  legendMark: "_legendMark_1w5vh_96",
727
764
  legendLabel: "_legendLabel_1w5vh_102"
728
- }, q = "var(--lv4)", J = 12, pe = 8, me = 8, he = 28, Y = 8;
765
+ }, q = "var(--lv4)", J = 12, pe = 20, me = 8, he = 28, Y = 20;
729
766
  function ge(e) {
730
767
  return Number.isInteger(e) ? String(e) : e.toLocaleString(void 0, { maximumFractionDigits: 2 });
731
768
  }
package/dist/systm.css CHANGED
@@ -1,2 +1,2 @@
1
- :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)}
1
+ :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)}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indxsearch/systm",
3
- "version": "2.2.0",
3
+ "version": "2.4.0",
4
4
  "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.",
5
5
  "keywords": [
6
6
  "indx",