@indxsearch/systm 2.4.0 → 2.5.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 +12 -0
- package/dist/components/Spinner/Spinner.d.ts +14 -0
- package/dist/components/Spinner/spinners.generated.d.ts +31 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +189 -120
- package/dist/systm.css +1 -1
- package/package.json +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,18 @@ 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.5.0] - 2026-09-03
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
- `Spinner`: preloaders on the pixl 7x5 grid, played as hard-cut keyframes
|
|
12
|
+
(terminal-spinner style). Ships `grow`, `pulse`, `rotate`, `rowing`; props
|
|
13
|
+
`name`, `size` (number or CSS length, pixl 7:5 ratio), `color` (defaults to
|
|
14
|
+
`currentColor`), `delay` (ms per frame override). Works as Button
|
|
15
|
+
`iconLeft`/`iconRight`. Honors `prefers-reduced-motion` by freezing on the
|
|
16
|
+
first frame. `spinnerNames` exports the available names.
|
|
17
|
+
- Spinner keyframes are authored as SVG files in `spinners/<name>/keyframes/`
|
|
18
|
+
and compiled by `npm run generate:spinners` (runs automatically on build).
|
|
19
|
+
|
|
8
20
|
## [2.4.0] - 2026-08-27
|
|
9
21
|
|
|
10
22
|
### Added
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SpinnerName } from './spinners.generated';
|
|
2
|
+
export interface SpinnerProps {
|
|
3
|
+
/** Which spinner to play; defaults to the first generated one. */
|
|
4
|
+
name?: SpinnerName;
|
|
5
|
+
/** Width in px (or any CSS length); height follows the pixl 7x5 ratio. Ideally a multiple of 7. */
|
|
6
|
+
size?: number | string;
|
|
7
|
+
/** Any CSS color; defaults to currentColor. */
|
|
8
|
+
color?: string;
|
|
9
|
+
/** Ms per frame, overriding the spinner's authored delay. */
|
|
10
|
+
delay?: number;
|
|
11
|
+
className?: string;
|
|
12
|
+
'aria-label'?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function Spinner({ name, size, color, delay, className, 'aria-label': ariaLabel, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface SpinnerDef {
|
|
2
|
+
readonly viewBox: string;
|
|
3
|
+
/** Default ms per frame; overridable via the Spinner `delay` prop. */
|
|
4
|
+
readonly delay: number;
|
|
5
|
+
/** One pixl-style path per frame; an empty string is a blank frame. */
|
|
6
|
+
readonly frames: readonly string[];
|
|
7
|
+
}
|
|
8
|
+
export declare const spinners: {
|
|
9
|
+
grow: {
|
|
10
|
+
viewBox: string;
|
|
11
|
+
delay: number;
|
|
12
|
+
frames: string[];
|
|
13
|
+
};
|
|
14
|
+
pulse: {
|
|
15
|
+
viewBox: string;
|
|
16
|
+
delay: number;
|
|
17
|
+
frames: string[];
|
|
18
|
+
};
|
|
19
|
+
rotate: {
|
|
20
|
+
viewBox: string;
|
|
21
|
+
delay: number;
|
|
22
|
+
frames: string[];
|
|
23
|
+
};
|
|
24
|
+
rowing: {
|
|
25
|
+
viewBox: string;
|
|
26
|
+
delay: number;
|
|
27
|
+
frames: string[];
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export type SpinnerName = keyof typeof spinners;
|
|
31
|
+
export declare const spinnerNames: SpinnerName[];
|
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`,_=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;
|
|
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`},P=e=>{let{min:t,max:n,step:r=1,disabled:i=!1,className:a,activeMin:o,activeMax:s,isFaceted:u=!1,highlightFaceted:f=!0,onChange:p,onFinalChange:m,label:h,"aria-label":g,id:_}=e,v=c.default.useId(),y=_||v;if(process.env.NODE_ENV!==`production`&&!h&&!g&&console.warn(`Slider: Component should have either a label or aria-label for accessibility.`),`isRange`in e&&e.isRange){let c=e.value,[f,_]=c;return(0,l.jsxs)(`div`,{className:a,children:[h&&(0,l.jsx)(`label`,{htmlFor:y,className:N.label,children:h}),(0,l.jsx)(d.Range,{step:r,min:t,max:n,values:c,onChange:e=>p(e),onFinalChange:e=>m?.(e),disabled:i,renderTrack:({props:e,children:r})=>{let{key:i,...a}=e,c=n-t,d=(f-t)/c*100,p=(_-f)/c*100,m=0,h=0,g=typeof o==`number`&&typeof s==`number`&&s>o&&(o>t||s<n);return g&&(m=(o-t)/c*100,h=(s-o)/c*100),(0,l.jsxs)(`div`,{...a,className:N.basetrack,style:{...a.style},children:[!g&&(0,l.jsx)(`div`,{className:N.selectedtrack,style:{left:`${d}%`,width:`${p}%`,zIndex:`1`}}),g&&(0,l.jsx)(`div`,{className:`${N.livetrack} ${u?N.livetrackFaceted:N.livetrackDefault}`,style:{left:`${m}%`,width:`${h}%`,zIndex:`2`}}),r]},i)},renderThumb:({props:e,index:r})=>{let{key:a,...o}=e,s=r===0?f:_;return(0,l.jsx)(`div`,{...o,id:r===0?y:void 0,className:`${N.thumbs} ${i?N.disabled:``} ${i?`cursor-not-allowed`:`cursor-resize-col`}`,style:{...o.style,zIndex:`3`},"aria-label":g||(r===0?`Minimum value`:`Maximum value`),"aria-valuemin":t,"aria-valuemax":n,"aria-valuenow":s},a)}})]})}else{let c=e.value;return(0,l.jsxs)(`div`,{className:a,children:[h&&(0,l.jsx)(`label`,{htmlFor:y,className:N.label,children:h}),(0,l.jsx)(d.Range,{step:r,min:t,max:n,values:[c],onChange:e=>p(e[0]),onFinalChange:e=>m?.(e[0]),disabled:i,renderTrack:({props:e,children:r})=>{let{key:i,...a}=e,d=n-t,f=(c-t)/d*100,p=0,m=0,h=typeof o==`number`&&typeof s==`number`&&s>o&&(o>t||s<n);return h&&(p=(o-t)/d*100,m=(s-o)/d*100),(0,l.jsxs)(`div`,{...a,className:N.basetrack,style:{...a.style},children:[!h&&(0,l.jsx)(`div`,{className:N.selectedtrack,style:{left:`0%`,width:`${f}%`,zIndex:`1`}}),h&&(0,l.jsx)(`div`,{className:`${N.livetrack} ${u?N.livetrackFaceted:N.livetrackDefault}`,style:{left:`${p}%`,width:`${m}%`,zIndex:`2`}}),r]},i)},renderThumb:({props:e})=>{let{key:r,...a}=e;return(0,l.jsx)(`div`,{...a,id:y,className:`${N.thumbs} ${i?N.disabled:``} ${i?`cursor-not-allowed`:`cursor-resize-col`}`,style:{...a.style,zIndex:`3`},"aria-label":g,"aria-valuemin":t,"aria-valuemax":n,"aria-valuenow":c},r)}})]})}},F={wrapper:`_wrapper_15fsv_1`,label:`_label_15fsv_7`,trigger:`_trigger_15fsv_12`,micro:`_micro_15fsv_28`,default:`_default_15fsv_34`,large:`_large_15fsv_40`,icon:`_icon_15fsv_60`,content:`_content_15fsv_68`,viewport:`_viewport_15fsv_76`,item:`_item_15fsv_82`,itemIndicator:`_itemIndicator_15fsv_105`},ee=({value:e,onValueChange:t,options:n,placeholder:r=`Select...`,className:i=``,disabled:a=!1,label:o,size:s=`default`,"aria-label":d,id:p})=>{let m=c.default.useId(),h=p||m,g=`${h}-label`,_=n.find(t=>t.value===e),v=(0,l.jsxs)(f.Root,{value:e,onValueChange:t,disabled:a,children:[(0,l.jsxs)(f.Trigger,{id:h,className:`${F.trigger} ${F[s]} ${i} cursor-pointer`,...o?{"aria-labelledby":g}:d?{"aria-label":d}:{},children:[(0,l.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[_?.icon,(0,l.jsx)(f.Value,{placeholder:r})]}),(0,l.jsx)(f.Icon,{className:F.icon,"aria-hidden":`true`,children:(0,l.jsx)(u.Chevron_down,{size:s===`large`?21:14,color:`currentColor`})})]}),(0,l.jsx)(f.Portal,{children:(0,l.jsx)(f.Content,{className:F.content,position:`popper`,side:`bottom`,align:`start`,sideOffset:4,children:(0,l.jsx)(f.Viewport,{className:F.viewport,children:n.map(e=>(0,l.jsxs)(f.Item,{value:e.value,className:F.item,children:[(0,l.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[e.icon,(0,l.jsx)(f.ItemText,{children:e.label})]}),(0,l.jsx)(f.ItemIndicator,{className:F.itemIndicator,children:(0,l.jsx)(u.Check,{size:12,color:`currentColor`})})]},e.value))})})})]});return o?(0,l.jsxs)(`div`,{className:F.wrapper,children:[(0,l.jsx)(`label`,{id:g,htmlFor:h,className:F.label,children:o}),v]}):v},te={content:`_content_1qahr_1`},ne=({trigger:e,children:t,open:n,onOpenChange:r,align:i=`end`,side:a=`bottom`,sideOffset:o=5,className:s=``,"aria-label":c,"aria-describedby":u})=>(0,l.jsxs)(p.Root,{open:n,onOpenChange:r,children:[(0,l.jsx)(p.Trigger,{asChild:!0,children:e}),(0,l.jsx)(p.Portal,{children:(0,l.jsx)(p.Content,{className:`${te.content} ${s}`,align:i,side:a,sideOffset:o,"aria-label":c,"aria-describedby":u,children:t})})]}),I={table:`_table_1b0iq_1`,caption:`_caption_1b0iq_8`,headerRow:`_headerRow_1b0iq_25`,dataRow:`_dataRow_1b0iq_33`,cellInner:`_cellInner_1b0iq_41`,cellLabel:`_cellLabel_1b0iq_47`,cellContent:`_cellContent_1b0iq_52`,value:`_value_1b0iq_58`,icon:`_icon_1b0iq_64`};function L({children:e,caption:t,"aria-label":n}){return process.env.NODE_ENV!==`production`&&!t&&!n&&console.warn(`Table: Component should have either a caption or aria-label for accessibility.`),(0,l.jsxs)(`table`,{className:I.table,"aria-label":n,children:[t&&(0,l.jsx)(`caption`,{className:I.caption,children:t}),e]})}function re({children:e}){let t=c.default.Children.map(e,e=>c.default.isValidElement(e)&&e.type===`td`?(0,l.jsx)(`th`,{scope:`col`,...e.props}):e);return(0,l.jsx)(`thead`,{children:(0,l.jsx)(`tr`,{className:I.headerRow,children:t})})}function ie({children:e}){return(0,l.jsx)(`tr`,{className:I.dataRow,children:e})}function ae({label:e,children:t,isHeader:n=!1,scope:r}){let i=n?`th`:`td`,a=n&&r?{scope:r}:{};return e||t?(0,l.jsx)(i,{...a,children:(0,l.jsxs)(`div`,{className:I.cellInner,children:[e&&(0,l.jsx)(`span`,{className:I.cellLabel,children:e}),t&&(0,l.jsx)(`div`,{className:I.cellContent,children:t})]})}):(0,l.jsx)(i,{...a,children:t})}function oe({children:e}){return(0,l.jsx)(`span`,{className:I.value,children:e})}function se({children:e,"aria-label":t}){let n=!t;return(0,l.jsx)(`span`,{className:I.icon,"aria-hidden":n?`true`:void 0,"aria-label":t,children:c.default.cloneElement(e,{size:`14px`,color:`currentColor`})})}var R={tabs:`_tabs_11q71_1`,scrollable:`_scrollable_11q71_11`,tab:`_tab_11q71_1`,active:`_active_11q71_54`,micro:`_micro_11q71_60`,default:`_default_11q71_67`,large:`_large_11q71_74`};function ce({items:e,value:t,onValueChange:n,size:r=`default`,scrollable:i=!1}){let a=(0,c.useRef)(null),[o,s]=(0,c.useState)({start:!1,end:!1});return(0,c.useEffect)(()=>{let e=a.current;if(!i||!e)return;let t=()=>{let t=e.scrollLeft>1,n=Math.ceil(e.scrollLeft+e.clientWidth)<e.scrollWidth-1;s(e=>e.start===t&&e.end===n?e:{start:t,end:n})};t(),e.addEventListener(`scroll`,t,{passive:!0});let n=new ResizeObserver(t);return n.observe(e),()=>{e.removeEventListener(`scroll`,t),n.disconnect()}},[i,e.length]),(0,l.jsx)(`div`,{ref:a,className:`${R.tabs} ${i?R.scrollable:``}`,"data-overflow-start":i&&o.start?``:void 0,"data-overflow-end":i&&o.end?``:void 0,role:`tablist`,children:e.map(e=>(0,l.jsx)(`button`,{role:`tab`,type:`button`,"aria-selected":t===e.value,className:`${R.tab} ${R[r]} ${t===e.value?R.active:``}`,onClick:()=>n(e.value),children:e.label},e.value))})}var z={wrapper:`_wrapper_1a9jo_1`,track:`_track_1a9jo_8`,fill:`_fill_1a9jo_36`,label:`_label_1a9jo_46`};function le({value:e,showLabel:t=!1,fulfilledColor:n=!1,className:r=``}){let i=Math.min(100,Math.max(0,e)),a=`${Math.round(i)}%`,o=n&&i>=100?`var(--CPureBlue)`:void 0;return(0,l.jsxs)(`div`,{className:`${z.wrapper} ${r}`,role:`progressbar`,"aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[(0,l.jsx)(`div`,{className:z.track,children:(0,l.jsx)(`div`,{className:z.fill,style:{width:`${i}%`,backgroundColor:o}})}),t&&(0,l.jsx)(`span`,{className:z.label,"aria-hidden":`true`,children:a})]})}var B={chip:`_chip_iaxe0_1`,large:`_large_iaxe0_14`};function ue({children:e,color:t,textColor:n,className:r,icon:i,size:a=`default`}){let o={};return t&&(o.backgroundColor=t),n&&(o.color=n),(0,l.jsxs)(`span`,{className:[B.chip,a===`large`&&B.large,r].filter(Boolean).join(` `),style:o,children:[i&&c.default.cloneElement(i,{size:14,color:`currentColor`}),e]})}var V={tooltip:`_tooltip_1de7z_1`,arrow:`_arrow_1de7z_13`};function H({content:e,position:t=`top`,children:n,className:r}){return(0,l.jsx)(m.Provider,{delayDuration:80,children:(0,l.jsxs)(m.Root,{children:[(0,l.jsx)(m.Trigger,{asChild:!0,children:n}),(0,l.jsx)(m.Portal,{children:(0,l.jsxs)(m.Content,{side:t,sideOffset:7,className:[V.tooltip,r].filter(Boolean).join(` `),children:[e,(0,l.jsx)(m.Arrow,{className:V.arrow})]})})]})})}var U={wrapper:`_wrapper_1w5vh_1`,chart:`_chart_1w5vh_8`,svg:`_svg_1w5vh_33`,tooltip:`_tooltip_1w5vh_39`,tooltipLabel:`_tooltipLabel_1w5vh_49`,tooltipRow:`_tooltipRow_1w5vh_57`,tooltipDot:`_tooltipDot_1w5vh_64`,tooltipName:`_tooltipName_1w5vh_70`,tooltipValue:`_tooltipValue_1w5vh_76`,legend:`_legend_1w5vh_83`,legendItem:`_legendItem_1w5vh_90`,legendMark:`_legendMark_1w5vh_96`,legendLabel:`_legendLabel_1w5vh_102`},W=`var(--lv4)`,G=12,de=20,fe=8,pe=28,K=20;function me(e){return Number.isInteger(e)?String(e):e.toLocaleString(void 0,{maximumFractionDigits:2})}function he({series:e,labels:t,type:n=`line`,height:r=200,showLegend:i=!0,className:a}){let o=(0,c.useRef)(null),[s,u]=(0,c.useState)(0),[d,f]=(0,c.useState)(null);(0,c.useEffect)(()=>{let e=o.current;if(!e)return;let t=new ResizeObserver(([e])=>u(e.contentRect.width));return t.observe(e),u(e.clientWidth),()=>t.disconnect()},[]);let p=t?.length?pe:fe,m=Math.max(s-K-de,0),h=Math.max(r-G-p,0),g=e.flatMap(e=>e.data.filter(Number.isFinite)),_=g.length?Math.max(...g,0):1,v=n===`bar`?0:Math.min(...g,0),y=_-v||1,b=Math.max(...e.map(e=>e.data.length),0),x=e=>G+(1-(e-v)/y)*h,S=e=>b<=1?K+m/2:K+e/(b-1)*m,C=(0,c.useCallback)(e=>{if(b===0)return;let t=e.currentTarget.getBoundingClientRect(),r=e.clientX-t.left,i=e.clientY-t.top;if(n===`line`){let e=Math.round((r-K)/m*(b-1));f({index:Math.max(0,Math.min(b-1,e)),x:r,y:i})}else{let e=m/b,t=Math.floor((r-K)/e);f({index:Math.max(0,Math.min(b-1,t)),x:r,y:i})}},[n,b,m]),w=(0,c.useCallback)(()=>f(null),[]),T=(0,l.jsx)(`line`,{x1:K,y1:G+h*.5,x2:K+m,y2:G+h*.5,stroke:`var(--chart-midline)`,strokeWidth:`0.5`}),E=(0,l.jsx)(`line`,{x1:K,y1:G+h,x2:K+m,y2:G+h,stroke:`var(--chart-baseline)`,strokeWidth:`1`}),D=d&&n===`bar`?(()=>{let e=m/b;return(0,l.jsx)(`rect`,{x:K+d.index*e,y:G,width:e,height:h,fill:`var(--chart-column-hover)`})})():null,O=()=>e.map((e,t)=>{if(!e.data.length)return null;let n=e.color??W;return(0,l.jsxs)(`g`,{children:[(0,l.jsx)(`polyline`,{points:e.data.map((e,t)=>`${S(t).toFixed(2)},${x(e).toFixed(2)}`).join(` `),fill:`none`,stroke:n,strokeWidth:`1`,strokeLinejoin:`round`,strokeLinecap:`round`}),e.data.map((e,t)=>{let r=d?.index===t?10:5,i=r/2;return(0,l.jsx)(`rect`,{x:S(t)-i,y:x(e)-i,width:r,height:r,fill:n},t)})]},t)}),k=()=>{if(!b)return null;let t=e.length,n=m/b,r=Math.max((n-2*(t+1))/t,2),i=G+h;return e.map((e,t)=>e.data.map((a,o)=>{let s=K+o*n+2+t*(r+2),c=x(a);return(0,l.jsx)(`rect`,{x:s,y:c,width:r,height:Math.max(i-c,0),fill:e.color??`var(--chart-bar)`},`${t}-${o}`)}))},A=()=>{if(!t?.length)return null;let e=G+h+18;return t.map((t,r)=>(0,l.jsx)(`text`,{x:n===`line`?S(r):K+(r+.5)*(m/b),y:e,textAnchor:`middle`,fill:`var(--lv4)`,style:{font:`var(--text-2xs)`},children:t},r))},j=d&&n===`line`?(0,l.jsx)(`line`,{x1:S(d.index),y1:G,x2:S(d.index),y2:G+h,stroke:`var(--chart-crosshair)`,strokeWidth:`1`,strokeDasharray:`3 3`}):null,M=d?(()=>{let n=t?.[d.index]??String(d.index+1),r=Math.min(Math.max(d.x,60),s-60);return(0,l.jsxs)(`div`,{className:U.tooltip,style:d.y<80?{left:r,top:d.y+12,transform:`translate(-50%, 0)`}:{left:r,top:d.y-8,transform:`translate(-50%, -100%)`},children:[(0,l.jsx)(`div`,{className:U.tooltipLabel,children:n}),e.map((e,t)=>(0,l.jsxs)(`div`,{className:U.tooltipRow,children:[(0,l.jsx)(`span`,{className:U.tooltipDot,style:{background:e.color??W}}),(0,l.jsx)(`span`,{className:U.tooltipName,children:e.label}),(0,l.jsx)(`span`,{className:U.tooltipValue,children:me(e.data[d.index]??0)})]},t))]})})():null;return(0,l.jsxs)(`div`,{className:[U.wrapper,a].filter(Boolean).join(` `),children:[(0,l.jsxs)(`div`,{ref:o,className:U.chart,style:{height:r},children:[s>0&&(0,l.jsxs)(`svg`,{width:s,height:r,className:U.svg,onMouseMove:C,onMouseLeave:w,children:[T,E,D,j,n===`line`?O():k(),A()]}),M]}),i&&e.length>1&&(0,l.jsx)(`div`,{className:U.legend,children:e.map((e,t)=>(0,l.jsxs)(`div`,{className:U.legendItem,children:[(0,l.jsx)(`div`,{className:U.legendMark,style:{background:e.color??W}}),(0,l.jsx)(`span`,{className:U.legendLabel,children:e.label})]},t))})]})}var q={wrapper:`_wrapper_17ws4_1`,label:`_label_17ws4_7`,textarea:`_textarea_17ws4_12`,error:`_error_17ws4_48`,errorText:`_errorText_17ws4_56`};function ge({label:e,error:t,className:n=``,isValid:r=!0,id:i,rows:a=4,...o}){let s=c.default.useId(),u=i||s,d=`${u}-error`,f=t||!r;return(0,l.jsxs)(`div`,{className:`${q.wrapper} ${n}`,children:[e&&(0,l.jsxs)(`label`,{htmlFor:u,className:q.label,children:[e,o.required&&(0,l.jsx)(`span`,{"aria-label":`required`,children:` *`})]}),(0,l.jsx)(`textarea`,{id:u,rows:a,className:`${q.textarea} ${f?q.error:``}`,"aria-invalid":f?`true`:`false`,"aria-describedby":t?d:void 0,...o}),t&&(0,l.jsx)(`span`,{id:d,className:q.errorText,role:`alert`,children:t})]})}var J={overlay:`_overlay_xud7c_1`,content:`_content_xud7c_8`,title:`_title_xud7c_26`,description:`_description_xud7c_34`,close:`_close_xud7c_40`,srOnly:`_srOnly_xud7c_62`},_e=({trigger:e,children:t,open:n,onOpenChange:r,title:i,description:a,className:o=``,showClose:s=!0})=>(0,l.jsxs)(h.Root,{open:n,onOpenChange:r,children:[e&&(0,l.jsx)(h.Trigger,{asChild:!0,children:e}),(0,l.jsxs)(h.Portal,{children:[(0,l.jsx)(h.Overlay,{className:J.overlay}),(0,l.jsxs)(h.Content,{className:`${J.content} ${o}`,children:[(0,l.jsx)(h.Title,{className:i?J.title:J.srOnly,children:i||`Dialog`}),a&&(0,l.jsx)(h.Description,{className:J.description,children:a}),s&&(0,l.jsx)(h.Close,{className:J.close,"aria-label":`Close`,children:(0,l.jsx)(u.X_or_error,{size:16,color:`currentColor`})}),t]})]})]}),Y={wrapper:`_wrapper_aimna_1`,label:`_label_aimna_7`,trigger:`_trigger_aimna_12`,error:`_error_aimna_43`,placeholder:`_placeholder_aimna_47`,valueText:`_valueText_aimna_51`,calendar:`_calendar_aimna_55`,header:`_header_aimna_65`,monthLabel:`_monthLabel_aimna_71`,navButton:`_navButton_aimna_77`,weekdays:`_weekdays_aimna_95`,grid:`_grid_aimna_96`,weekday:`_weekday_aimna_95`,day:`_day_aimna_109`,outside:`_outside_aimna_127`,today:`_today_aimna_131`,selected:`_selected_aimna_136`,errorText:`_errorText_aimna_142`},ve=[`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`,`Su`],ye=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`];function be(e){let t=String(e.getMonth()+1).padStart(2,`0`),n=String(e.getDate()).padStart(2,`0`);return`${e.getFullYear()}-${t}-${n}`}function X(e,t){return!!e&&!!t&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function xe(e,t){let n=(new Date(e,t,1).getDay()+6)%7,r=[];for(let i=0;i<42;i++)r.push(new Date(e,t,1-n+i));return r}var Se=({value:e,onChange:t,label:n,placeholder:r=`Select a date`,error:i,isValid:a=!0,disabled:o=!1,className:s=``,formatDate:d=be})=>{let f=`${c.default.useId()}-error`,m=!!i||!a,[h,g]=(0,c.useState)(!1),_=new Date,v=e??_,[y,b]=(0,c.useState)(v.getFullYear()),[x,S]=(0,c.useState)(v.getMonth());c.default.useEffect(()=>{h&&e&&(b(e.getFullYear()),S(e.getMonth()))},[h]);let C=()=>{x===0?(S(11),b(y-1)):S(x-1)},w=()=>{x===11?(S(0),b(y+1)):S(x+1)},T=e=>{t?.(e),g(!1)},E=xe(y,x);return(0,l.jsxs)(`div`,{className:`${Y.wrapper} ${s}`,children:[n&&(0,l.jsx)(`span`,{className:Y.label,children:n}),(0,l.jsxs)(p.Root,{open:h,onOpenChange:g,children:[(0,l.jsx)(p.Trigger,{asChild:!0,children:(0,l.jsxs)(`button`,{type:`button`,className:`${Y.trigger} ${m?Y.error:``}`,disabled:o,"aria-invalid":m?`true`:`false`,"aria-describedby":i?f:void 0,children:[(0,l.jsx)(`span`,{className:e?Y.valueText:Y.placeholder,children:e?d(e):r}),(0,l.jsx)(u.Chevron_down,{size:14,color:`currentColor`})]})}),(0,l.jsx)(p.Portal,{children:(0,l.jsxs)(p.Content,{className:Y.calendar,align:`start`,sideOffset:5,children:[(0,l.jsxs)(`div`,{className:Y.header,children:[(0,l.jsx)(`button`,{type:`button`,className:Y.navButton,onClick:C,"aria-label":`Previous month`,children:(0,l.jsx)(u.Chevron_left,{size:14,color:`currentColor`})}),(0,l.jsxs)(`span`,{className:Y.monthLabel,children:[ye[x],` `,y]}),(0,l.jsx)(`button`,{type:`button`,className:Y.navButton,onClick:w,"aria-label":`Next month`,children:(0,l.jsx)(u.Chevron_right,{size:14,color:`currentColor`})})]}),(0,l.jsx)(`div`,{className:Y.weekdays,children:ve.map(e=>(0,l.jsx)(`span`,{className:Y.weekday,children:e},e))}),(0,l.jsx)(`div`,{className:Y.grid,children:E.map(t=>{let n=t.getMonth()!==x,r=X(t,e),i=X(t,_);return(0,l.jsx)(`button`,{type:`button`,className:[Y.day,n?Y.outside:``,r?Y.selected:``,i&&!r?Y.today:``].filter(Boolean).join(` `),onClick:()=>T(t),children:t.getDate()},t.toISOString())})})]})})]}),i&&(0,l.jsx)(`span`,{id:f,className:Y.errorText,role:`alert`,children:i})]})},Z={spinner:`_spinner_wspyi_1`,frame:`_frame_wspyi_8`},Q={grow:{viewBox:`0 0 7 5`,delay:250,frames:[`M3 2H4V3H3V2Z`,`M4 5H3V4H4V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM4 1L3 1V0L4 0V1Z`,`M2 5H1L1 4H2L2 5ZM4 5H3V4H4V5ZM6 5H5V4H6V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM2 1L1 1L1 0L2 0V1ZM4 1L3 1V0L4 0V1ZM6 1L5 1V0L6 0V1Z`,`M1 0H6V5H1V0Z`,`M2 5H1L1 4H2L2 5ZM4 5H3V4H4V5ZM6 5H5V4H6V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM2 1L1 1L1 0L2 0V1ZM4 1L3 1V0L4 0V1ZM6 1L5 1V0L6 0V1Z`,`M4 5H3V4H4V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM4 1L3 1V0L4 0V1Z`]},pulse:{viewBox:`0 0 7 5`,delay:250,frames:[`M3 2H4V3H3V2Z`,`M2 2H3V3H2V2Z M3 1H4V2H3V1Z M4 2H5V3H4V2Z M3 3H4V4H3V3Z`,`M1 1H2V2H1V1Z M1 2H2V3H1V2Z M1 3H2V4H1V3Z M2 4H3V5H2V4Z M3 4H4V5H3V4Z M4 4H5V5H4V4Z M5 3H6V4H5V3Z M5 2H6V3H5V2Z M5 1H6V2H5V1Z M4 0H5V1H4V0Z M3 0H4V1H3V0Z M2 0H3V1H2V0Z`]},rotate:{viewBox:`0 0 7 5`,delay:250,frames:[`M1 0H2V1H1V0Z`,`M5 0H6V1H5V0Z`,`M5 4H6V5H5V4Z`,`M1 4H2V5H1V4Z`]},rowing:{viewBox:`0 0 7 5`,delay:250,frames:[`M4 2H7V5H1V4H2V3H1V4H0V2H3V1H4V2ZM5 1H4V0H5V1ZM3 4H6V3H3V4Z`,`M4 2H7V5H1V4H3V3H1V4H0V2H3V1H4V2ZM4 4H6V3H4V4ZM3 1H2V0H3V1Z`,`M4 2H7V5H1V4H4V3H1V4H0V2H3V1H4V2ZM5 4H6V3H5V4ZM3 1H2V0H3V1Z`,`M4 2H7V5H1V4H6V3H1V4H0V2H3V0H4V2Z`]}},$=Object.keys(Q);function Ce({name:e=$[0],size:t=21,color:n=`currentColor`,delay:r,className:i=``,"aria-label":a=`Loading`}){let o=Q[e],[,,s,c]=o.viewBox.split(` `).map(Number),u=c/s,d=typeof t==`number`?t*u:`calc(${t} * ${u})`,f=r??o.delay,p=o.frames.length,m=p*f;return(0,l.jsx)(`svg`,{className:`${Z.spinner} ${i}`,width:t,height:d,viewBox:o.viewBox,fill:`none`,role:`status`,"aria-label":a,xmlns:`http://www.w3.org/2000/svg`,children:o.frames.map((e,t)=>e?(0,l.jsx)(`path`,{className:Z.frame,d:e,fill:n,style:{animation:`indx-spinner-${p} ${m}ms step-end infinite`,animationDelay:`${t*f-m}ms`}},t):null)})}exports.Base=x,exports.Button=_,exports.Chart=he,exports.Checkbox=y,exports.Chip=ue,exports.DatePicker=Se,exports.FilterPanelBase=C,exports.InputField=O,exports.Modal=_e,exports.Popover=ne,exports.ProgressBar=le,exports.RadioButton=A,exports.SearchField=E,exports.Select=ee,exports.Slider=P,exports.Spinner=Ce,exports.Table=L,exports.TableCell=ae,exports.TableHeader=re,exports.TableIcon=se,exports.TableRow=ie,exports.TableValue=oe,exports.Tabs=ce,exports.Textarea=ge,exports.ToggleSwitch=M,exports.Tooltip=H,exports.spinnerNames=$;
|
package/dist/index.d.ts
CHANGED
|
@@ -19,3 +19,5 @@ export { Chart, type ChartProps, type ChartSeries } from './components/Chart/Cha
|
|
|
19
19
|
export { Textarea, type TextareaProps } from './components/Textarea/Textarea';
|
|
20
20
|
export { Modal, type ModalProps } from './components/Modal/Modal';
|
|
21
21
|
export { DatePicker, type DatePickerProps } from './components/DatePicker/DatePicker';
|
|
22
|
+
export { Spinner, type SpinnerProps } from './components/Spinner/Spinner';
|
|
23
|
+
export { spinnerNames, type SpinnerName } from './components/Spinner/spinners.generated';
|
package/dist/index.es.js
CHANGED
|
@@ -465,7 +465,7 @@ var P = {
|
|
|
465
465
|
viewport: "_viewport_15fsv_76",
|
|
466
466
|
item: "_item_15fsv_82",
|
|
467
467
|
itemIndicator: "_itemIndicator_15fsv_105"
|
|
468
|
-
},
|
|
468
|
+
}, ne = ({ value: t, onValueChange: n, options: r, placeholder: i = "Select...", className: a = "", disabled: u = !1, label: d, size: f = "default", "aria-label": p, id: m }) => {
|
|
469
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,
|
|
@@ -527,14 +527,14 @@ var P = {
|
|
|
527
527
|
children: d
|
|
528
528
|
}), b]
|
|
529
529
|
}) : b;
|
|
530
|
-
},
|
|
530
|
+
}, re = { content: "_content_1qahr_1" }, ie = ({ trigger: e, children: t, open: n, onOpenChange: r, align: i = "end", side: a = "bottom", sideOffset: c = 5, className: l = "", "aria-label": u, "aria-describedby": d }) => /* @__PURE__ */ s(v.Root, {
|
|
531
531
|
open: n,
|
|
532
532
|
onOpenChange: r,
|
|
533
533
|
children: [/* @__PURE__ */ o(v.Trigger, {
|
|
534
534
|
asChild: !0,
|
|
535
535
|
children: e
|
|
536
536
|
}), /* @__PURE__ */ o(v.Portal, { children: /* @__PURE__ */ o(v.Content, {
|
|
537
|
-
className: `${
|
|
537
|
+
className: `${re.content} ${l}`,
|
|
538
538
|
align: i,
|
|
539
539
|
side: a,
|
|
540
540
|
sideOffset: c,
|
|
@@ -542,7 +542,7 @@ var P = {
|
|
|
542
542
|
"aria-describedby": d,
|
|
543
543
|
children: t
|
|
544
544
|
}) })]
|
|
545
|
-
}),
|
|
545
|
+
}), z = {
|
|
546
546
|
table: "_table_1b0iq_1",
|
|
547
547
|
caption: "_caption_1b0iq_8",
|
|
548
548
|
headerRow: "_headerRow_1b0iq_25",
|
|
@@ -555,49 +555,49 @@ var P = {
|
|
|
555
555
|
};
|
|
556
556
|
//#endregion
|
|
557
557
|
//#region src/components/Table/Table.tsx
|
|
558
|
-
function
|
|
558
|
+
function ae({ children: e, caption: t, "aria-label": n }) {
|
|
559
559
|
return process.env.NODE_ENV !== "production" && !t && !n && console.warn("Table: Component should have either a caption or aria-label for accessibility."), /* @__PURE__ */ s("table", {
|
|
560
|
-
className:
|
|
560
|
+
className: z.table,
|
|
561
561
|
"aria-label": n,
|
|
562
562
|
children: [t && /* @__PURE__ */ o("caption", {
|
|
563
|
-
className:
|
|
563
|
+
className: z.caption,
|
|
564
564
|
children: t
|
|
565
565
|
}), e]
|
|
566
566
|
});
|
|
567
567
|
}
|
|
568
568
|
//#endregion
|
|
569
569
|
//#region src/components/Table/TableHeader.tsx
|
|
570
|
-
function
|
|
570
|
+
function oe({ children: t }) {
|
|
571
571
|
let n = e.Children.map(t, (t) => e.isValidElement(t) && t.type === "td" ? /* @__PURE__ */ o("th", {
|
|
572
572
|
scope: "col",
|
|
573
573
|
...t.props
|
|
574
574
|
}) : t);
|
|
575
575
|
return /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", {
|
|
576
|
-
className:
|
|
576
|
+
className: z.headerRow,
|
|
577
577
|
children: n
|
|
578
578
|
}) });
|
|
579
579
|
}
|
|
580
580
|
//#endregion
|
|
581
581
|
//#region src/components/Table/TableRow.tsx
|
|
582
|
-
function
|
|
582
|
+
function se({ children: e }) {
|
|
583
583
|
return /* @__PURE__ */ o("tr", {
|
|
584
|
-
className:
|
|
584
|
+
className: z.dataRow,
|
|
585
585
|
children: e
|
|
586
586
|
});
|
|
587
587
|
}
|
|
588
588
|
//#endregion
|
|
589
589
|
//#region src/components/Table/TableCell.tsx
|
|
590
|
-
function
|
|
590
|
+
function ce({ label: e, children: t, isHeader: n = !1, scope: r }) {
|
|
591
591
|
let i = n ? "th" : "td", a = n && r ? { scope: r } : {};
|
|
592
592
|
return e || t ? /* @__PURE__ */ o(i, {
|
|
593
593
|
...a,
|
|
594
594
|
children: /* @__PURE__ */ s("div", {
|
|
595
|
-
className:
|
|
595
|
+
className: z.cellInner,
|
|
596
596
|
children: [e && /* @__PURE__ */ o("span", {
|
|
597
|
-
className:
|
|
597
|
+
className: z.cellLabel,
|
|
598
598
|
children: e
|
|
599
599
|
}), t && /* @__PURE__ */ o("div", {
|
|
600
|
-
className:
|
|
600
|
+
className: z.cellContent,
|
|
601
601
|
children: t
|
|
602
602
|
})]
|
|
603
603
|
})
|
|
@@ -608,18 +608,18 @@ function V({ label: e, children: t, isHeader: n = !1, scope: r }) {
|
|
|
608
608
|
}
|
|
609
609
|
//#endregion
|
|
610
610
|
//#region src/components/Table/TableValue.tsx
|
|
611
|
-
function
|
|
611
|
+
function le({ children: e }) {
|
|
612
612
|
return /* @__PURE__ */ o("span", {
|
|
613
|
-
className:
|
|
613
|
+
className: z.value,
|
|
614
614
|
children: e
|
|
615
615
|
});
|
|
616
616
|
}
|
|
617
617
|
//#endregion
|
|
618
618
|
//#region src/components/Table/TableIcon.tsx
|
|
619
|
-
function
|
|
619
|
+
function ue({ children: t, "aria-label": n }) {
|
|
620
620
|
let r = !n;
|
|
621
621
|
return /* @__PURE__ */ o("span", {
|
|
622
|
-
className:
|
|
622
|
+
className: z.icon,
|
|
623
623
|
"aria-hidden": r ? "true" : void 0,
|
|
624
624
|
"aria-label": n,
|
|
625
625
|
children: e.cloneElement(t, {
|
|
@@ -628,7 +628,7 @@ function ce({ children: t, "aria-label": n }) {
|
|
|
628
628
|
})
|
|
629
629
|
});
|
|
630
630
|
}
|
|
631
|
-
var
|
|
631
|
+
var B = {
|
|
632
632
|
tabs: "_tabs_11q71_1",
|
|
633
633
|
scrollable: "_scrollable_11q71_11",
|
|
634
634
|
tab: "_tab_11q71_1",
|
|
@@ -639,7 +639,7 @@ var H = {
|
|
|
639
639
|
};
|
|
640
640
|
//#endregion
|
|
641
641
|
//#region src/components/Tabs/Tabs.tsx
|
|
642
|
-
function
|
|
642
|
+
function de({ items: e, value: t, onValueChange: a, size: s = "default", scrollable: c = !1 }) {
|
|
643
643
|
let l = r(null), [u, d] = i({
|
|
644
644
|
start: !1,
|
|
645
645
|
end: !1
|
|
@@ -661,7 +661,7 @@ function le({ items: e, value: t, onValueChange: a, size: s = "default", scrolla
|
|
|
661
661
|
};
|
|
662
662
|
}, [c, e.length]), /* @__PURE__ */ o("div", {
|
|
663
663
|
ref: l,
|
|
664
|
-
className: `${
|
|
664
|
+
className: `${B.tabs} ${c ? B.scrollable : ""}`,
|
|
665
665
|
"data-overflow-start": c && u.start ? "" : void 0,
|
|
666
666
|
"data-overflow-end": c && u.end ? "" : void 0,
|
|
667
667
|
role: "tablist",
|
|
@@ -669,13 +669,13 @@ function le({ items: e, value: t, onValueChange: a, size: s = "default", scrolla
|
|
|
669
669
|
role: "tab",
|
|
670
670
|
type: "button",
|
|
671
671
|
"aria-selected": t === e.value,
|
|
672
|
-
className: `${
|
|
672
|
+
className: `${B.tab} ${B[s]} ${t === e.value ? B.active : ""}`,
|
|
673
673
|
onClick: () => a(e.value),
|
|
674
674
|
children: e.label
|
|
675
675
|
}, e.value))
|
|
676
676
|
});
|
|
677
677
|
}
|
|
678
|
-
var
|
|
678
|
+
var V = {
|
|
679
679
|
wrapper: "_wrapper_1a9jo_1",
|
|
680
680
|
track: "_track_1a9jo_8",
|
|
681
681
|
fill: "_fill_1a9jo_36",
|
|
@@ -683,42 +683,42 @@ var U = {
|
|
|
683
683
|
};
|
|
684
684
|
//#endregion
|
|
685
685
|
//#region src/components/ProgressBar/ProgressBar.tsx
|
|
686
|
-
function
|
|
686
|
+
function fe({ value: e, showLabel: t = !1, fulfilledColor: n = !1, className: r = "" }) {
|
|
687
687
|
let i = Math.min(100, Math.max(0, e)), a = `${Math.round(i)}%`, c = n && i >= 100 ? "var(--CPureBlue)" : void 0;
|
|
688
688
|
return /* @__PURE__ */ s("div", {
|
|
689
|
-
className: `${
|
|
689
|
+
className: `${V.wrapper} ${r}`,
|
|
690
690
|
role: "progressbar",
|
|
691
691
|
"aria-valuenow": i,
|
|
692
692
|
"aria-valuemin": 0,
|
|
693
693
|
"aria-valuemax": 100,
|
|
694
694
|
children: [/* @__PURE__ */ o("div", {
|
|
695
|
-
className:
|
|
695
|
+
className: V.track,
|
|
696
696
|
children: /* @__PURE__ */ o("div", {
|
|
697
|
-
className:
|
|
697
|
+
className: V.fill,
|
|
698
698
|
style: {
|
|
699
699
|
width: `${i}%`,
|
|
700
700
|
backgroundColor: c
|
|
701
701
|
}
|
|
702
702
|
})
|
|
703
703
|
}), t && /* @__PURE__ */ o("span", {
|
|
704
|
-
className:
|
|
704
|
+
className: V.label,
|
|
705
705
|
"aria-hidden": "true",
|
|
706
706
|
children: a
|
|
707
707
|
})]
|
|
708
708
|
});
|
|
709
709
|
}
|
|
710
|
-
var
|
|
710
|
+
var H = {
|
|
711
711
|
chip: "_chip_iaxe0_1",
|
|
712
712
|
large: "_large_iaxe0_14"
|
|
713
713
|
};
|
|
714
714
|
//#endregion
|
|
715
715
|
//#region src/components/Chip/Chip.tsx
|
|
716
|
-
function
|
|
716
|
+
function pe({ children: t, color: n, textColor: r, className: i, icon: a, size: o = "default" }) {
|
|
717
717
|
let c = {};
|
|
718
718
|
return n && (c.backgroundColor = n), r && (c.color = r), /* @__PURE__ */ s("span", {
|
|
719
719
|
className: [
|
|
720
|
-
|
|
721
|
-
o === "large" &&
|
|
720
|
+
H.chip,
|
|
721
|
+
o === "large" && H.large,
|
|
722
722
|
i
|
|
723
723
|
].filter(Boolean).join(" "),
|
|
724
724
|
style: c,
|
|
@@ -728,13 +728,13 @@ function de({ children: t, color: n, textColor: r, className: i, icon: a, size:
|
|
|
728
728
|
}), t]
|
|
729
729
|
});
|
|
730
730
|
}
|
|
731
|
-
var
|
|
731
|
+
var U = {
|
|
732
732
|
tooltip: "_tooltip_1de7z_1",
|
|
733
733
|
arrow: "_arrow_1de7z_13"
|
|
734
734
|
};
|
|
735
735
|
//#endregion
|
|
736
736
|
//#region src/components/Tooltip/Tooltip.tsx
|
|
737
|
-
function
|
|
737
|
+
function me({ content: e, position: t = "top", children: n, className: r }) {
|
|
738
738
|
return /* @__PURE__ */ o(y.Provider, {
|
|
739
739
|
delayDuration: 80,
|
|
740
740
|
children: /* @__PURE__ */ s(y.Root, { children: [/* @__PURE__ */ o(y.Trigger, {
|
|
@@ -743,12 +743,12 @@ function fe({ content: e, position: t = "top", children: n, className: r }) {
|
|
|
743
743
|
}), /* @__PURE__ */ o(y.Portal, { children: /* @__PURE__ */ s(y.Content, {
|
|
744
744
|
side: t,
|
|
745
745
|
sideOffset: 7,
|
|
746
|
-
className: [
|
|
747
|
-
children: [e, /* @__PURE__ */ o(y.Arrow, { className:
|
|
746
|
+
className: [U.tooltip, r].filter(Boolean).join(" "),
|
|
747
|
+
children: [e, /* @__PURE__ */ o(y.Arrow, { className: U.arrow })]
|
|
748
748
|
}) })] })
|
|
749
749
|
});
|
|
750
750
|
}
|
|
751
|
-
var
|
|
751
|
+
var W = {
|
|
752
752
|
wrapper: "_wrapper_1w5vh_1",
|
|
753
753
|
chart: "_chart_1w5vh_8",
|
|
754
754
|
svg: "_svg_1w5vh_33",
|
|
@@ -762,11 +762,11 @@ var K = {
|
|
|
762
762
|
legendItem: "_legendItem_1w5vh_90",
|
|
763
763
|
legendMark: "_legendMark_1w5vh_96",
|
|
764
764
|
legendLabel: "_legendLabel_1w5vh_102"
|
|
765
|
-
},
|
|
766
|
-
function
|
|
765
|
+
}, G = "var(--lv4)", K = 12, he = 20, ge = 8, _e = 28, q = 20;
|
|
766
|
+
function ve(e) {
|
|
767
767
|
return Number.isInteger(e) ? String(e) : e.toLocaleString(void 0, { maximumFractionDigits: 2 });
|
|
768
768
|
}
|
|
769
|
-
function
|
|
769
|
+
function ye({ series: e, labels: a, type: c = "line", height: l = 200, showLegend: u = !0, className: d }) {
|
|
770
770
|
let f = r(null), [p, m] = i(0), [h, g] = i(null);
|
|
771
771
|
n(() => {
|
|
772
772
|
let e = f.current;
|
|
@@ -774,18 +774,18 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
|
|
|
774
774
|
let t = new ResizeObserver(([e]) => m(e.contentRect.width));
|
|
775
775
|
return t.observe(e), m(e.clientWidth), () => t.disconnect();
|
|
776
776
|
}, []);
|
|
777
|
-
let _ = a?.length ?
|
|
777
|
+
let _ = a?.length ? _e : ge, v = Math.max(p - q - he, 0), y = Math.max(l - K - _, 0), b = e.flatMap((e) => e.data.filter(Number.isFinite)), x = b.length ? Math.max(...b, 0) : 1, S = c === "bar" ? 0 : Math.min(...b, 0), C = x - S || 1, w = Math.max(...e.map((e) => e.data.length), 0), T = (e) => K + (1 - (e - S) / C) * y, E = (e) => w <= 1 ? q + v / 2 : q + e / (w - 1) * v, D = t((e) => {
|
|
778
778
|
if (w === 0) return;
|
|
779
779
|
let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
|
|
780
780
|
if (c === "line") {
|
|
781
|
-
let e = Math.round((n -
|
|
781
|
+
let e = Math.round((n - q) / v * (w - 1));
|
|
782
782
|
g({
|
|
783
783
|
index: Math.max(0, Math.min(w - 1, e)),
|
|
784
784
|
x: n,
|
|
785
785
|
y: r
|
|
786
786
|
});
|
|
787
787
|
} else {
|
|
788
|
-
let e = v / w, t = Math.floor((n -
|
|
788
|
+
let e = v / w, t = Math.floor((n - q) / e);
|
|
789
789
|
g({
|
|
790
790
|
index: Math.max(0, Math.min(w - 1, t)),
|
|
791
791
|
x: n,
|
|
@@ -797,31 +797,31 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
|
|
|
797
797
|
w,
|
|
798
798
|
v
|
|
799
799
|
]), O = t(() => g(null), []), k = /* @__PURE__ */ o("line", {
|
|
800
|
-
x1:
|
|
801
|
-
y1:
|
|
802
|
-
x2:
|
|
803
|
-
y2:
|
|
800
|
+
x1: q,
|
|
801
|
+
y1: K + y * .5,
|
|
802
|
+
x2: q + v,
|
|
803
|
+
y2: K + y * .5,
|
|
804
804
|
stroke: "var(--chart-midline)",
|
|
805
805
|
strokeWidth: "0.5"
|
|
806
806
|
}), A = /* @__PURE__ */ o("line", {
|
|
807
|
-
x1:
|
|
808
|
-
y1:
|
|
809
|
-
x2:
|
|
810
|
-
y2:
|
|
807
|
+
x1: q,
|
|
808
|
+
y1: K + y,
|
|
809
|
+
x2: q + v,
|
|
810
|
+
y2: K + y,
|
|
811
811
|
stroke: "var(--chart-baseline)",
|
|
812
812
|
strokeWidth: "1"
|
|
813
813
|
}), j = h && c === "bar" ? (() => {
|
|
814
814
|
let e = v / w;
|
|
815
815
|
return /* @__PURE__ */ o("rect", {
|
|
816
|
-
x:
|
|
817
|
-
y:
|
|
816
|
+
x: q + h.index * e,
|
|
817
|
+
y: K,
|
|
818
818
|
width: e,
|
|
819
819
|
height: y,
|
|
820
820
|
fill: "var(--chart-column-hover)"
|
|
821
821
|
});
|
|
822
822
|
})() : null, M = () => e.map((e, t) => {
|
|
823
823
|
if (!e.data.length) return null;
|
|
824
|
-
let n = e.color ??
|
|
824
|
+
let n = e.color ?? G;
|
|
825
825
|
return /* @__PURE__ */ s("g", { children: [/* @__PURE__ */ o("polyline", {
|
|
826
826
|
points: e.data.map((e, t) => `${E(t).toFixed(2)},${T(e).toFixed(2)}`).join(" "),
|
|
827
827
|
fill: "none",
|
|
@@ -841,9 +841,9 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
|
|
|
841
841
|
})] }, t);
|
|
842
842
|
}), N = () => {
|
|
843
843
|
if (!w) return null;
|
|
844
|
-
let t = e.length, n = v / w, r = Math.max((n - 2 * (t + 1)) / t, 2), i =
|
|
844
|
+
let t = e.length, n = v / w, r = Math.max((n - 2 * (t + 1)) / t, 2), i = K + y;
|
|
845
845
|
return e.map((e, t) => e.data.map((a, s) => {
|
|
846
|
-
let c =
|
|
846
|
+
let c = q + s * n + 2 + t * (r + 2), l = T(a);
|
|
847
847
|
return /* @__PURE__ */ o("rect", {
|
|
848
848
|
x: c,
|
|
849
849
|
y: l,
|
|
@@ -854,9 +854,9 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
|
|
|
854
854
|
}));
|
|
855
855
|
}, P = () => {
|
|
856
856
|
if (!a?.length) return null;
|
|
857
|
-
let e =
|
|
857
|
+
let e = K + y + 18;
|
|
858
858
|
return a.map((t, n) => /* @__PURE__ */ o("text", {
|
|
859
|
-
x: c === "line" ? E(n) :
|
|
859
|
+
x: c === "line" ? E(n) : q + (n + .5) * (v / w),
|
|
860
860
|
y: e,
|
|
861
861
|
textAnchor: "middle",
|
|
862
862
|
fill: "var(--lv4)",
|
|
@@ -865,16 +865,16 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
|
|
|
865
865
|
}, n));
|
|
866
866
|
}, F = h && c === "line" ? /* @__PURE__ */ o("line", {
|
|
867
867
|
x1: E(h.index),
|
|
868
|
-
y1:
|
|
868
|
+
y1: K,
|
|
869
869
|
x2: E(h.index),
|
|
870
|
-
y2:
|
|
870
|
+
y2: K + y,
|
|
871
871
|
stroke: "var(--chart-crosshair)",
|
|
872
872
|
strokeWidth: "1",
|
|
873
873
|
strokeDasharray: "3 3"
|
|
874
874
|
}) : null, I = h ? (() => {
|
|
875
875
|
let t = a?.[h.index] ?? String(h.index + 1), n = Math.min(Math.max(h.x, 60), p - 60);
|
|
876
876
|
return /* @__PURE__ */ s("div", {
|
|
877
|
-
className:
|
|
877
|
+
className: W.tooltip,
|
|
878
878
|
style: h.y < 80 ? {
|
|
879
879
|
left: n,
|
|
880
880
|
top: h.y + 12,
|
|
@@ -885,37 +885,37 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
|
|
|
885
885
|
transform: "translate(-50%, -100%)"
|
|
886
886
|
},
|
|
887
887
|
children: [/* @__PURE__ */ o("div", {
|
|
888
|
-
className:
|
|
888
|
+
className: W.tooltipLabel,
|
|
889
889
|
children: t
|
|
890
890
|
}), e.map((e, t) => /* @__PURE__ */ s("div", {
|
|
891
|
-
className:
|
|
891
|
+
className: W.tooltipRow,
|
|
892
892
|
children: [
|
|
893
893
|
/* @__PURE__ */ o("span", {
|
|
894
|
-
className:
|
|
895
|
-
style: { background: e.color ??
|
|
894
|
+
className: W.tooltipDot,
|
|
895
|
+
style: { background: e.color ?? G }
|
|
896
896
|
}),
|
|
897
897
|
/* @__PURE__ */ o("span", {
|
|
898
|
-
className:
|
|
898
|
+
className: W.tooltipName,
|
|
899
899
|
children: e.label
|
|
900
900
|
}),
|
|
901
901
|
/* @__PURE__ */ o("span", {
|
|
902
|
-
className:
|
|
903
|
-
children:
|
|
902
|
+
className: W.tooltipValue,
|
|
903
|
+
children: ve(e.data[h.index] ?? 0)
|
|
904
904
|
})
|
|
905
905
|
]
|
|
906
906
|
}, t))]
|
|
907
907
|
});
|
|
908
908
|
})() : null;
|
|
909
909
|
return /* @__PURE__ */ s("div", {
|
|
910
|
-
className: [
|
|
910
|
+
className: [W.wrapper, d].filter(Boolean).join(" "),
|
|
911
911
|
children: [/* @__PURE__ */ s("div", {
|
|
912
912
|
ref: f,
|
|
913
|
-
className:
|
|
913
|
+
className: W.chart,
|
|
914
914
|
style: { height: l },
|
|
915
915
|
children: [p > 0 && /* @__PURE__ */ s("svg", {
|
|
916
916
|
width: p,
|
|
917
917
|
height: l,
|
|
918
|
-
className:
|
|
918
|
+
className: W.svg,
|
|
919
919
|
onMouseMove: D,
|
|
920
920
|
onMouseLeave: O,
|
|
921
921
|
children: [
|
|
@@ -928,21 +928,21 @@ function _e({ series: e, labels: a, type: c = "line", height: l = 200, showLegen
|
|
|
928
928
|
]
|
|
929
929
|
}), I]
|
|
930
930
|
}), u && e.length > 1 && /* @__PURE__ */ o("div", {
|
|
931
|
-
className:
|
|
931
|
+
className: W.legend,
|
|
932
932
|
children: e.map((e, t) => /* @__PURE__ */ s("div", {
|
|
933
|
-
className:
|
|
933
|
+
className: W.legendItem,
|
|
934
934
|
children: [/* @__PURE__ */ o("div", {
|
|
935
|
-
className:
|
|
936
|
-
style: { background: e.color ??
|
|
935
|
+
className: W.legendMark,
|
|
936
|
+
style: { background: e.color ?? G }
|
|
937
937
|
}), /* @__PURE__ */ o("span", {
|
|
938
|
-
className:
|
|
938
|
+
className: W.legendLabel,
|
|
939
939
|
children: e.label
|
|
940
940
|
})]
|
|
941
941
|
}, t))
|
|
942
942
|
})]
|
|
943
943
|
});
|
|
944
944
|
}
|
|
945
|
-
var
|
|
945
|
+
var J = {
|
|
946
946
|
wrapper: "_wrapper_17ws4_1",
|
|
947
947
|
label: "_label_17ws4_7",
|
|
948
948
|
textarea: "_textarea_17ws4_12",
|
|
@@ -951,14 +951,14 @@ var X = {
|
|
|
951
951
|
};
|
|
952
952
|
//#endregion
|
|
953
953
|
//#region src/components/Textarea/Textarea.tsx
|
|
954
|
-
function
|
|
954
|
+
function be({ label: t, error: n, className: r = "", isValid: i = !0, id: a, rows: c = 4, ...l }) {
|
|
955
955
|
let u = e.useId(), d = a || u, f = `${d}-error`, p = n || !i;
|
|
956
956
|
return /* @__PURE__ */ s("div", {
|
|
957
|
-
className: `${
|
|
957
|
+
className: `${J.wrapper} ${r}`,
|
|
958
958
|
children: [
|
|
959
959
|
t && /* @__PURE__ */ s("label", {
|
|
960
960
|
htmlFor: d,
|
|
961
|
-
className:
|
|
961
|
+
className: J.label,
|
|
962
962
|
children: [t, l.required && /* @__PURE__ */ o("span", {
|
|
963
963
|
"aria-label": "required",
|
|
964
964
|
children: " *"
|
|
@@ -967,46 +967,46 @@ function ve({ label: t, error: n, className: r = "", isValid: i = !0, id: a, row
|
|
|
967
967
|
/* @__PURE__ */ o("textarea", {
|
|
968
968
|
id: d,
|
|
969
969
|
rows: c,
|
|
970
|
-
className: `${
|
|
970
|
+
className: `${J.textarea} ${p ? J.error : ""}`,
|
|
971
971
|
"aria-invalid": p ? "true" : "false",
|
|
972
972
|
"aria-describedby": n ? f : void 0,
|
|
973
973
|
...l
|
|
974
974
|
}),
|
|
975
975
|
n && /* @__PURE__ */ o("span", {
|
|
976
976
|
id: f,
|
|
977
|
-
className:
|
|
977
|
+
className: J.errorText,
|
|
978
978
|
role: "alert",
|
|
979
979
|
children: n
|
|
980
980
|
})
|
|
981
981
|
]
|
|
982
982
|
});
|
|
983
983
|
}
|
|
984
|
-
var
|
|
984
|
+
var Y = {
|
|
985
985
|
overlay: "_overlay_xud7c_1",
|
|
986
986
|
content: "_content_xud7c_8",
|
|
987
987
|
title: "_title_xud7c_26",
|
|
988
988
|
description: "_description_xud7c_34",
|
|
989
989
|
close: "_close_xud7c_40",
|
|
990
990
|
srOnly: "_srOnly_xud7c_62"
|
|
991
|
-
},
|
|
991
|
+
}, xe = ({ trigger: e, children: t, open: n, onOpenChange: r, title: i, description: a, className: c = "", showClose: l = !0 }) => /* @__PURE__ */ s(b.Root, {
|
|
992
992
|
open: n,
|
|
993
993
|
onOpenChange: r,
|
|
994
994
|
children: [e && /* @__PURE__ */ o(b.Trigger, {
|
|
995
995
|
asChild: !0,
|
|
996
996
|
children: e
|
|
997
|
-
}), /* @__PURE__ */ s(b.Portal, { children: [/* @__PURE__ */ o(b.Overlay, { className:
|
|
998
|
-
className: `${
|
|
997
|
+
}), /* @__PURE__ */ s(b.Portal, { children: [/* @__PURE__ */ o(b.Overlay, { className: Y.overlay }), /* @__PURE__ */ s(b.Content, {
|
|
998
|
+
className: `${Y.content} ${c}`,
|
|
999
999
|
children: [
|
|
1000
1000
|
/* @__PURE__ */ o(b.Title, {
|
|
1001
|
-
className: i ?
|
|
1001
|
+
className: i ? Y.title : Y.srOnly,
|
|
1002
1002
|
children: i || "Dialog"
|
|
1003
1003
|
}),
|
|
1004
1004
|
a && /* @__PURE__ */ o(b.Description, {
|
|
1005
|
-
className:
|
|
1005
|
+
className: Y.description,
|
|
1006
1006
|
children: a
|
|
1007
1007
|
}),
|
|
1008
1008
|
l && /* @__PURE__ */ o(b.Close, {
|
|
1009
|
-
className:
|
|
1009
|
+
className: Y.close,
|
|
1010
1010
|
"aria-label": "Close",
|
|
1011
1011
|
children: /* @__PURE__ */ o(h, {
|
|
1012
1012
|
size: 16,
|
|
@@ -1016,7 +1016,7 @@ var Z = {
|
|
|
1016
1016
|
t
|
|
1017
1017
|
]
|
|
1018
1018
|
})] })]
|
|
1019
|
-
}),
|
|
1019
|
+
}), X = {
|
|
1020
1020
|
wrapper: "_wrapper_aimna_1",
|
|
1021
1021
|
label: "_label_aimna_7",
|
|
1022
1022
|
trigger: "_trigger_aimna_12",
|
|
@@ -1035,7 +1035,7 @@ var Z = {
|
|
|
1035
1035
|
today: "_today_aimna_131",
|
|
1036
1036
|
selected: "_selected_aimna_136",
|
|
1037
1037
|
errorText: "_errorText_aimna_142"
|
|
1038
|
-
},
|
|
1038
|
+
}, Se = [
|
|
1039
1039
|
"Mo",
|
|
1040
1040
|
"Tu",
|
|
1041
1041
|
"We",
|
|
@@ -1043,7 +1043,7 @@ var Z = {
|
|
|
1043
1043
|
"Fr",
|
|
1044
1044
|
"Sa",
|
|
1045
1045
|
"Su"
|
|
1046
|
-
],
|
|
1046
|
+
], Ce = [
|
|
1047
1047
|
"January",
|
|
1048
1048
|
"February",
|
|
1049
1049
|
"March",
|
|
@@ -1057,19 +1057,19 @@ var Z = {
|
|
|
1057
1057
|
"November",
|
|
1058
1058
|
"December"
|
|
1059
1059
|
];
|
|
1060
|
-
function
|
|
1060
|
+
function we(e) {
|
|
1061
1061
|
let t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
|
|
1062
1062
|
return `${e.getFullYear()}-${t}-${n}`;
|
|
1063
1063
|
}
|
|
1064
|
-
function
|
|
1064
|
+
function Z(e, t) {
|
|
1065
1065
|
return !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
|
|
1066
1066
|
}
|
|
1067
|
-
function
|
|
1067
|
+
function Te(e, t) {
|
|
1068
1068
|
let n = (new Date(e, t, 1).getDay() + 6) % 7, r = [];
|
|
1069
1069
|
for (let i = 0; i < 42; i++) r.push(new Date(e, t, 1 - n + i));
|
|
1070
1070
|
return r;
|
|
1071
1071
|
}
|
|
1072
|
-
var
|
|
1072
|
+
var Ee = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", error: c, isValid: f = !0, disabled: p = !1, className: m = "", formatDate: h = we }) => {
|
|
1073
1073
|
let g = `${e.useId()}-error`, _ = !!c || !f, [y, b] = i(!1), x = /* @__PURE__ */ new Date(), S = t ?? x, [C, w] = i(S.getFullYear()), [T, E] = i(S.getMonth());
|
|
1074
1074
|
e.useEffect(() => {
|
|
1075
1075
|
y && t && (w(t.getFullYear()), E(t.getMonth()));
|
|
@@ -1080,12 +1080,12 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
|
|
|
1080
1080
|
T === 11 ? (E(0), w(C + 1)) : E(T + 1);
|
|
1081
1081
|
}, k = (e) => {
|
|
1082
1082
|
n?.(e), b(!1);
|
|
1083
|
-
}, A =
|
|
1083
|
+
}, A = Te(C, T);
|
|
1084
1084
|
return /* @__PURE__ */ s("div", {
|
|
1085
|
-
className: `${
|
|
1085
|
+
className: `${X.wrapper} ${m}`,
|
|
1086
1086
|
children: [
|
|
1087
1087
|
r && /* @__PURE__ */ o("span", {
|
|
1088
|
-
className:
|
|
1088
|
+
className: X.label,
|
|
1089
1089
|
children: r
|
|
1090
1090
|
}),
|
|
1091
1091
|
/* @__PURE__ */ s(v.Root, {
|
|
@@ -1095,12 +1095,12 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
|
|
|
1095
1095
|
asChild: !0,
|
|
1096
1096
|
children: /* @__PURE__ */ s("button", {
|
|
1097
1097
|
type: "button",
|
|
1098
|
-
className: `${
|
|
1098
|
+
className: `${X.trigger} ${_ ? X.error : ""}`,
|
|
1099
1099
|
disabled: p,
|
|
1100
1100
|
"aria-invalid": _ ? "true" : "false",
|
|
1101
1101
|
"aria-describedby": c ? g : void 0,
|
|
1102
1102
|
children: [/* @__PURE__ */ o("span", {
|
|
1103
|
-
className: t ?
|
|
1103
|
+
className: t ? X.valueText : X.placeholder,
|
|
1104
1104
|
children: t ? h(t) : a
|
|
1105
1105
|
}), /* @__PURE__ */ o(l, {
|
|
1106
1106
|
size: 14,
|
|
@@ -1108,16 +1108,16 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
|
|
|
1108
1108
|
})]
|
|
1109
1109
|
})
|
|
1110
1110
|
}), /* @__PURE__ */ o(v.Portal, { children: /* @__PURE__ */ s(v.Content, {
|
|
1111
|
-
className:
|
|
1111
|
+
className: X.calendar,
|
|
1112
1112
|
align: "start",
|
|
1113
1113
|
sideOffset: 5,
|
|
1114
1114
|
children: [
|
|
1115
1115
|
/* @__PURE__ */ s("div", {
|
|
1116
|
-
className:
|
|
1116
|
+
className: X.header,
|
|
1117
1117
|
children: [
|
|
1118
1118
|
/* @__PURE__ */ o("button", {
|
|
1119
1119
|
type: "button",
|
|
1120
|
-
className:
|
|
1120
|
+
className: X.navButton,
|
|
1121
1121
|
onClick: D,
|
|
1122
1122
|
"aria-label": "Previous month",
|
|
1123
1123
|
children: /* @__PURE__ */ o(u, {
|
|
@@ -1126,16 +1126,16 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
|
|
|
1126
1126
|
})
|
|
1127
1127
|
}),
|
|
1128
1128
|
/* @__PURE__ */ s("span", {
|
|
1129
|
-
className:
|
|
1129
|
+
className: X.monthLabel,
|
|
1130
1130
|
children: [
|
|
1131
|
-
|
|
1131
|
+
Ce[T],
|
|
1132
1132
|
" ",
|
|
1133
1133
|
C
|
|
1134
1134
|
]
|
|
1135
1135
|
}),
|
|
1136
1136
|
/* @__PURE__ */ o("button", {
|
|
1137
1137
|
type: "button",
|
|
1138
|
-
className:
|
|
1138
|
+
className: X.navButton,
|
|
1139
1139
|
onClick: O,
|
|
1140
1140
|
"aria-label": "Next month",
|
|
1141
1141
|
children: /* @__PURE__ */ o(d, {
|
|
@@ -1146,23 +1146,23 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
|
|
|
1146
1146
|
]
|
|
1147
1147
|
}),
|
|
1148
1148
|
/* @__PURE__ */ o("div", {
|
|
1149
|
-
className:
|
|
1150
|
-
children:
|
|
1151
|
-
className:
|
|
1149
|
+
className: X.weekdays,
|
|
1150
|
+
children: Se.map((e) => /* @__PURE__ */ o("span", {
|
|
1151
|
+
className: X.weekday,
|
|
1152
1152
|
children: e
|
|
1153
1153
|
}, e))
|
|
1154
1154
|
}),
|
|
1155
1155
|
/* @__PURE__ */ o("div", {
|
|
1156
|
-
className:
|
|
1156
|
+
className: X.grid,
|
|
1157
1157
|
children: A.map((e) => {
|
|
1158
|
-
let n = e.getMonth() !== T, r =
|
|
1158
|
+
let n = e.getMonth() !== T, r = Z(e, t), i = Z(e, x);
|
|
1159
1159
|
return /* @__PURE__ */ o("button", {
|
|
1160
1160
|
type: "button",
|
|
1161
1161
|
className: [
|
|
1162
|
-
|
|
1163
|
-
n ?
|
|
1164
|
-
r ?
|
|
1165
|
-
i && !r ?
|
|
1162
|
+
X.day,
|
|
1163
|
+
n ? X.outside : "",
|
|
1164
|
+
r ? X.selected : "",
|
|
1165
|
+
i && !r ? X.today : ""
|
|
1166
1166
|
].filter(Boolean).join(" "),
|
|
1167
1167
|
onClick: () => k(e),
|
|
1168
1168
|
children: e.getDate()
|
|
@@ -1174,12 +1174,81 @@ var we = ({ value: t, onChange: n, label: r, placeholder: a = "Select a date", e
|
|
|
1174
1174
|
}),
|
|
1175
1175
|
c && /* @__PURE__ */ o("span", {
|
|
1176
1176
|
id: g,
|
|
1177
|
-
className:
|
|
1177
|
+
className: X.errorText,
|
|
1178
1178
|
role: "alert",
|
|
1179
1179
|
children: c
|
|
1180
1180
|
})
|
|
1181
1181
|
]
|
|
1182
1182
|
});
|
|
1183
|
-
}
|
|
1183
|
+
}, Q = {
|
|
1184
|
+
spinner: "_spinner_wspyi_1",
|
|
1185
|
+
frame: "_frame_wspyi_8"
|
|
1186
|
+
}, $ = {
|
|
1187
|
+
grow: {
|
|
1188
|
+
viewBox: "0 0 7 5",
|
|
1189
|
+
delay: 250,
|
|
1190
|
+
frames: [
|
|
1191
|
+
"M3 2H4V3H3V2Z",
|
|
1192
|
+
"M4 5H3V4H4V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM4 1L3 1V0L4 0V1Z",
|
|
1193
|
+
"M2 5H1L1 4H2L2 5ZM4 5H3V4H4V5ZM6 5H5V4H6V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM2 1L1 1L1 0L2 0V1ZM4 1L3 1V0L4 0V1ZM6 1L5 1V0L6 0V1Z",
|
|
1194
|
+
"M1 0H6V5H1V0Z",
|
|
1195
|
+
"M2 5H1L1 4H2L2 5ZM4 5H3V4H4V5ZM6 5H5V4H6V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM2 1L1 1L1 0L2 0V1ZM4 1L3 1V0L4 0V1ZM6 1L5 1V0L6 0V1Z",
|
|
1196
|
+
"M4 5H3V4H4V5ZM2 3H1L1 2L2 2L2 3ZM4 3H3V2L4 2V3ZM6 3H5V2L6 2V3ZM4 1L3 1V0L4 0V1Z"
|
|
1197
|
+
]
|
|
1198
|
+
},
|
|
1199
|
+
pulse: {
|
|
1200
|
+
viewBox: "0 0 7 5",
|
|
1201
|
+
delay: 250,
|
|
1202
|
+
frames: [
|
|
1203
|
+
"M3 2H4V3H3V2Z",
|
|
1204
|
+
"M2 2H3V3H2V2Z M3 1H4V2H3V1Z M4 2H5V3H4V2Z M3 3H4V4H3V3Z",
|
|
1205
|
+
"M1 1H2V2H1V1Z M1 2H2V3H1V2Z M1 3H2V4H1V3Z M2 4H3V5H2V4Z M3 4H4V5H3V4Z M4 4H5V5H4V4Z M5 3H6V4H5V3Z M5 2H6V3H5V2Z M5 1H6V2H5V1Z M4 0H5V1H4V0Z M3 0H4V1H3V0Z M2 0H3V1H2V0Z"
|
|
1206
|
+
]
|
|
1207
|
+
},
|
|
1208
|
+
rotate: {
|
|
1209
|
+
viewBox: "0 0 7 5",
|
|
1210
|
+
delay: 250,
|
|
1211
|
+
frames: [
|
|
1212
|
+
"M1 0H2V1H1V0Z",
|
|
1213
|
+
"M5 0H6V1H5V0Z",
|
|
1214
|
+
"M5 4H6V5H5V4Z",
|
|
1215
|
+
"M1 4H2V5H1V4Z"
|
|
1216
|
+
]
|
|
1217
|
+
},
|
|
1218
|
+
rowing: {
|
|
1219
|
+
viewBox: "0 0 7 5",
|
|
1220
|
+
delay: 250,
|
|
1221
|
+
frames: [
|
|
1222
|
+
"M4 2H7V5H1V4H2V3H1V4H0V2H3V1H4V2ZM5 1H4V0H5V1ZM3 4H6V3H3V4Z",
|
|
1223
|
+
"M4 2H7V5H1V4H3V3H1V4H0V2H3V1H4V2ZM4 4H6V3H4V4ZM3 1H2V0H3V1Z",
|
|
1224
|
+
"M4 2H7V5H1V4H4V3H1V4H0V2H3V1H4V2ZM5 4H6V3H5V4ZM3 1H2V0H3V1Z",
|
|
1225
|
+
"M4 2H7V5H1V4H6V3H1V4H0V2H3V0H4V2Z"
|
|
1226
|
+
]
|
|
1227
|
+
}
|
|
1228
|
+
}, De = Object.keys($);
|
|
1229
|
+
//#endregion
|
|
1230
|
+
//#region src/components/Spinner/Spinner.tsx
|
|
1231
|
+
function Oe({ name: e = De[0], size: t = 21, color: n = "currentColor", delay: r, className: i = "", "aria-label": a = "Loading" }) {
|
|
1232
|
+
let s = $[e], [, , c, l] = s.viewBox.split(" ").map(Number), u = l / c, d = typeof t == "number" ? t * u : `calc(${t} * ${u})`, f = r ?? s.delay, p = s.frames.length, m = p * f;
|
|
1233
|
+
return /* @__PURE__ */ o("svg", {
|
|
1234
|
+
className: `${Q.spinner} ${i}`,
|
|
1235
|
+
width: t,
|
|
1236
|
+
height: d,
|
|
1237
|
+
viewBox: s.viewBox,
|
|
1238
|
+
fill: "none",
|
|
1239
|
+
role: "status",
|
|
1240
|
+
"aria-label": a,
|
|
1241
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1242
|
+
children: s.frames.map((e, t) => e ? /* @__PURE__ */ o("path", {
|
|
1243
|
+
className: Q.frame,
|
|
1244
|
+
d: e,
|
|
1245
|
+
fill: n,
|
|
1246
|
+
style: {
|
|
1247
|
+
animation: `indx-spinner-${p} ${m}ms step-end infinite`,
|
|
1248
|
+
animationDelay: `${t * f - m}ms`
|
|
1249
|
+
}
|
|
1250
|
+
}, t) : null)
|
|
1251
|
+
});
|
|
1252
|
+
}
|
|
1184
1253
|
//#endregion
|
|
1185
|
-
export { E as Base, S as Button,
|
|
1254
|
+
export { E as Base, S as Button, ye as Chart, w as Checkbox, pe as Chip, Ee as DatePicker, O as FilterPanelBase, N as InputField, xe as Modal, ie as Popover, fe as ProgressBar, F as RadioButton, j as SearchField, ne as Select, te as Slider, Oe as Spinner, ae as Table, ce as TableCell, oe as TableHeader, ue as TableIcon, se as TableRow, le as TableValue, de as Tabs, be as Textarea, ee as ToggleSwitch, me as Tooltip, De as spinnerNames };
|
package/dist/systm.css
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_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)}
|
|
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)}._spinner_wspyi_1{flex-shrink:0;display:inline-block}._frame_wspyi_8{opacity:0}@media (prefers-reduced-motion:reduce){._frame_wspyi_8{animation:none!important}._frame_wspyi_8:first-of-type{opacity:1}}@keyframes indx-spinner-3{0%{opacity:1}33.3333%{opacity:0}to{opacity:0}}@keyframes indx-spinner-4{0%{opacity:1}25%{opacity:0}to{opacity:0}}@keyframes indx-spinner-6{0%{opacity:1}16.6667%{opacity:0}to{opacity:0}}
|
|
2
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@indxsearch/systm",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.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",
|
|
@@ -36,6 +36,8 @@
|
|
|
36
36
|
],
|
|
37
37
|
"sideEffects": true,
|
|
38
38
|
"scripts": {
|
|
39
|
+
"generate:spinners": "node scripts/generate-spinners.mjs",
|
|
40
|
+
"prebuild": "npm run generate:spinners",
|
|
39
41
|
"build": "vite build",
|
|
40
42
|
"dev": "vite build --watch",
|
|
41
43
|
"prepublishOnly": "npm run build"
|
|
@@ -71,7 +73,7 @@
|
|
|
71
73
|
"./patterns.css": "./dist/patterns.css"
|
|
72
74
|
},
|
|
73
75
|
"dependencies": {
|
|
74
|
-
"@indxsearch/pixl": "^1.
|
|
76
|
+
"@indxsearch/pixl": "^1.5.0",
|
|
75
77
|
"@radix-ui/react-dialog": "^1.1.16",
|
|
76
78
|
"@radix-ui/react-popover": "^1.1.15",
|
|
77
79
|
"@radix-ui/react-select": "^2.2.6",
|