@max-ts/kit 0.0.3 → 0.0.5
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { TypographyVariant } from './types';
|
|
2
2
|
export declare const variants: Record<TypographyVariant, string>;
|
|
3
|
-
export declare const colors: Record<"
|
|
3
|
+
export declare const colors: Record<"primary" | "secondary" | "warning" | "error" | "success" | "info" | "disabled", string>;
|
|
4
4
|
export declare const alignments: Record<"left" | "right" | "center" | "justify", string>;
|
|
5
5
|
export declare const displays: Record<"block" | "inline", string>;
|
|
6
6
|
export declare const weights: Record<"bold" | "normal" | "medium" | "semibold", string>;
|
package/lib/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as s from"@radix-ui/react-slot";import*as l from"clsx";import*as r from"@radix-ui/react-label";import*as t from"@radix-ui/react-checkbox";import*as a from"lucide-react";import*as o from"@radix-ui/react-popover";import*as n from"react";import*as i from"@radix-ui/react-tooltip";import*as c from"@radix-ui/react-dropdown-menu";import*as d from"react-virtuoso";import*as _ from"@radix-ui/react-dialog";import*as m from"@radix-ui/react-slider";import*as x from"@radix-ui/react-select";import*as h from"@radix-ui/react-tabs";import*as u from"@vanilla-extract/css";var y,p={default:"default__1ersxw14 style__1ersxw10",destructive:"destructive__1ersxw15 style__1ersxw10",outline:"outline__1ersxw16 style__1ersxw10",ghost:"ghost__1ersxw17 style__1ersxw10",link:"link__1ersxw18 style__1ersxw10"},g={sm:"sm__1ersxw19",md:"md__1ersxw1a",lg:"lg__1ersxw1b",icon:"icon__1ersxw1c",iconSm:"iconSm__1ersxw1d"};let j=({className:r,variant:t="default",size:a="md",asChild:o=!1,isLoading:n=!1,fullWidth:i,...c})=>{let d=o?s.Slot:"button";return(0,e.jsx)(d,{className:(0,l.clsx)(p[t],g[a],{style__1ersxw13:i,style__1ersxw12:n},r),...c})},b=({className:s,disabled:t,...a})=>(0,e.jsx)(r.Root,{className:(0,l.clsx)("style__c31e140",{style__c31e141:t},s),...a}),v=({value:s,onChange:r,options:t,size:a,className:o,label:n,multiple:i})=>{let c=!0===i,d=e=>c?s.includes(e):s===e,_=e=>{c?s.includes(e)?r(s.filter(s=>s!==e)):r([...s,e]):r(e)};return(0,e.jsxs)("div",{className:(0,l.clsx)("style__1iqvz720",o),children:[n&&(0,e.jsx)(b,{className:"style__1iqvz722",children:n}),t.map(s=>(0,e.jsx)(j,{size:a,className:"style__1iqvz721",disabled:s.disabled,onClick:()=>_(s.value),variant:d(s.value)?"default":"outline",children:s.label},s.value))]})},f=({className:s,...r})=>(0,e.jsx)("div",{className:(0,l.clsx)("style__oyalw00",s),...r}),w=({className:s,...r})=>(0,e.jsx)("div",{className:(0,l.clsx)("style__oyalw01",s),...r}),k=({className:s,...r})=>(0,e.jsx)("h3",{className:(0,l.clsx)("style__oyalw02",s),...r}),N=({className:s,...r})=>(0,e.jsx)("p",{className:(0,l.clsx)("style__oyalw03",s),...r}),C=({className:s,...r})=>(0,e.jsx)("div",{className:(0,l.clsx)("style__oyalw04",s),...r}),z=({className:s,...r})=>(0,e.jsx)("div",{className:(0,l.clsx)("style__oyalw05",s),...r}),S=({className:s,...r})=>(0,e.jsx)(t.Root,{className:(0,l.clsx)("style__b7yo4k0",s),...r,children:(0,e.jsx)(t.Indicator,{className:"style__b7yo4k1",children:(0,e.jsx)(a.Check,{className:"style__b7yo4k2"})})});var T={determinate:"determinate__m6b9n25",indeterminate:"indeterminate__m6b9n26"},D={primary:"primary__m6b9n27",secondary:"secondary__m6b9n28",inherit:"inherit__m6b9n29"};let P=({size:s=30,thickness:r=2.6,color:t="primary",value:a=0,variant:o="indeterminate",className:n})=>{let i=(s-r)/2,c=2*Math.PI*i;return(0,e.jsx)("div",{className:(0,l.default)("style__m6b9n22",T[o],D[t],n),style:{width:s,height:s},children:(0,e.jsxs)("svg",{className:"style__m6b9n23",viewBox:`0 0 ${s} ${s}`,children:[(0,e.jsx)("title",{children:"Progress bar"}),(0,e.jsx)("circle",{className:(0,l.default)("style__m6b9n24","determinate"===o&&T.determinate),cx:s/2,cy:s/2,r:i,fill:"none",strokeWidth:r,strokeDasharray:c,strokeDashoffset:"determinate"===o?c*(1-a/100):.25*c})]})})},I=({className:s,align:r="center",sideOffset:t=4,...a})=>(0,e.jsx)(o.Portal,{children:(0,e.jsx)(o.Content,{align:r,sideOffset:t,className:(0,l.clsx)("style__1xy4jvu2",s),...a})});var R={primary:"primary__1sba6zoc",secondary:"secondary__1sba6zod",disabled:"disabled__1sba6zoe",success:"success__1sba6zof",error:"error__1sba6zog",warning:"warning__1sba6zoh",info:"info__1sba6zoi"},A={lowercase:"lowercase__1sba6zot",uppercase:"uppercase__1sba6zou",capitalize:"capitalize__1sba6zov"},L={left:"left__1sba6zoj",center:"center__1sba6zok",right:"right__1sba6zol",justify:"justify__1sba6zom"},M={normal:"normal__1sba6zop",medium:"medium__1sba6zoq",semibold:"semibold__1sba6zor",bold:"bold__1sba6zos"},E={h1:"h1__1sba6zo0",h2:"h2__1sba6zo1",h3:"h3__1sba6zo2",h4:"h4__1sba6zo3",h5:"h5__1sba6zo4",h6:"h6__1sba6zo5",subtitle1:"subtitle1__1sba6zo6",subtitle2:"subtitle2__1sba6zo7",body1:"body1__1sba6zo8",body2:"body2__1sba6zo9",caption:"caption__1sba6zoa",overline:"overline__1sba6zob"},q={none:"none__1sba6zow",underline:"underline__1sba6zox",lineThrough:"lineThrough__1sba6zoy"},O={block:"block__1sba6zon",inline:"inline__1sba6zoo"};let B={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",caption:"span",overline:"span"},H=({className:s,variant:r="body1",component:t,color:a="primary",align:o="left",display:n="inline",weight:i="normal",transform:c,decoration:d="none",gutterBottom:_,children:m,...x})=>{let h=t||B[r||"body1"];return(0,e.jsx)(h,{className:(0,l.clsx)(q[d],E[r],R[a],M[i],c&&A[c],O[n],L[o],{style__1sba6zoz:_},s),...x,children:m})},V=({skipConfirm:e,onConfirm:s,confirmButtonProps:l})=>{let[r,t]=(0,n.useState)(!1);return{open:r,onActionComponentClick:()=>{e?s():t(!0)},confirmButtonProps:{variant:l?.isAccented?"destructive":"default",onClick:()=>{t(!1),s()},size:"sm"},onCancel:()=>{t(!1)},onOpenChange:e=>{t(e)}}},W=s=>{let{open:r,onActionComponentClick:t,onCancel:a,confirmButtonProps:n,onOpenChange:i}=V(s),{text:c,confirmButtonProps:d,popoverProps:_,actionComponent:m}=s,{text:x="Подтвердить"}=d||{},{side:h="bottom",align:u="center"}=_||{};return(0,e.jsxs)(o.Popover,{open:r,onOpenChange:i,children:[(0,e.jsx)(o.PopoverTrigger,{asChild:!0,children:m({onClick:t})}),(0,e.jsx)(I,{side:h,align:u,className:(0,l.clsx)("style__1q1uhgp2",{style__1q1uhgp3:!!c}),children:(0,e.jsxs)("div",{className:"style__1q1uhgp1",children:[c&&(0,e.jsx)(H,{children:c}),(0,e.jsxs)("div",{className:"style__1q1uhgp0",children:[(0,e.jsx)(j,{variant:"ghost",size:"sm",onClick:a,children:"Отмена"}),(0,e.jsx)(j,{...n,children:x})]})]})})]})};var $={sm:"sm__1o97kvm1",md:"md__1o97kvm2",lg:"lg__1o97kvm3"};let F=s=>(0,e.jsx)("img",{alt:s.alt,src:s.src,className:(0,l.default)("style__1o97kvm0",$[s.size||"md"],s.className),width:s.width,height:s.height}),G={sm:"239px",md:"323px",lg:"458px"},U={sm:"119px",md:"161px",lg:"229px"},K={sm:"384px",md:"400px",lg:"460px"},X={sm:"subtitle1",md:"h6",lg:"h5"};var Y={sm:"sm__1nenzg01",md:"md__1nenzg02",lg:"lg__1nenzg03"};let J=({className:s,title:r,imgSrc:t,imgAlt:a,description:o,actions:i,size:c="sm",renderImage:d})=>{let _=(0,n.useMemo)(()=>d||F,[d]);return(0,e.jsxs)("div",{className:(0,l.default)("style__1nenzg00",Y[c],s),children:[(0,e.jsxs)("div",{className:"style__1nenzg04",style:{maxWidth:K[c]},children:[t&&(0,e.jsx)(_,{src:t,alt:a,width:G[c],height:U[c],size:c}),(0,e.jsx)(H,{align:"center",color:"secondary",variant:X[c],children:r}),o&&(0,e.jsx)(H,{className:"style__1nenzg05",component:"div",variant:"body1",children:o})]}),i&&(0,e.jsx)("footer",{className:"style__1nenzg06",children:i})]})},Q=({isLoading:s,isError:l,isCustom:r,errorState:t,customState:a,children:o,loadingContent:n=(0,e.jsx)(P,{color:"primary"})})=>{if(s)return(0,e.jsx)("div",{className:"style__nan0ao0",children:n});if(r&&a)return(0,e.jsx)(J,{...a});if(l&&t){let{title:s="Произошла ошибка",imgAlt:l,imgSrc:r,errorList:a,onRetry:o,actions:n=(0,e.jsx)(j,{onClick:o,children:"Попробовать снова"})}=t,i=a.map(s=>(0,e.jsx)(H,{component:"p",children:s},s));return(0,e.jsx)(J,{title:s,description:i,imgAlt:l,imgSrc:r,actions:n})}return o},Z=i.Provider,ee=i.Root,es=i.Trigger,el=({sideOffset:s=4,alignOffset:l,ref:r,...t})=>(0,e.jsx)(i.Content,{ref:r,sideOffset:s,...t}),er=({text:s,content:r,children:t,side:a="top",sideOffset:o,alignOffset:n,delayDuration:c=0,className:d,ref:_,...m})=>(0,e.jsx)(Z,{delayDuration:c,children:(0,e.jsxs)(ee,{...m,children:[(0,e.jsx)(es,{ref:_,asChild:!0,children:t}),r||s?(0,e.jsx)(i.Portal,{children:(0,e.jsxs)(el,{className:(0,l.default)("style__izacrl2",d),alignOffset:n,sideOffset:o,hideWhenDetached:!0,side:a,children:[r??(0,e.jsx)("p",{className:"style__izacrl3",children:s}),m.arrow&&(0,e.jsx)(i.Arrow,{className:"style__izacrl4"})]})}):null]})});var et=((y={}).Copied="Скопировано",y.Error="Ошибка копирования",y.CanCopy="Скопировать",y);let ea=({children:e,copyText:s,isShowCopyText:l,copyPosition:r})=>{let[t,a]=(0,n.useState)(et.CanCopy),[o,i]=(0,n.useState)(!1);return{handleMouseLeave:()=>{t!==et.CanCopy&&setTimeout(()=>{a(et.CanCopy)},100),i(!1)},handleClick:l=>{l.stopPropagation(),navigator.clipboard.writeText(s||("string"==typeof e?e:"")).then(()=>a(et.Copied)).catch(()=>a(et.Error))},tooltipTitle:l?`${t}: ${s}`:t,isIconOnLeft:"left"===r,tooltipOpen:o,handleMouseEnter:()=>{i(!0)}}},eo=s=>{let{children:r,copyPosition:t="right",copyText:o,isShowCopyText:n,color:i,className:c,...d}=s,_=()=>(0,e.jsx)(a.Copy,{className:"style__1wpx85c1"}),{tooltipOpen:m,handleMouseEnter:x,handleMouseLeave:h,handleClick:u,tooltipTitle:y,isIconOnLeft:p}=ea(s);return(0,e.jsx)(er,{open:m,arrow:!0,text:y,side:"bottom",children:(0,e.jsxs)(H,{onMouseLeave:h,onMouseEnter:x,onClick:u,component:"div",color:i,className:(0,l.clsx)("style__1wpx85c0",c),...d,children:[p&&_(),r,!p&&_()]})})};function en({row:s,column:r,rowIndex:t,height:a}){let{align:o,cellColor:n,isDisabled:i}=r;return(0,e.jsx)("td",{align:o??"left",style:{backgroundColor:n?.(s),height:a,width:r.width},className:(0,l.clsx)("style__1047swj0",{style__1047swj1:i},r.cellClassName?.(s)),children:(0,e.jsx)(()=>r.renderCell?r.renderCell(s,t):r.format?r.format(s)||"—":r.field?`${s[r.field]||"—"}`:"—",{})})}function ei({row:s,rowHeight:r,onRowClick:t,columns:a,rowIndex:o,rowId:i}){let c=(0,n.useCallback)(()=>{t?.(s)},[t,s]);return(0,e.jsx)("tr",{onClick:c,onKeyDown:c,className:(0,l.clsx)("style__gsm9mv0",{style__gsm9mv1:!!t}),children:a.map((l,t)=>{let a=`${i}-${t}`;return(0,e.jsx)(en,{row:s,rowIndex:o,column:l,height:r},a)})})}function ec({isLoading:s,isEmpty:l,columnsLength:r,emptyState:t={text:"Нет данных"},errorState:a={text:"Произошла ошибка"},isError:o,onRetry:n}){let i=({children:s})=>(0,e.jsx)("tr",{className:"style__15m2ib80",children:(0,e.jsx)("td",{colSpan:r,align:"center",children:s})});if(s)return(0,e.jsx)(i,{children:(0,e.jsx)("span",{className:"style__15m2ib81",children:(0,e.jsx)(P,{})})});if(l){let{imgSrc:s,imgAlt:l,text:r}=t;return(0,e.jsx)(i,{children:(0,e.jsx)(J,{title:r,imgSrc:s,imgAlt:l})})}if(o){let{imgSrc:s,imgAlt:l,text:r}=a;return(0,e.jsx)(i,{children:(0,e.jsx)(J,{title:r,imgSrc:s,imgAlt:l,actions:n?(0,e.jsx)(j,{variant:"outline",onClick:n,children:"Попробовать снова"}):void 0})})}return null}var ed="style__82af400";function e_({isError:s,isLoading:l,emptyState:r,errorState:t,columns:a,rows:o,rowHeight:n,keyId:i,onRowClick:c}){let d=0===o.length;return s||l||d?(0,e.jsx)("tbody",{className:ed,children:(0,e.jsx)(ec,{emptyState:r,errorState:t,isEmpty:d,isError:s,isLoading:l,columnsLength:a.length})}):(0,e.jsx)("tbody",{className:ed,children:o.map((s,l)=>{let r=String(s[i]);return(0,e.jsx)(ei,{row:s,rowId:r,rowHeight:n,columns:a,onRowClick:c,rowIndex:l},s[i])})})}function em({children:s,columnsLength:r,className:t}){return(0,e.jsx)("tfoot",{className:(0,l.clsx)("style__2s55b60",t),children:(0,e.jsx)("tr",{children:(0,e.jsx)("td",{colSpan:r,align:"center",children:s})})})}function ex({column:s,height:l,width:r}){return(0,e.jsx)("th",{style:{color:s.color,height:l,width:r},align:s.align??"left",title:s.title,className:"style__uma6hu0",children:s.renderHeaderCell?.(s)||s.title})}function eh({columns:s,height:r,sticky:t}){return(0,e.jsx)("thead",{children:(0,e.jsx)("tr",{className:(0,l.clsx)({style__fkgoub0:t}),children:s.map(s=>(0,e.jsx)(ex,{column:s,height:r,width:s.width},s.title))})})}function eu({rows:s,columns:r,height:t="100%",className:a,rowHeight:o=40,headerHeight:n=40,keyId:i,onRowClick:c,isLoading:d,isDisabled:_,isError:m,emptyState:x,errorState:h,footer:u,title:y,stickyHeader:p,onRetry:g}){return(0,e.jsxs)("div",{style:{height:t},className:(0,l.clsx)("style__1gqvluf0",a),children:[(0,e.jsxs)("table",{className:(0,l.clsx)("style__1gqvluf1",{style__1gqvluf2:_,style__1gqvluf3:d},a),children:[y&&(0,e.jsx)("caption",{className:"style__1gqvluf4",children:y}),(0,e.jsx)(eh,{columns:r,height:n,sticky:p}),(0,e.jsx)(e_,{rows:s,columns:r,rowHeight:o,keyId:i,onRowClick:c,isLoading:d,emptyState:x,errorState:h,isError:m,onRetry:g})]}),u&&(0,e.jsx)(em,{columnsLength:r.length,children:u})]})}var ey="style__1ib8wkt3";let ep=c.Root,eg=c.Trigger,ej=c.Group,eb=c.Portal,ev=c.Sub,ef=c.RadioGroup,ew=({className:s,inset:r,children:t,...o})=>(0,e.jsxs)(c.SubTrigger,{className:(0,l.default)("style__1ib8wkt2",{inset:r},s),...o,children:[t,(0,e.jsx)(a.ChevronRight,{className:ey})]}),ek=({className:s,...r})=>(0,e.jsx)(c.SubContent,{className:(0,l.default)("style__1ib8wkt4",s),...r}),eN=({className:s,sideOffset:r=4,...t})=>(0,e.jsx)(c.Portal,{children:(0,e.jsx)(c.Content,{sideOffset:r,className:(0,l.default)("style__1ib8wkt5",s),...t})}),eC=({className:s,inset:r,...t})=>(0,e.jsx)(c.Item,{className:(0,l.default)("style__1ib8wkt6",{inset:r},s),...t}),ez=({className:s,children:r,checked:t,...o})=>(0,e.jsxs)(c.CheckboxItem,{className:(0,l.default)("style__1ib8wkt7",s),checked:t,...o,children:[(0,e.jsx)("span",{className:"style__1ib8wkt9",children:(0,e.jsx)(c.ItemIndicator,{children:(0,e.jsx)(a.Check,{className:ey})})}),r]}),eS=({className:s,children:r,...t})=>(0,e.jsxs)(c.RadioItem,{className:(0,l.default)("style__1ib8wkt8",s),...t,children:[(0,e.jsx)("span",{className:"style__1ib8wkta",children:(0,e.jsx)(c.ItemIndicator,{children:(0,e.jsx)(a.Circle,{className:ey})})}),r]}),eT=({className:s,inset:r,...t})=>(0,e.jsx)(c.Label,{className:(0,l.default)("style__1ib8wktb",{inset:r},s),...t}),eD=({className:s,...r})=>(0,e.jsx)(c.Separator,{className:(0,l.default)("style__1ib8wktc",s),...r}),eP=({className:s,...r})=>(0,e.jsx)("span",{className:(0,l.default)("style__1ib8wktd",s),...r}),eI=({action:e})=>{let{isLoading:s,disabledReason:l,name:r}=e,[t,a]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{s&&a(!1)},[s]),{tooltipProps:{text:l||r,open:t,onOpenChange:e=>a(e)}}},eR=s=>{let{tooltipProps:l}=eI(s),{action:r,onActionClick:t,isDisabled:a,tooltipPlacement:o}=s,{name:n,icon:i,needConfirm:c,confirmText:d,confirmButtonProps:_,disabled:m,isLoading:x,onClick:h}=r,u=s=>(0,e.jsx)(er,{arrow:!0,side:o,...l,children:(0,e.jsx)(j,{disabled:a||m,isLoading:x,variant:"ghost",size:"icon",...s,children:i})},n);return(0,e.jsx)(e.Fragment,{children:c?(0,e.jsx)(W,{text:d,confirmButtonProps:_,actionComponent:e=>u(e),onConfirm:t(h)}):u({onClick:t(h)})})},eA=({action:s,onActionClick:l,isDisabled:r,tooltipPlacement:t})=>{if("actions"in s){let{disabled:a,icon:o,name:i,disabledReason:c,actions:d,isLoading:_}=s;return(0,e.jsxs)(ep,{children:[(0,e.jsx)(eg,{asChild:!0,children:(0,e.jsx)(er,{text:c||i,side:t,arrow:!0,children:(0,e.jsx)(j,{variant:"ghost",size:"icon",isLoading:_,disabled:r||a,children:o})},i)}),(0,e.jsx)(eN,{children:d.map(({name:s,onClick:r,...t})=>(0,n.createElement)(eC,{...t,key:s,asChild:!0},(0,e.jsx)(j,{size:"sm",onClick:l(r),children:s})))})]})}return(0,e.jsx)(eR,{action:s,onActionClick:l,isDisabled:r,tooltipPlacement:t})},eL=({actions:s,onActionClick:l,tooltipPlacement:r,isDisabled:t})=>(0,e.jsxs)(ep,{children:[(0,e.jsx)(eg,{asChild:!0,children:(0,e.jsx)(j,{disabled:t,variant:"ghost",size:"icon",children:(0,e.jsx)(a.EllipsisVertical,{})})}),(0,e.jsx)(eN,{children:s.map(s=>{let{onClick:t,name:a,disabledReason:o,isLoading:n}=s;return(0,e.jsx)(eC,{asChild:!0,children:(0,e.jsx)(er,{arrow:!0,side:r,text:o,children:(0,e.jsx)(j,{onClick:l(t),isLoading:n,variant:"ghost",size:"sm",fullWidth:!0,children:a})})},a)})})]}),eM=({row:e,actions:s})=>{let{main:l,secondary:r}=s,t=[...l,...r||[]].find(e=>e.isBlockingOperation&&e.isLoading);return{isDisabledAction:!!t,handleActionClick:(0,n.useCallback)(s=>()=>{s?.(e)},[e]),handleWrapperClick:e=>{e.stopPropagation()}}},eE={mainAction:"top",secondaryAction:"left"},eq=s=>{let{isDisabledAction:l,handleWrapperClick:r,handleActionClick:t}=eM(s),{actions:a}=s,{main:o,secondary:n}=a;return(0,e.jsxs)("div",{onClick:r,onKeyDown:r,className:"style__y44ln70",children:[o.map(s=>(0,e.jsx)(eA,{action:s,onActionClick:t,isDisabled:l,tooltipPlacement:eE.mainAction},s.name)),n&&(0,e.jsx)(eL,{actions:n,onActionClick:t,tooltipPlacement:eE.secondaryAction,isDisabled:l})]})};var eO={left:"left__o752f01",center:"center__o752f02",right:"right__o752f03",justify:"justify__o752f04"};function eB({sorting:s,setSorting:r,column:{title:t,field:o,align:n="left"},className:i}){return o?(0,e.jsxs)("button",{type:"button",className:(0,l.clsx)("style__o752f00",eO[n],i),onClick:()=>{s.key===o?r({key:o,order:"asc"===s.order?"desc":"asc"}):r({key:o,order:"asc"})},children:[t,s.key===o?"asc"===s.order?(0,e.jsx)(a.ArrowDownNarrowWide,{size:16}):(0,e.jsx)(a.ArrowDownWideNarrow,{size:16}):(0,e.jsx)(a.ArrowDownUp,{size:16})]}):null}let eH=e=>{let{initialState:s=!1,onInactive:l,onActive:r}=e||{},[t,a]=(0,n.useState)(s);return[t,(...e)=>{a(!0),r?.(...e)},(...e)=>{a(!1),l?.(...e)}]},eV="Вы достигли конца списка",eW=({endOfScrollMsg:s=eV})=>(0,e.jsx)("li",{className:"style__1syvw5e0",children:(0,e.jsx)(H,{children:s})}),e$=({onRetry:s})=>(0,e.jsxs)("li",{className:"style__qlujai0",children:[(0,e.jsx)(H,{align:"center",children:"Ошибка загрузки"}),(0,e.jsx)(j,{size:"sm",onClick:s,children:"Попробовать снова"})]}),eF=()=>(0,e.jsx)("li",{className:"style__111czea0",children:(0,e.jsx)(P,{color:"primary"})}),eG=({noDataImgSrc:s})=>(0,e.jsx)(J,{title:"Нет данных",imgSrc:s}),eU=({onClick:s,isVisible:r})=>(0,e.jsx)(j,{onClick:s,size:"icon",variant:"outline",className:(0,l.clsx)("style__1jg5nd90",{style__1jg5nd91:r}),children:(0,e.jsx)(a.ChevronUp,{})}),eK=({data:s,keyId:r,className:t,itemContent:a,noDataPlaceholder:o,endOfScrollMsg:i,errorState:c,isLoading:_,isError:m,isEndReached:x,onRetry:h,onEndReached:u,scrollTopIsDataChanged:y})=>{let p=(0,n.useRef)(null),[g,j,b]=eH(),v=(0,n.useCallback)(e=>{e.startIndex>2?j():b()},[b,j]),f=(0,n.useCallback)(()=>p.current?.scrollToIndex({index:0,align:"start",behavior:"smooth"}),[p]),w=(0,n.useCallback)(()=>{!x&&u&&u()},[x,u]),k=!!s?.length;return k||_||m?((0,n.useEffect)(()=>{y&&p.current?.scrollToIndex({index:0,align:"start"})},[y,s]),(0,e.jsxs)(Q,{isLoading:_&&!k,isError:m&&!k,errorState:c,children:[(0,e.jsx)(d.Virtuoso,{className:(0,l.clsx)("style__1ezen7g0",t),style:{height:"100%"},data:s,ref:p,overscan:30,endReached:w,rangeChanged:v,itemContent:(s,t)=>(0,e.jsx)("li",{children:a?.(t,{index:s,className:(0,l.clsx)("style__1ezen7g1","datalist_item")})},t[r]),components:{Footer:()=>(0,e.jsxs)(e.Fragment,{children:[_&&(0,e.jsx)(eF,{}),m&&(0,e.jsx)(e$,{onRetry:h}),x&&(0,e.jsx)(eW,{endOfScrollMsg:i})]})}}),(0,e.jsx)(eU,{isVisible:g,onClick:f})]})):o?(0,e.jsx)(e.Fragment,{children:o}):(0,e.jsx)(eG,{})},eX=":",eY="—",eJ="descriptionRoot",eQ=(0,n.createContext)({leader:!1,separator:eX,direction:"default"}),eZ=({children:s,leader:l,separator:r,direction:t})=>(0,e.jsx)(eQ.Provider,{value:{leader:l,separator:r,direction:t},children:s}),e0=({canCopy:e,children:s,stub:l="—"})=>{let{leader:r,direction:t}=(0,n.useContext)(eQ);return{valueToRender:s||l,isDefaultValueRender:!e||!s,leader:r,direction:t}};var e1="style__sdcsnp2";let e2=({direction:e="row",separator:s=eX})=>({descriptionContextProviderProps:{separator:"column"===e?"":s},direction:e});var e6={row:"row__1lociyw1",column:"column__1lociyw2"},e8={spaceBetween:"spaceBetween__1lociyw3",start:"start__1lociyw4"};let e5=s=>{let{descriptionContextProviderProps:r,direction:t}=e2(s),{justifyContent:a="start",component:o="dl",children:n,leader:i=!1}=s;return(0,e.jsx)(eZ,{leader:i,direction:t,...r,children:(0,e.jsx)(o,{className:(0,l.clsx)("style__1lociyw0",e6[t],e8[a],eJ),children:n})})};e5.Name=({children:s,color:r="secondary",...t})=>{let{leader:a,separator:o}=(0,n.useContext)(eQ);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("dt",{className:(0,l.clsx)("style__1tsgk1i0",{style__1tsgk1i1:a}),children:(0,e.jsxs)(H,{...t,color:r,children:[s,!a&&o]})}),a&&(0,e.jsx)("div",{className:"style__1tsgk1i2"})]})},e5.Value=s=>{let{valueToRender:r,isDefaultValueRender:t,leader:a}=e0(s),{copyPosition:o="right",copyText:n,canCopy:i,children:c,stub:d,..._}=s;return t?(0,e.jsx)(H,{className:(0,l.default)("style__sdcsnp1",{[e1]:a}),component:"dd",..._,children:r}):(0,e.jsx)("dd",{className:"style__sdcsnp0",children:(0,e.jsx)(eo,{className:(0,l.default)({[e1]:a}),copyPosition:o,copyText:n,..._,children:r})})};let e4=({title:s,description:r="",trigger:t,className:o,footer:n,children:i,...c})=>(0,e.jsxs)(_.Root,{...c,children:[t&&(0,e.jsx)(_.Trigger,{asChild:!0,children:t}),(0,e.jsxs)(_.Portal,{children:[(0,e.jsx)(_.Overlay,{className:(0,l.default)("style__8bkmbe2")}),(0,e.jsxs)(_.Content,{className:(0,l.default)("style__8bkmbe5",o),children:[(0,e.jsxs)("div",{className:(0,l.default)("style__8bkmbe8",{style__8bkmbe9:!!r}),children:[(0,e.jsx)(_.Title,{className:"style__8bkmbeb",children:s}),(0,e.jsx)(_.Description,{className:"style__8bkmbec",children:r}),(0,e.jsxs)(_.Close,{className:"style__8bkmbe6",children:[(0,e.jsx)(a.X,{size:24}),(0,e.jsx)("span",{className:"style__8bkmbe7",children:"Close"})]})]}),i,n&&(0,e.jsx)("div",{className:"style__8bkmbea",children:n})]})]})]});var e3="style__a5l83v4",e9="style__a5l83v0";let e7=({images:s=[],autoPlay:r=!1,interval:t=5e3})=>{let[o,i]=(0,n.useState)(0),c=e=>{i(e)};return((0,n.useEffect)(()=>{if(!r)return;let e=setInterval(()=>{i(e=>e===s.length-1?0:e+1)},t);return()=>clearInterval(e)},[r,s.length,t]),0===s.length)?(0,e.jsx)("div",{className:e9,children:"Нет изображений для отображения"}):(0,e.jsxs)("div",{className:e9,children:[(0,e.jsx)("div",{className:"style__a5l83v1",style:{transform:`translateX(-${100*o}%)`},children:s.map((s,l)=>(0,e.jsx)("div",{className:"style__a5l83v2",children:(0,e.jsx)("img",{src:s.src,alt:s.alt||`Slide ${l+1}`,className:"style__a5l83v3"})},s.src))}),s.length>1&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("button",{type:"button",className:(0,l.clsx)(e3,"style__a5l83v5"),onClick:()=>{i(e=>0===e?s.length-1:e-1)},children:(0,e.jsx)(a.ChevronLeft,{size:24})}),(0,e.jsx)("button",{type:"button",className:(0,l.clsx)(e3,"style__a5l83v6"),onClick:()=>{i(e=>e===s.length-1?0:e+1)},children:(0,e.jsx)(a.ChevronRight,{size:24})}),(0,e.jsx)("div",{className:"style__a5l83v7",children:s.map(({src:s},l)=>(0,e.jsx)("button",{type:"button",className:`style__a5l83v8 ${o===l?"active":""}`,onClick:()=>c(l)},s))})]})]})};var se="style__1blk89uc",ss="style__1blk89u6",sl={small:"small__1blk89u9",medium:"medium__1blk89ua",large:"large__1blk89ub"},sr={outlined:"outlined__1blk89u1",standard:"standard__1blk89u2"};let st=n.default.forwardRef(({error:s,variant:r="outlined",size:t="medium",startAdornment:a,endAdornment:o,className:n,disabled:i,fullWidth:c,value:d,..._},m)=>(0,e.jsxs)("div",{className:(0,l.clsx)("style__1blk89u0",sr[r],{style__1blk89u7:s},{[ss]:i},{style__1blk89u3:c},n),children:[a&&(0,e.jsx)("span",{className:se,children:a}),(0,e.jsx)("input",{className:(0,l.clsx)("style__1blk89u8",{[ss]:i},sl[t],a&&"style__1blk89ud",o&&"style__1blk89ue"),ref:m,disabled:i,value:d||"",..._}),o&&(0,e.jsx)("span",{className:se,children:o})]}));var sa="style__h9oy583";let so=({className:s,...r})=>(0,e.jsxs)(m.Root,{className:(0,l.clsx)("style__h9oy580",s),...r,children:[(0,e.jsx)(m.Track,{className:"style__h9oy581",children:(0,e.jsx)(m.Range,{className:"style__h9oy582"})}),(0,e.jsx)(m.Thumb,{className:sa}),r.value?.length===2&&(0,e.jsx)(m.Thumb,{className:sa})]});var sn={sm:"sm__1pnwkko2",md:"md__1pnwkko3",lg:"lg__1pnwkko4"},si="style__1pnwkko7",sc="style__1pnwkko6";function sd({min:s,max:r,onChange:t,minValue:a,maxValue:o,width:i=150,title:c,size:d="md",className:_,isActive:m,minInputRef:x,maxInputRef:h}){let[u,y]=(0,n.useState)(s),[p,g]=(0,n.useState)(r),j=e=>{"Enter"===e.key&&t(u>=s&&u<=r?u:s,p>=s&&p<=r?p:r)};return(0,n.useEffect)(()=>{y(a||s),g(o||r)},[a,o,s,r]),(0,e.jsxs)("div",{className:(0,l.clsx)("style__1pnwkko0",sn[d],{style__1pnwkko1:m},_),style:{width:i},children:[(0,e.jsx)(b,{className:"style__1pnwkko5",children:c}),(0,e.jsx)("span",{className:sc,children:"от"}),(0,e.jsx)("input",{className:si,type:"text",value:u,onChange:e=>{let{value:s}=e.target;Number.isNaN(+s)||y(+s)},onKeyDown:j,ref:x}),(0,e.jsx)("span",{className:sc,children:"до"}),(0,e.jsx)("input",{className:si,type:"text",value:p,onChange:e=>{let{value:s}=e.target;Number.isNaN(s)||g(+s)},onKeyDown:j,ref:h}),(0,e.jsx)("div",{className:"style__1pnwkko8",children:(0,e.jsx)(so,{min:s,max:r,value:[u,p],onValueChange:e=>{Array.isArray(e)&&(y(e[0]),g(e[1]))},onValueCommit:e=>{Array.isArray(e)&&t(e[0],e[1])}})})]})}function s_({onClick:s,variant:r="outline",...t}){let[o,i]=(0,n.useState)(!1),c=()=>{window.scrollY>400?i(!0):i(!1)};return(0,n.useEffect)(()=>(window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}),[]),(0,e.jsx)(j,{type:"button",variant:r,className:(0,l.clsx)("style__1ou2vjc0",{style__1ou2vjc1:o}),onClick:s||(()=>{window.scrollTo({top:0,left:0,behavior:"auto"})}),...t,children:(0,e.jsx)(a.ChevronUp,{})})}var sm="style__5ilg7o3",sx="style__5ilg7oa";let sh=x.Root,su=x.Group,sy=x.Value,sp=({className:s,children:r,...t})=>(0,e.jsxs)(x.Trigger,{className:(0,l.clsx)("style__5ilg7o2",s),...t,children:[r,(0,e.jsx)(x.Icon,{asChild:!0,children:(0,e.jsx)(a.ChevronDown,{className:"style__5ilg7ob"})})]}),sg=({className:s,...r})=>(0,e.jsx)(x.ScrollUpButton,{className:(0,l.clsx)(sm,s),...r,children:(0,e.jsx)(a.ChevronUp,{className:sx})}),sj=({className:s,...r})=>(0,e.jsx)(x.ScrollDownButton,{className:(0,l.clsx)(sm,s),...r,children:(0,e.jsx)(a.ChevronDown,{className:sx})}),sb=({className:s,children:r,position:t="popper",...a})=>(0,e.jsx)(x.Portal,{children:(0,e.jsxs)(x.Content,{className:(0,l.clsx)("style__5ilg7o4",s),position:t,...a,children:[(0,e.jsx)(sg,{}),(0,e.jsx)(x.Viewport,{className:"style__5ilg7o5",children:r}),(0,e.jsx)(sj,{})]})}),sv=({className:s,...l})=>(0,e.jsx)(x.Label,{className:`style__5ilg7o6 ${s||""}`,...l}),sf=({className:s,children:l,...r})=>(0,e.jsxs)(x.Item,{className:`style__5ilg7o7 ${s||""}`,...r,children:[(0,e.jsx)("span",{className:"style__5ilg7o8",children:(0,e.jsx)(x.ItemIndicator,{children:(0,e.jsx)(a.Check,{className:sx})})}),(0,e.jsx)(x.ItemText,{children:l})]}),sw=({className:s,...l})=>(0,e.jsx)(x.Separator,{className:`style__5ilg7o9 ${s||""}`,...l}),sk=({className:s,...r})=>(0,e.jsx)(h.Content,{className:(0,l.clsx)("style__hworoa2",s),...r}),sN=({className:s,...r})=>(0,e.jsx)(h.List,{className:(0,l.clsx)("style__hworoa0",s),...r}),sC=({className:s,...r})=>(0,e.jsx)(h.Trigger,{className:(0,l.clsx)("style__hworoa1",s),...r});var sz="style__kqu4y22";let sS=({label:s,helperText:r,className:t,disabled:a,fullWidth:o,ref:n,labelClassName:i,...c})=>(0,e.jsxs)("div",{className:(0,l.clsx)("style__kqu4y20",{style__kqu4y24:o},t),children:[s&&(0,e.jsx)(b,{htmlFor:c.id||s,disabled:a,className:(0,l.clsx)(i,{[sz]:a}),children:s}),(0,e.jsx)(st,{ref:n,disabled:a,fullWidth:o,id:c.id||s,...c}),r&&(0,e.jsx)("p",{className:(0,l.clsx)("style__kqu4y21",{style__kqu4y23:c.error,[sz]:a}),children:r})]});var sT={colors:{primary:{100:"var(--colors-primary-100)",200:"var(--colors-primary-200)",300:"var(--colors-primary-300)",400:"var(--colors-primary-400)",500:"var(--colors-primary-500)",600:"var(--colors-primary-600)",700:"var(--colors-primary-700)",800:"var(--colors-primary-800)",900:"var(--colors-primary-900)"},red:{500:"var(--colors-red-500)",600:"var(--colors-red-600)",700:"var(--colors-red-700)"},green:{600:"var(--colors-green-600)"},yellow:{600:"var(--colors-yellow-600)"},grey:{100:"var(--colors-grey-100)",200:"var(--colors-grey-200)",300:"var(--colors-grey-300)",400:"var(--colors-grey-400)",500:"var(--colors-grey-500)",600:"var(--colors-grey-600)",700:"var(--colors-grey-700)",800:"var(--colors-grey-800)",900:"var(--colors-grey-900)"},info:"var(--colors-info)",background:{default:"var(--colors-background-default)",paper:"var(--colors-background-paper)",element:"var(--colors-background-element)",elementHover:"var(--colors-background-elementHover)"},foreground:{primary:"var(--colors-foreground-primary)",secondary:"var(--colors-foreground-secondary)"},text:{primary:"var(--colors-text-primary)",secondary:"var(--colors-text-secondary)",disabled:"var(--colors-text-disabled)",hint:"var(--colors-text-hint)"}},spacing:{1:"var(--spacing-1)",2:"var(--spacing-2)",3:"var(--spacing-3)",4:"var(--spacing-4)",5:"var(--spacing-5)",6:"var(--spacing-6)",8:"var(--spacing-8)",10:"var(--spacing-10)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)"},fontSize:{xs:"var(--fontSize-xs)",sm:"var(--fontSize-sm)",base:"var(--fontSize-base)",lg:"var(--fontSize-lg)",xl:"var(--fontSize-xl)","2xl":"var(--fontSize-2xl)","3xl":"var(--fontSize-3xl)","4xl":"var(--fontSize-4xl)"},fontWeight:{normal:"var(--fontWeight-normal)",medium:"var(--fontWeight-medium)",semibold:"var(--fontWeight-semibold)",bold:"var(--fontWeight-bold)"},lineHeight:{none:"var(--lineHeight-none)",tight:"var(--lineHeight-tight)",snug:"var(--lineHeight-snug)",normal:"var(--lineHeight-normal)",relaxed:"var(--lineHeight-relaxed)",loose:"var(--lineHeight-loose)"},borderRadius:{sm:"var(--borderRadius-sm)",md:"var(--borderRadius-md)",lg:"var(--borderRadius-lg)"},boxShadow:{sm:"var(--boxShadow-sm)",default:"var(--boxShadow-default)",md:"var(--boxShadow-md)",lg:"var(--boxShadow-lg)",xl:"var(--boxShadow-xl)"}},sD=o.Popover,sP=o.PopoverTrigger,sI=h.Tabs,sR=u.createTheme,sA=u.globalKeyframes,sL=u.globalStyle,sM=u.keyframes,sE=u.style,sq=u.styleVariants;export{j as Button,v as ButtonGroup,f as Card,C as CardContent,N as CardDescription,z as CardFooter,w as CardHeader,k as CardTitle,S as Checkbox,P as CircularProgress,W as ConfirmAction,Q as ContentState,eo as CopyTypography,eX as DEFAULT_SEPARATOR,eY as DEFAULT_SYMBOL,eJ as DESCRIPTION_ROOT_CLASSNAME,eu as DataGrid,eq as DataGridActionCell,eB as DataGridSortHeader,eK as DataList,e5 as Description,e4 as Dialog,ep as DropdownMenu,ez as DropdownMenuCheckboxItem,eN as DropdownMenuContent,ej as DropdownMenuGroup,eC as DropdownMenuItem,eT as DropdownMenuLabel,eb as DropdownMenuPortal,ef as DropdownMenuRadioGroup,eS as DropdownMenuRadioItem,eD as DropdownMenuSeparator,eP as DropdownMenuShortcut,ev as DropdownMenuSub,ek as DropdownMenuSubContent,ew as DropdownMenuSubTrigger,eg as DropdownMenuTrigger,F as Image,e7 as ImageCarousel,st as Input,b as Label,J as Placeholder,I as PopoverContent,sd as RangeInput,s_ as ScrollTopButton,sh as Select,sb as SelectContent,su as SelectGroup,sf as SelectItem,sv as SelectLabel,sj as SelectScrollDownButton,sg as SelectScrollUpButton,sw as SelectSeparator,sp as SelectTrigger,sy as SelectValue,so as Slider,sk as TabsContent,sN as TabsList,sC as TabsTrigger,sS as TextField,er as Tooltip,H as Typography,L as alignments,g as buttonSizes,p as buttonVariants,R as colors,O as displays,A as transforms,E as variants,sT as vars,M as weights,sD as Popover,sP as PopoverTrigger,sI as Tabs,sR as createTheme,sA as globalKeyframes,sL as globalStyle,sM as keyframes,sE as style,sq as styleVariants};
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as s from"@radix-ui/react-slot";import*as l from"clsx";import*as t from"@radix-ui/react-label";import*as a from"@radix-ui/react-checkbox";import*as r from"lucide-react";import*as o from"@radix-ui/react-popover";import*as n from"react";import*as i from"@radix-ui/react-tooltip";import*as c from"@radix-ui/react-dropdown-menu";import*as d from"react-virtuoso";import*as _ from"@radix-ui/react-dialog";import*as m from"@radix-ui/react-slider";import*as x from"@radix-ui/react-select";import*as h from"@radix-ui/react-tabs";import*as u from"@vanilla-extract/css";var y,p={default:"default__1ersxw14 style__1ersxw10",destructive:"destructive__1ersxw15 style__1ersxw10",outline:"outline__1ersxw16 style__1ersxw10",ghost:"ghost__1ersxw17 style__1ersxw10",link:"link__1ersxw18 style__1ersxw10"},j={sm:"sm__1ersxw19",md:"md__1ersxw1a",lg:"lg__1ersxw1b",icon:"icon__1ersxw1c",iconSm:"iconSm__1ersxw1d"};let g=({className:t,variant:a="default",size:r="md",asChild:o=!1,isLoading:n=!1,fullWidth:i,...c})=>{let d=o?s.Slot:"button";return(0,e.jsx)(d,{className:(0,l.clsx)(p[a],j[r],{style__1ersxw13:i,style__1ersxw12:n},t),...c})},b=({className:s,disabled:a,...r})=>(0,e.jsx)(t.Root,{className:(0,l.clsx)("style__c31e140",{style__c31e141:a},s),...r}),v=({value:s,onChange:t,options:a,size:r,className:o,label:n,multiple:i})=>{let c=!0===i,d=e=>c?s.includes(e):s===e,_=e=>{c?s.includes(e)?t(s.filter(s=>s!==e)):t([...s,e]):t(e)};return(0,e.jsxs)("div",{className:(0,l.clsx)("style__1iqvz720",o),children:[n&&(0,e.jsx)(b,{className:"style__1iqvz722",children:n}),a.map(s=>(0,e.jsx)(g,{size:r,className:"style__1iqvz721",disabled:s.disabled,onClick:()=>_(s.value),variant:d(s.value)?"default":"outline",children:s.label},s.value))]})},f=({className:s,...t})=>(0,e.jsx)("div",{className:(0,l.clsx)("style__oyalw00",s),...t}),w=({className:s,...t})=>(0,e.jsx)("div",{className:(0,l.clsx)("style__oyalw01",s),...t}),k=({className:s,...t})=>(0,e.jsx)("h3",{className:(0,l.clsx)("style__oyalw02",s),...t}),N=({className:s,...t})=>(0,e.jsx)("p",{className:(0,l.clsx)("style__oyalw03",s),...t}),C=({className:s,...t})=>(0,e.jsx)("div",{className:(0,l.clsx)("style__oyalw04",s),...t}),z=({className:s,...t})=>(0,e.jsx)("div",{className:(0,l.clsx)("style__oyalw05",s),...t}),S=({className:s,...t})=>(0,e.jsx)(a.Root,{className:(0,l.clsx)("style__b7yo4k0",s),...t,children:(0,e.jsx)(a.Indicator,{className:"style__b7yo4k1",children:(0,e.jsx)(r.Check,{className:"style__b7yo4k2"})})});var T={determinate:"determinate__m6b9n25",indeterminate:"indeterminate__m6b9n26"},D={primary:"primary__m6b9n27",secondary:"secondary__m6b9n28",inherit:"inherit__m6b9n29"};let P=({size:s=30,thickness:t=2.6,color:a="primary",value:r=0,variant:o="indeterminate",className:n})=>{let i=(s-t)/2,c=2*Math.PI*i;return(0,e.jsx)("div",{className:(0,l.default)("style__m6b9n22",T[o],D[a],n),style:{width:s,height:s},children:(0,e.jsxs)("svg",{className:"style__m6b9n23",viewBox:`0 0 ${s} ${s}`,children:[(0,e.jsx)("title",{children:"Progress bar"}),(0,e.jsx)("circle",{className:(0,l.default)("style__m6b9n24","determinate"===o&&T.determinate),cx:s/2,cy:s/2,r:i,fill:"none",strokeWidth:t,strokeDasharray:c,strokeDashoffset:"determinate"===o?c*(1-r/100):.25*c})]})})},I=({className:s,align:t="center",sideOffset:a=4,...r})=>(0,e.jsx)(o.Portal,{children:(0,e.jsx)(o.Content,{align:t,sideOffset:a,className:(0,l.clsx)("style__1xy4jvu2",s),...r})});var R={primary:"primary__1sba6zoc",secondary:"secondary__1sba6zod",disabled:"disabled__1sba6zoe",success:"success__1sba6zof",error:"error__1sba6zog",warning:"warning__1sba6zoh",info:"info__1sba6zoi"},A={lowercase:"lowercase__1sba6zot",uppercase:"uppercase__1sba6zou",capitalize:"capitalize__1sba6zov"},L={left:"left__1sba6zoj",center:"center__1sba6zok",right:"right__1sba6zol",justify:"justify__1sba6zom"},M={normal:"normal__1sba6zop",medium:"medium__1sba6zoq",semibold:"semibold__1sba6zor",bold:"bold__1sba6zos"},E={h1:"h1__1sba6zo0",h2:"h2__1sba6zo1",h3:"h3__1sba6zo2",h4:"h4__1sba6zo3",h5:"h5__1sba6zo4",h6:"h6__1sba6zo5",subtitle1:"subtitle1__1sba6zo6",subtitle2:"subtitle2__1sba6zo7",body1:"body1__1sba6zo8",body2:"body2__1sba6zo9",caption:"caption__1sba6zoa",overline:"overline__1sba6zob"},q={none:"none__1sba6zow",underline:"underline__1sba6zox",lineThrough:"lineThrough__1sba6zoy"},O={block:"block__1sba6zon",inline:"inline__1sba6zoo"};let B={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",caption:"span",overline:"span"},H=({className:s,variant:t="body1",component:a,color:r="primary",align:o="left",display:n="inline",weight:i="normal",transform:c,decoration:d="none",gutterBottom:_,children:m,...x})=>{let h=a||B[t||"body1"];return(0,e.jsx)(h,{className:(0,l.clsx)(q[d],E[t],R[r],M[i],c&&A[c],O[n],L[o],{style__1sba6zoz:_},s),...x,children:m})},V=({skipConfirm:e,onConfirm:s,confirmButtonProps:l})=>{let[t,a]=(0,n.useState)(!1);return{open:t,onActionComponentClick:()=>{e?s():a(!0)},confirmButtonProps:{variant:l?.isAccented?"destructive":"default",onClick:()=>{a(!1),s()},size:"sm"},onCancel:()=>{a(!1)},onOpenChange:e=>{a(e)}}},W=s=>{let{open:t,onActionComponentClick:a,onCancel:r,confirmButtonProps:n,onOpenChange:i}=V(s),{text:c,confirmButtonProps:d,popoverProps:_,actionComponent:m}=s,{text:x="Подтвердить"}=d||{},{side:h="bottom",align:u="center"}=_||{};return(0,e.jsxs)(o.Popover,{open:t,onOpenChange:i,children:[(0,e.jsx)(o.PopoverTrigger,{asChild:!0,children:m({onClick:a})}),(0,e.jsx)(I,{side:h,align:u,className:(0,l.clsx)("style__1q1uhgp2",{style__1q1uhgp3:!!c}),children:(0,e.jsxs)("div",{className:"style__1q1uhgp1",children:[c&&(0,e.jsx)(H,{children:c}),(0,e.jsxs)("div",{className:"style__1q1uhgp0",children:[(0,e.jsx)(g,{variant:"ghost",size:"sm",onClick:r,children:"Отмена"}),(0,e.jsx)(g,{...n,children:x})]})]})})]})};var $={sm:"sm__1o97kvm1",md:"md__1o97kvm2",lg:"lg__1o97kvm3"};let F=s=>(0,e.jsx)("img",{alt:s.alt,src:s.src,className:(0,l.default)("style__1o97kvm0",$[s.size||"md"],s.className),width:s.width,height:s.height}),G={sm:"239px",md:"323px",lg:"458px"},U={sm:"119px",md:"161px",lg:"229px"},K={sm:"384px",md:"400px",lg:"460px"},X={sm:"subtitle1",md:"h6",lg:"h5"};var Y={sm:"sm__1nenzg01",md:"md__1nenzg02",lg:"lg__1nenzg03"};let J=({className:s,title:t,imgSrc:a,imgAlt:r,description:o,actions:i,size:c="sm",renderImage:d})=>{let _=(0,n.useMemo)(()=>d||F,[d]);return(0,e.jsxs)("div",{className:(0,l.default)("style__1nenzg00",Y[c],s),children:[(0,e.jsxs)("div",{className:"style__1nenzg04",style:{maxWidth:K[c]},children:[a&&(0,e.jsx)(_,{src:a,alt:r,width:G[c],height:U[c],size:c}),(0,e.jsx)(H,{align:"center",color:"secondary",variant:X[c],children:t}),o&&(0,e.jsx)(H,{className:"style__1nenzg05",component:"div",variant:"body1",children:o})]}),i&&(0,e.jsx)("footer",{className:"style__1nenzg06",children:i})]})},Q=({isLoading:s,isError:l,isCustom:t,errorState:a,customState:r,children:o,loadingContent:n=(0,e.jsx)(P,{color:"primary"})})=>{if(s)return(0,e.jsx)("div",{className:"style__nan0ao0",children:n});if(t&&r)return(0,e.jsx)(J,{...r});if(l&&a){let{title:s="Произошла ошибка",imgAlt:l,imgSrc:t,errorList:r,onRetry:o,actions:n=(0,e.jsx)(g,{onClick:o,children:"Попробовать снова"})}=a,i=r.map(s=>(0,e.jsx)(H,{component:"p",children:s},s));return(0,e.jsx)(J,{title:s,description:i,imgAlt:l,imgSrc:t,actions:n})}return o},Z=i.Provider,ee=i.Root,es=i.Trigger,el=({sideOffset:s=4,alignOffset:l,ref:t,...a})=>(0,e.jsx)(i.Content,{ref:t,sideOffset:s,...a}),et=({text:s,content:t,children:a,side:r="top",sideOffset:o,alignOffset:n,delayDuration:c=0,className:d,ref:_,...m})=>(0,e.jsx)(Z,{delayDuration:c,children:(0,e.jsxs)(ee,{...m,children:[(0,e.jsx)(es,{ref:_,asChild:!0,children:a}),t||s?(0,e.jsx)(i.Portal,{children:(0,e.jsxs)(el,{className:(0,l.default)("style__izacrl2",d),alignOffset:n,sideOffset:o,hideWhenDetached:!0,side:r,children:[t??(0,e.jsx)("p",{className:"style__izacrl3",children:s}),m.arrow&&(0,e.jsx)(i.Arrow,{className:"style__izacrl4"})]})}):null]})});var ea=((y={}).Copied="Скопировано",y.Error="Ошибка копирования",y.CanCopy="Скопировать",y);let er=({children:e,copyText:s,isShowCopyText:l,copyPosition:t})=>{let[a,r]=(0,n.useState)(ea.CanCopy),[o,i]=(0,n.useState)(!1);return{handleMouseLeave:()=>{a!==ea.CanCopy&&setTimeout(()=>{r(ea.CanCopy)},100),i(!1)},handleClick:l=>{l.stopPropagation(),navigator.clipboard.writeText(s||("string"==typeof e?e:"")).then(()=>r(ea.Copied)).catch(()=>r(ea.Error))},tooltipTitle:l?`${a}: ${s}`:a,isIconOnLeft:"left"===t,tooltipOpen:o,handleMouseEnter:()=>{i(!0)}}},eo=s=>{let{children:t,copyPosition:a="right",copyText:o,isShowCopyText:n,color:i,className:c,...d}=s,_=()=>(0,e.jsx)(r.Copy,{className:"style__1wpx85c1"}),{tooltipOpen:m,handleMouseEnter:x,handleMouseLeave:h,handleClick:u,tooltipTitle:y,isIconOnLeft:p}=er(s);return(0,e.jsx)(et,{open:m,arrow:!0,text:y,side:"bottom",children:(0,e.jsxs)(H,{onMouseLeave:h,onMouseEnter:x,onClick:u,component:"div",color:i,className:(0,l.clsx)("style__1wpx85c0",c),...d,children:[p&&_(),t,!p&&_()]})})};function en({row:s,column:t,rowIndex:a,height:r}){let{align:o,cellColor:n,isDisabled:i}=t;return(0,e.jsx)("td",{align:o??"left",style:{backgroundColor:n?.(s),height:r,width:t.width},className:(0,l.clsx)("style__1047swj0",{style__1047swj1:i},t.cellClassName?.(s)),children:(0,e.jsx)(()=>t.renderCell?t.renderCell(s,a):t.format?t.format(s)||"—":t.field?`${s[t.field]||"—"}`:"—",{})})}function ei({row:s,rowHeight:t,onRowClick:a,columns:r,rowIndex:o,rowId:i}){let c=(0,n.useCallback)(()=>{a?.(s)},[a,s]);return(0,e.jsx)("tr",{onClick:c,onKeyDown:c,className:(0,l.clsx)("style__gsm9mv0",{style__gsm9mv1:!!a}),children:r.map((l,a)=>{let r=`${i}-${a}`;return(0,e.jsx)(en,{row:s,rowIndex:o,column:l,height:t},r)})})}function ec({isLoading:s,isEmpty:l,columnsLength:t,emptyState:a={text:"Нет данных"},errorState:r={text:"Произошла ошибка"},isError:o,onRetry:n}){let i=({children:s})=>(0,e.jsx)("tr",{className:"style__15m2ib80",children:(0,e.jsx)("td",{colSpan:t,align:"center",children:s})});if(s)return(0,e.jsx)(i,{children:(0,e.jsx)("span",{className:"style__15m2ib81",children:(0,e.jsx)(P,{})})});if(l){let{imgSrc:s,imgAlt:l,text:t}=a;return(0,e.jsx)(i,{children:(0,e.jsx)(J,{title:t,imgSrc:s,imgAlt:l})})}if(o){let{imgSrc:s,imgAlt:l,text:t}=r;return(0,e.jsx)(i,{children:(0,e.jsx)(J,{title:t,imgSrc:s,imgAlt:l,actions:n?(0,e.jsx)(g,{variant:"outline",onClick:n,children:"Попробовать снова"}):void 0})})}return null}var ed="style__82af400";function e_({isError:s,isLoading:l,emptyState:t,errorState:a,columns:r,rows:o,rowHeight:n,keyId:i,onRowClick:c}){let d=0===o.length;return s||l||d?(0,e.jsx)("tbody",{className:ed,children:(0,e.jsx)(ec,{emptyState:t,errorState:a,isEmpty:d,isError:s,isLoading:l,columnsLength:r.length})}):(0,e.jsx)("tbody",{className:ed,children:o.map((s,l)=>{let t=String(s[i]);return(0,e.jsx)(ei,{row:s,rowId:t,rowHeight:n,columns:r,onRowClick:c,rowIndex:l},s[i])})})}function em({children:s,columnsLength:t,className:a}){return(0,e.jsx)("tfoot",{className:(0,l.clsx)("style__2s55b60",a),children:(0,e.jsx)("tr",{children:(0,e.jsx)("td",{colSpan:t,align:"center",children:s})})})}function ex({column:s,height:l,width:t}){return(0,e.jsx)("th",{style:{color:s.color,height:l,width:t},align:s.align??"left",title:s.title,className:"style__uma6hu0",children:s.renderHeaderCell?.(s)||s.title})}function eh({columns:s,height:t,sticky:a}){return(0,e.jsx)("thead",{children:(0,e.jsx)("tr",{className:(0,l.clsx)({style__fkgoub0:a}),children:s.map(s=>(0,e.jsx)(ex,{column:s,height:t,width:s.width},s.title))})})}function eu({rows:s,columns:t,height:a="100%",className:r,rowHeight:o=40,headerHeight:n=40,keyId:i,onRowClick:c,isLoading:d,isDisabled:_,isError:m,emptyState:x,errorState:h,footer:u,title:y,stickyHeader:p,onRetry:j}){return(0,e.jsxs)("div",{style:{height:a},className:(0,l.clsx)("style__1gqvluf0",r),children:[(0,e.jsxs)("table",{className:(0,l.clsx)("style__1gqvluf1",{style__1gqvluf2:_,style__1gqvluf3:d},r),children:[y&&(0,e.jsx)("caption",{className:"style__1gqvluf4",children:y}),(0,e.jsx)(eh,{columns:t,height:n,sticky:p}),(0,e.jsx)(e_,{rows:s,columns:t,rowHeight:o,keyId:i,onRowClick:c,isLoading:d,emptyState:x,errorState:h,isError:m,onRetry:j})]}),u&&(0,e.jsx)(em,{columnsLength:t.length,children:u})]})}var ey="style__1ib8wkt3";let ep=c.Root,ej=c.Trigger,eg=c.Group,eb=c.Portal,ev=c.Sub,ef=c.RadioGroup,ew=({className:s,inset:t,children:a,...o})=>(0,e.jsxs)(c.SubTrigger,{className:(0,l.default)("style__1ib8wkt2",{inset:t},s),...o,children:[a,(0,e.jsx)(r.ChevronRight,{className:ey})]}),ek=({className:s,...t})=>(0,e.jsx)(c.SubContent,{className:(0,l.default)("style__1ib8wkt4",s),...t}),eN=({className:s,sideOffset:t=4,...a})=>(0,e.jsx)(c.Portal,{children:(0,e.jsx)(c.Content,{sideOffset:t,className:(0,l.default)("style__1ib8wkt5",s),...a})}),eC=({className:s,inset:t,...a})=>(0,e.jsx)(c.Item,{className:(0,l.default)("style__1ib8wkt6",{inset:t},s),...a}),ez=({className:s,children:t,checked:a,...o})=>(0,e.jsxs)(c.CheckboxItem,{className:(0,l.default)("style__1ib8wkt7",s),checked:a,...o,children:[(0,e.jsx)("span",{className:"style__1ib8wkt9",children:(0,e.jsx)(c.ItemIndicator,{children:(0,e.jsx)(r.Check,{className:ey})})}),t]}),eS=({className:s,children:t,...a})=>(0,e.jsxs)(c.RadioItem,{className:(0,l.default)("style__1ib8wkt8",s),...a,children:[(0,e.jsx)("span",{className:"style__1ib8wkta",children:(0,e.jsx)(c.ItemIndicator,{children:(0,e.jsx)(r.Circle,{className:ey})})}),t]}),eT=({className:s,inset:t,...a})=>(0,e.jsx)(c.Label,{className:(0,l.default)("style__1ib8wktb",{inset:t},s),...a}),eD=({className:s,...t})=>(0,e.jsx)(c.Separator,{className:(0,l.default)("style__1ib8wktc",s),...t}),eP=({className:s,...t})=>(0,e.jsx)("span",{className:(0,l.default)("style__1ib8wktd",s),...t}),eI=({action:e})=>{let{isLoading:s,disabledReason:l,name:t}=e,[a,r]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{s&&r(!1)},[s]),{tooltipProps:{text:l||t,open:a,onOpenChange:e=>r(e)}}},eR=s=>{let{tooltipProps:l}=eI(s),{action:t,onActionClick:a,isDisabled:r,tooltipPlacement:o}=s,{name:n,icon:i,needConfirm:c,confirmText:d,confirmButtonProps:_,disabled:m,isLoading:x,onClick:h}=t,u=s=>(0,e.jsx)(et,{arrow:!0,side:o,...l,children:(0,e.jsx)(g,{disabled:r||m,isLoading:x,variant:"ghost",size:"icon",...s,children:i})},n);return(0,e.jsx)(e.Fragment,{children:c?(0,e.jsx)(W,{text:d,confirmButtonProps:_,actionComponent:e=>u(e),onConfirm:a(h)}):u({onClick:a(h)})})},eA=({action:s,onActionClick:l,isDisabled:t,tooltipPlacement:a})=>{if("actions"in s){let{disabled:r,icon:o,name:i,disabledReason:c,actions:d,isLoading:_}=s;return(0,e.jsxs)(ep,{children:[(0,e.jsx)(ej,{asChild:!0,children:(0,e.jsx)(et,{text:c||i,side:a,arrow:!0,children:(0,e.jsx)(g,{variant:"ghost",size:"icon",isLoading:_,disabled:t||r,children:o})},i)}),(0,e.jsx)(eN,{children:d.map(({name:s,onClick:t,...a})=>(0,n.createElement)(eC,{...a,key:s,asChild:!0},(0,e.jsx)(g,{size:"sm",onClick:l(t),children:s})))})]})}return(0,e.jsx)(eR,{action:s,onActionClick:l,isDisabled:t,tooltipPlacement:a})},eL=({actions:s,onActionClick:l,tooltipPlacement:t,isDisabled:a})=>(0,e.jsxs)(ep,{children:[(0,e.jsx)(ej,{asChild:!0,children:(0,e.jsx)(g,{disabled:a,variant:"ghost",size:"icon",children:(0,e.jsx)(r.EllipsisVertical,{})})}),(0,e.jsx)(eN,{children:s.map(s=>{let{onClick:a,name:r,disabledReason:o,isLoading:n}=s;return(0,e.jsx)(eC,{asChild:!0,children:(0,e.jsx)(et,{arrow:!0,side:t,text:o,children:(0,e.jsx)(g,{onClick:l(a),isLoading:n,variant:"ghost",size:"sm",fullWidth:!0,children:r})})},r)})})]}),eM=({row:e,actions:s})=>{let{main:l,secondary:t}=s,a=[...l,...t||[]].find(e=>e.isBlockingOperation&&e.isLoading);return{isDisabledAction:!!a,handleActionClick:(0,n.useCallback)(s=>()=>{s?.(e)},[e]),handleWrapperClick:e=>{e.stopPropagation()}}},eE={mainAction:"top",secondaryAction:"left"},eq=s=>{let{isDisabledAction:l,handleWrapperClick:t,handleActionClick:a}=eM(s),{actions:r}=s,{main:o,secondary:n}=r;return(0,e.jsxs)("div",{onClick:t,onKeyDown:t,className:"style__y44ln70",children:[o.map(s=>(0,e.jsx)(eA,{action:s,onActionClick:a,isDisabled:l,tooltipPlacement:eE.mainAction},s.name)),n&&(0,e.jsx)(eL,{actions:n,onActionClick:a,tooltipPlacement:eE.secondaryAction,isDisabled:l})]})};var eO={left:"left__o752f01",center:"center__o752f02",right:"right__o752f03",justify:"justify__o752f04"};function eB({sorting:s,setSorting:t,column:{title:a,field:o,align:n="left"},className:i}){return o?(0,e.jsxs)("button",{type:"button",className:(0,l.clsx)("style__o752f00",eO[n],i),onClick:()=>{s.key===o?t({key:o,order:"asc"===s.order?"desc":"asc"}):t({key:o,order:"asc"})},children:[a,s.key===o?"asc"===s.order?(0,e.jsx)(r.ArrowDownNarrowWide,{size:16}):(0,e.jsx)(r.ArrowDownWideNarrow,{size:16}):(0,e.jsx)(r.ArrowDownUp,{size:16})]}):null}let eH=e=>{let{initialState:s=!1,onInactive:l,onActive:t}=e||{},[a,r]=(0,n.useState)(s);return[a,(...e)=>{r(!0),t?.(...e)},(...e)=>{r(!1),l?.(...e)}]},eV="Вы достигли конца списка",eW=({endOfScrollMsg:s=eV})=>(0,e.jsx)("li",{className:"style__1syvw5e0",children:(0,e.jsx)(H,{children:s})}),e$=({onRetry:s})=>(0,e.jsxs)("li",{className:"style__qlujai0",children:[(0,e.jsx)(H,{align:"center",children:"Ошибка загрузки"}),(0,e.jsx)(g,{size:"sm",onClick:s,children:"Попробовать снова"})]}),eF=()=>(0,e.jsx)("li",{className:"style__111czea0",children:(0,e.jsx)(P,{color:"primary"})}),eG=({noDataImgSrc:s})=>(0,e.jsx)(J,{title:"Нет данных",imgSrc:s}),eU=({onClick:s,isVisible:t})=>(0,e.jsx)(g,{onClick:s,size:"icon",variant:"outline",className:(0,l.clsx)("style__1jg5nd90",{style__1jg5nd91:t}),children:(0,e.jsx)(r.ChevronUp,{})}),eK=({data:s,keyId:t,className:a,itemContent:r,noDataPlaceholder:o,endOfScrollMsg:i,errorState:c,isLoading:_,isError:m,isEndReached:x,onRetry:h,onEndReached:u,scrollTopIsDataChanged:y})=>{let p=(0,n.useRef)(null),[j,g,b]=eH(),v=(0,n.useCallback)(e=>{e.startIndex>2?g():b()},[b,g]),f=(0,n.useCallback)(()=>p.current?.scrollToIndex({index:0,align:"start",behavior:"smooth"}),[p]),w=(0,n.useCallback)(()=>{!x&&u&&u()},[x,u]),k=!!s?.length;return k||_||m?((0,n.useEffect)(()=>{y&&p.current?.scrollToIndex({index:0,align:"start"})},[y,s]),(0,e.jsxs)(Q,{isLoading:_&&!k,isError:m&&!k,errorState:c,children:[(0,e.jsx)(d.Virtuoso,{className:(0,l.clsx)("style__1ezen7g0",a),style:{height:"100%"},data:s,ref:p,overscan:30,endReached:w,rangeChanged:v,itemContent:(s,a)=>(0,e.jsx)("li",{children:r?.(a,{index:s,className:(0,l.clsx)("style__1ezen7g1","datalist_item")})},a[t]),components:{Footer:()=>(0,e.jsxs)(e.Fragment,{children:[_&&(0,e.jsx)(eF,{}),m&&(0,e.jsx)(e$,{onRetry:h}),x&&(0,e.jsx)(eW,{endOfScrollMsg:i})]})}}),(0,e.jsx)(eU,{isVisible:j,onClick:f})]})):o?(0,e.jsx)(e.Fragment,{children:o}):(0,e.jsx)(eG,{})},eX=":",eY="—",eJ="descriptionRoot",eQ=(0,n.createContext)({leader:!1,separator:eX,direction:"default"}),eZ=({children:s,leader:l,separator:t,direction:a})=>(0,e.jsx)(eQ.Provider,{value:{leader:l,separator:t,direction:a},children:s}),e0=({canCopy:e,children:s,stub:l="—"})=>{let{leader:t,direction:a}=(0,n.useContext)(eQ);return{valueToRender:s||l,isDefaultValueRender:!e||!s,leader:t,direction:a}};var e1="style__sdcsnp2";let e2=({direction:e="row",separator:s=eX})=>({descriptionContextProviderProps:{separator:"column"===e?"":s},direction:e});var e6={row:"row__1lociyw1",column:"column__1lociyw2"},e8={spaceBetween:"spaceBetween__1lociyw3",start:"start__1lociyw4"};let e5=s=>{let{descriptionContextProviderProps:t,direction:a}=e2(s),{justifyContent:r="start",component:o="dl",children:n,leader:i=!1}=s;return(0,e.jsx)(eZ,{leader:i,direction:a,...t,children:(0,e.jsx)(o,{className:(0,l.clsx)("style__1lociyw0",e6[a],e8[r],eJ),children:n})})};e5.Name=({children:s,color:t="secondary",...a})=>{let{leader:r,separator:o}=(0,n.useContext)(eQ);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("dt",{className:(0,l.clsx)("style__1tsgk1i0",{style__1tsgk1i1:r}),children:(0,e.jsxs)(H,{...a,color:t,children:[s,!r&&o]})}),r&&(0,e.jsx)("div",{className:"style__1tsgk1i2"})]})},e5.Value=s=>{let{valueToRender:t,isDefaultValueRender:a,leader:r}=e0(s),{copyPosition:o="right",copyText:n,canCopy:i,children:c,stub:d,..._}=s;return a?(0,e.jsx)(H,{className:(0,l.default)("style__sdcsnp1",{[e1]:r}),component:"dd",..._,children:t}):(0,e.jsx)("dd",{className:"style__sdcsnp0",children:(0,e.jsx)(eo,{className:(0,l.default)({[e1]:r}),copyPosition:o,copyText:n,..._,children:t})})};let e4=({title:s,description:t="",trigger:a,className:o,footer:n,children:i,...c})=>(0,e.jsxs)(_.Root,{...c,children:[a&&(0,e.jsx)(_.Trigger,{asChild:!0,children:a}),(0,e.jsxs)(_.Portal,{children:[(0,e.jsx)(_.Overlay,{className:(0,l.default)("style__8bkmbe2")}),(0,e.jsxs)(_.Content,{className:(0,l.default)("style__8bkmbe5",o),children:[(0,e.jsxs)("div",{className:(0,l.default)("style__8bkmbe8",{style__8bkmbe9:!!t}),children:[(0,e.jsx)(_.Title,{className:"style__8bkmbeb",children:s}),(0,e.jsx)(_.Description,{className:"style__8bkmbec",children:t}),(0,e.jsxs)(_.Close,{className:"style__8bkmbe6",children:[(0,e.jsx)(r.X,{size:24}),(0,e.jsx)("span",{className:"style__8bkmbe7",children:"Close"})]})]}),i,n&&(0,e.jsx)("div",{className:"style__8bkmbea",children:n})]})]})]});var e3="style__a5l83v4",e9="style__a5l83v0";let e7=({images:s=[],autoPlay:t=!1,interval:a=5e3})=>{let[o,i]=(0,n.useState)(0),c=e=>{i(e)};return((0,n.useEffect)(()=>{if(!t)return;let e=setInterval(()=>{i(e=>e===s.length-1?0:e+1)},a);return()=>clearInterval(e)},[t,s.length,a]),0===s.length)?(0,e.jsx)("div",{className:e9,children:"Нет изображений для отображения"}):(0,e.jsxs)("div",{className:e9,children:[(0,e.jsx)("div",{className:"style__a5l83v1",style:{transform:`translateX(-${100*o}%)`},children:s.map((s,l)=>(0,e.jsx)("div",{className:"style__a5l83v2",children:(0,e.jsx)("img",{src:s.src,alt:s.alt||`Slide ${l+1}`,className:"style__a5l83v3"})},s.src))}),s.length>1&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("button",{type:"button",className:(0,l.clsx)(e3,"style__a5l83v5"),onClick:()=>{i(e=>0===e?s.length-1:e-1)},children:(0,e.jsx)(r.ChevronLeft,{size:24})}),(0,e.jsx)("button",{type:"button",className:(0,l.clsx)(e3,"style__a5l83v6"),onClick:()=>{i(e=>e===s.length-1?0:e+1)},children:(0,e.jsx)(r.ChevronRight,{size:24})}),(0,e.jsx)("div",{className:"style__a5l83v7",children:s.map(({src:s},l)=>(0,e.jsx)("button",{type:"button",className:`style__a5l83v8 ${o===l?"active":""}`,onClick:()=>c(l)},s))})]})]})};var se="style__1blk89uc",ss="style__1blk89u6",sl={small:"small__1blk89u9",medium:"medium__1blk89ua",large:"large__1blk89ub"},st={outlined:"outlined__1blk89u1",standard:"standard__1blk89u2"};let sa=n.default.forwardRef(({error:s,variant:t="outlined",size:a="medium",startAdornment:r,endAdornment:o,className:n,disabled:i,fullWidth:c,value:d,..._},m)=>(0,e.jsxs)("div",{className:(0,l.clsx)("style__1blk89u0",st[t],{style__1blk89u7:s},{[ss]:i},{style__1blk89u3:c},n),children:[r&&(0,e.jsx)("span",{className:se,children:r}),(0,e.jsx)("input",{className:(0,l.clsx)("style__1blk89u8",{[ss]:i},sl[a],r&&"style__1blk89ud",o&&"style__1blk89ue"),ref:m,disabled:i,value:d||"",..._}),o&&(0,e.jsx)("span",{className:se,children:o})]}));var sr="style__h9oy583";let so=({className:s,...t})=>(0,e.jsxs)(m.Root,{className:(0,l.clsx)("style__h9oy580",s),...t,children:[(0,e.jsx)(m.Track,{className:"style__h9oy581",children:(0,e.jsx)(m.Range,{className:"style__h9oy582"})}),(0,e.jsx)(m.Thumb,{className:sr}),t.value?.length===2&&(0,e.jsx)(m.Thumb,{className:sr})]});var sn={sm:"sm__1pnwkko2",md:"md__1pnwkko3",lg:"lg__1pnwkko4"},si="style__1pnwkko7",sc="style__1pnwkko6";function sd({min:s,max:t,onChange:a,minValue:r,maxValue:o,width:i=150,title:c,size:d="md",className:_,isActive:m,minInputRef:x,maxInputRef:h}){let[u,y]=(0,n.useState)(s),[p,j]=(0,n.useState)(t),g=e=>{"Enter"===e.key&&a(u>=s&&u<=t?u:s,p>=s&&p<=t?p:t)};return(0,n.useEffect)(()=>{y(r||s),j(o||t)},[r,o,s,t]),(0,e.jsxs)("div",{className:(0,l.clsx)("style__1pnwkko0",sn[d],{style__1pnwkko1:m},_),style:{width:i},children:[(0,e.jsx)(b,{className:"style__1pnwkko5",children:c}),(0,e.jsx)("span",{className:sc,children:"от"}),(0,e.jsx)("input",{className:si,type:"text",value:u,onChange:e=>{let{value:s}=e.target;Number.isNaN(+s)||y(+s)},onKeyDown:g,ref:x}),(0,e.jsx)("span",{className:sc,children:"до"}),(0,e.jsx)("input",{className:si,type:"text",value:p,onChange:e=>{let{value:s}=e.target;Number.isNaN(s)||j(+s)},onKeyDown:g,ref:h}),(0,e.jsx)("div",{className:"style__1pnwkko8",children:(0,e.jsx)(so,{min:s,max:t,value:[u,p],onValueChange:e=>{Array.isArray(e)&&(y(e[0]),j(e[1]))},onValueCommit:e=>{Array.isArray(e)&&a(e[0],e[1])}})})]})}function s_({onClick:s,variant:t="outline",...a}){let[o,i]=(0,n.useState)(!1),c=()=>{window.scrollY>400?i(!0):i(!1)};return(0,n.useEffect)(()=>(window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}),[]),(0,e.jsx)(g,{type:"button",variant:t,className:(0,l.clsx)("style__1ou2vjc0",{style__1ou2vjc1:o}),onClick:s||(()=>{window.scrollTo({top:0,left:0,behavior:"auto"})}),...a,children:(0,e.jsx)(r.ChevronUp,{})})}var sm="style__5ilg7o3",sx="style__5ilg7oa";let sh=x.Root,su=x.Group,sy=x.Value,sp=({className:s,children:t,...a})=>(0,e.jsxs)(x.Trigger,{className:(0,l.clsx)("style__5ilg7o2",s),...a,children:[t,(0,e.jsx)(x.Icon,{asChild:!0,children:(0,e.jsx)(r.ChevronDown,{className:"style__5ilg7ob"})})]}),sj=({className:s,...t})=>(0,e.jsx)(x.ScrollUpButton,{className:(0,l.clsx)(sm,s),...t,children:(0,e.jsx)(r.ChevronUp,{className:sx})}),sg=({className:s,...t})=>(0,e.jsx)(x.ScrollDownButton,{className:(0,l.clsx)(sm,s),...t,children:(0,e.jsx)(r.ChevronDown,{className:sx})}),sb=({className:s,children:t,position:a="popper",...r})=>(0,e.jsx)(x.Portal,{children:(0,e.jsxs)(x.Content,{className:(0,l.clsx)("style__5ilg7o4",s),position:a,...r,children:[(0,e.jsx)(sj,{}),(0,e.jsx)(x.Viewport,{className:"style__5ilg7o5",children:t}),(0,e.jsx)(sg,{})]})}),sv=({className:s,...l})=>(0,e.jsx)(x.Label,{className:`style__5ilg7o6 ${s||""}`,...l}),sf=({className:s,children:l,...t})=>(0,e.jsxs)(x.Item,{className:`style__5ilg7o7 ${s||""}`,...t,children:[(0,e.jsx)("span",{className:"style__5ilg7o8",children:(0,e.jsx)(x.ItemIndicator,{children:(0,e.jsx)(r.Check,{className:sx})})}),(0,e.jsx)(x.ItemText,{children:l})]}),sw=({className:s,...l})=>(0,e.jsx)(x.Separator,{className:`style__5ilg7o9 ${s||""}`,...l}),sk=({className:s,...t})=>(0,e.jsx)(h.Content,{className:(0,l.clsx)("style__hworoa2",s),...t}),sN=({className:s,...t})=>(0,e.jsx)(h.List,{className:(0,l.clsx)("style__hworoa0",s),...t}),sC=({className:s,...t})=>(0,e.jsx)(h.Trigger,{className:(0,l.clsx)("style__hworoa1",s),...t});var sz="style__kqu4y22";let sS=({label:s,helperText:t,className:a,disabled:r,fullWidth:o,ref:n,labelClassName:i,...c})=>(0,e.jsxs)("div",{className:(0,l.clsx)("style__kqu4y20",{style__kqu4y24:o},a),children:[s&&(0,e.jsx)(b,{htmlFor:c.id||s,disabled:r,className:(0,l.clsx)(i,{[sz]:r}),children:s}),(0,e.jsx)(sa,{ref:n,disabled:r,fullWidth:o,id:c.id||s,...c}),t&&(0,e.jsx)("p",{className:(0,l.clsx)("style__kqu4y21",{style__kqu4y23:c.error,[sz]:r}),children:t})]});var sT={colors:{primary:"var(--colors-primary)",secondary:"var(--colors-secondary)",warning:"var(--colors-warning)",error:"var(--colors-error)",success:"var(--colors-success)",border:"var(--colors-border)",info:"var(--colors-info)",background:{tooltip:"var(--colors-background-tooltip)",paper:"var(--colors-background-paper)",element:"var(--colors-background-element)",elementHover:"var(--colors-background-elementHover)"},foreground:{primary:"var(--colors-foreground-primary)",secondary:"var(--colors-foreground-secondary)"},text:{primary:"var(--colors-text-primary)",secondary:"var(--colors-text-secondary)",disabled:"var(--colors-text-disabled)",hint:"var(--colors-text-hint)"}},spacing:{1:"var(--spacing-1)",2:"var(--spacing-2)",3:"var(--spacing-3)",4:"var(--spacing-4)",5:"var(--spacing-5)",6:"var(--spacing-6)",8:"var(--spacing-8)",10:"var(--spacing-10)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)"},fontSize:{xs:"var(--fontSize-xs)",sm:"var(--fontSize-sm)",base:"var(--fontSize-base)",lg:"var(--fontSize-lg)",xl:"var(--fontSize-xl)","2xl":"var(--fontSize-2xl)","3xl":"var(--fontSize-3xl)","4xl":"var(--fontSize-4xl)"},fontWeight:{normal:"var(--fontWeight-normal)",medium:"var(--fontWeight-medium)",semibold:"var(--fontWeight-semibold)",bold:"var(--fontWeight-bold)"},lineHeight:{none:"var(--lineHeight-none)",tight:"var(--lineHeight-tight)",snug:"var(--lineHeight-snug)",normal:"var(--lineHeight-normal)",relaxed:"var(--lineHeight-relaxed)",loose:"var(--lineHeight-loose)"},borderRadius:{sm:"var(--borderRadius-sm)",md:"var(--borderRadius-md)",lg:"var(--borderRadius-lg)"},boxShadow:{sm:"var(--boxShadow-sm)",default:"var(--boxShadow-default)",md:"var(--boxShadow-md)",lg:"var(--boxShadow-lg)",xl:"var(--boxShadow-xl)"}},sD=o.Popover,sP=o.PopoverTrigger,sI=h.Tabs,sR=u.createTheme,sA=u.globalKeyframes,sL=u.globalStyle,sM=u.keyframes,sE=u.style,sq=u.styleVariants;export{g as Button,v as ButtonGroup,f as Card,C as CardContent,N as CardDescription,z as CardFooter,w as CardHeader,k as CardTitle,S as Checkbox,P as CircularProgress,W as ConfirmAction,Q as ContentState,eo as CopyTypography,eX as DEFAULT_SEPARATOR,eY as DEFAULT_SYMBOL,eJ as DESCRIPTION_ROOT_CLASSNAME,eu as DataGrid,eq as DataGridActionCell,eB as DataGridSortHeader,eK as DataList,e5 as Description,e4 as Dialog,ep as DropdownMenu,ez as DropdownMenuCheckboxItem,eN as DropdownMenuContent,eg as DropdownMenuGroup,eC as DropdownMenuItem,eT as DropdownMenuLabel,eb as DropdownMenuPortal,ef as DropdownMenuRadioGroup,eS as DropdownMenuRadioItem,eD as DropdownMenuSeparator,eP as DropdownMenuShortcut,ev as DropdownMenuSub,ek as DropdownMenuSubContent,ew as DropdownMenuSubTrigger,ej as DropdownMenuTrigger,F as Image,e7 as ImageCarousel,sa as Input,b as Label,J as Placeholder,I as PopoverContent,sd as RangeInput,s_ as ScrollTopButton,sh as Select,sb as SelectContent,su as SelectGroup,sf as SelectItem,sv as SelectLabel,sg as SelectScrollDownButton,sj as SelectScrollUpButton,sw as SelectSeparator,sp as SelectTrigger,sy as SelectValue,so as Slider,sk as TabsContent,sN as TabsList,sC as TabsTrigger,sS as TextField,et as Tooltip,H as Typography,L as alignments,j as buttonSizes,p as buttonVariants,R as colors,O as displays,A as transforms,E as variants,sT as vars,M as weights,sD as Popover,sP as PopoverTrigger,sI as Tabs,sR as createTheme,sA as globalKeyframes,sL as globalStyle,sM as keyframes,sE as style,sq as styleVariants};
|
|
@@ -1,41 +1,14 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
2
|
colors: {
|
|
3
|
-
primary: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
10
|
-
300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
11
|
-
200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
|
-
100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
|
-
};
|
|
14
|
-
red: {
|
|
15
|
-
700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
|
-
600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
|
-
500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
|
-
};
|
|
19
|
-
green: {
|
|
20
|
-
600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
|
-
};
|
|
22
|
-
yellow: {
|
|
23
|
-
600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
|
-
};
|
|
25
|
-
grey: {
|
|
26
|
-
900: `var(--${string})` | `var(--${string}, ${string})`;
|
|
27
|
-
800: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
|
-
700: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
|
-
600: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
|
-
500: `var(--${string})` | `var(--${string}, ${string})`;
|
|
31
|
-
400: `var(--${string})` | `var(--${string}, ${string})`;
|
|
32
|
-
300: `var(--${string})` | `var(--${string}, ${string})`;
|
|
33
|
-
200: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
|
-
100: `var(--${string})` | `var(--${string}, ${string})`;
|
|
35
|
-
};
|
|
3
|
+
primary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
4
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
5
|
+
warning: `var(--${string})` | `var(--${string}, ${string})`;
|
|
6
|
+
error: `var(--${string})` | `var(--${string}, ${string})`;
|
|
7
|
+
success: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
|
+
border: `var(--${string})` | `var(--${string}, ${string})`;
|
|
36
9
|
info: `var(--${string})` | `var(--${string}, ${string})`;
|
|
37
10
|
background: {
|
|
38
|
-
|
|
11
|
+
tooltip: `var(--${string})` | `var(--${string}, ${string})`;
|
|
39
12
|
paper: `var(--${string})` | `var(--${string}, ${string})`;
|
|
40
13
|
element: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
14
|
elementHover: `var(--${string})` | `var(--${string}, ${string})`;
|
package/lib/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--colors-primary-100:oklch(.97 0 0);--colors-primary-200:oklch(.92 0 0);--colors-primary-300:oklch(.87 0 0);--colors-primary-400:oklch(.72 0 0);--colors-primary-500:oklch(.56 0 0);--colors-primary-600:oklch(.44 0 0);--colors-primary-700:oklch(.37 0 0);--colors-primary-800:oklch(.27 0 0);--colors-primary-900:oklch(.2 0 0);--colors-red-500:oklch(.64 .21 25);--colors-red-600:oklch(.58 .22 27);--colors-red-700:oklch(.51 .19 28);--colors-green-600:oklch(.63 .17 149);--colors-yellow-600:oklch(.68 .14 76);--colors-grey-100:oklch(.97 0 265);--colors-grey-200:oklch(.93 .01 265);--colors-grey-300:oklch(.87 .01 258);--colors-grey-400:oklch(.71 .02 261);--colors-grey-500:oklch(.55 .02 264);--colors-grey-600:oklch(.45 .03 257);--colors-grey-700:oklch(.37 .03 260);--colors-grey-800:oklch(.28 .03 257);--colors-grey-900:oklch(.21 .03 265);--colors-info:oklch(.6 .19 250);--colors-background-default:#fff;--colors-background-paper:#fff;--colors-background-element:#fafbfc;--colors-background-elementHover:#f3f4f6;--colors-foreground-primary:oklch(.98 .003 264);--colors-foreground-secondary:oklch(.18 .02 264);--colors-text-primary:oklch(.21 .03 265);--colors-text-secondary:oklch(.37 .03 260);--colors-text-disabled:oklch(.55 .02 264);--colors-text-hint:oklch(.71 .02 261);--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--fontSize-xs:.75rem;--fontSize-sm:.875rem;--fontSize-base:1rem;--fontSize-lg:1.125rem;--fontSize-xl:1.25rem;--fontSize-2xl:1.5rem;--fontSize-3xl:1.875rem;--fontSize-4xl:2.25rem;--fontWeight-normal:400;--fontWeight-medium:500;--fontWeight-semibold:600;--fontWeight-bold:700;--lineHeight-none:1;--lineHeight-tight:1.25;--lineHeight-snug:1.375;--lineHeight-normal:1.5;--lineHeight-relaxed:1.625;--lineHeight-loose:2;--borderRadius-sm:.125rem;--borderRadius-md:.375rem;--borderRadius-lg:.5rem;--boxShadow-sm:0 1px 2px 0 #0000000d;--boxShadow-default:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--boxShadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--boxShadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--boxShadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{padding:0}ul,ol{margin:0;padding:0;list-style:none}li{margin:0;padding:0;list-style-type:none}body{-webkit-font-smoothing:antialiased;color:var(--colors-text-primary);background-color:var(--colors-background-default);font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}button{cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes style__1ersxw11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.style__1ersxw10{white-space:nowrap;border-radius:var(--borderRadius-md);font-size:var(--fontSize-sm);font-family:inherit;font-weight:var(--fontWeight-medium);cursor:pointer;border-width:0;justify-content:center;align-items:center;line-height:100%;transition:background-color .2s;display:inline-flex;position:relative}.style__1ersxw10:disabled{pointer-events:none;opacity:.5}.style__1ersxw10:focus-visible{outline-offset:2px;box-shadow:var(--boxShadow-sm);outline:2px solid #0000}.style__1ersxw12{pointer-events:none;opacity:.5}.style__1ersxw12:after{content:"";box-sizing:border-box;z-index:2;border-style:solid;border-width:2px;border-bottom-color:#0000;border-radius:50%;width:18px;height:18px;animation:1s linear infinite style__1ersxw11;display:inline-block;position:absolute}.style__1ersxw13{width:100%}.default__1ersxw14{background-color:var(--colors-primary-800);color:var(--colors-foreground-primary)}.default__1ersxw14:hover{background-color:var(--colors-primary-700)}.destructive__1ersxw15{background-color:var(--colors-red-700);color:var(--colors-foreground-primary)}.destructive__1ersxw15:hover{background-color:var(--colors-red-600)}.outline__1ersxw16{border:1px solid var(--colors-grey-300);background-color:var(--colors-background-element);color:var(--colors-text-primary)}.outline__1ersxw16:hover{background-color:var(--colors-background-elementHover)}.ghost__1ersxw17{color:var(--colors-text-primary);background-color:#0000}.ghost__1ersxw17:hover{background-color:var(--colors-background-elementHover)}.link__1ersxw18{color:var(--colors-primary-800);text-underline-offset:4px;background-color:#0000}.link__1ersxw18:hover{text-decoration-line:underline}.sm__1ersxw19{height:2rem;padding:0 .7rem}.md__1ersxw1a{height:2.5rem;padding:.5rem 1rem}.lg__1ersxw1b{height:2.7rem;padding:0 1.5rem}.icon__1ersxw1c{width:2.5rem;height:2.5rem}.iconSm__1ersxw1d{width:2rem;height:2rem}.style__c31e140{font-size:var(--fontSize-sm);line-height:var(--lineHeight-none);font-weight:var(--fontWeight-medium);margin-left:var(--spacing-1)}.style__c31e141{opacity:.5;cursor:not-allowed}.style__1iqvz720{font-family:inherit;font-size:inherit;line-height:inherit;display:flex;position:relative}.style__1iqvz721{border-right:none;border-radius:0}.style__1iqvz721:first-of-type{border-top-left-radius:var(--borderRadius-md);border-bottom-left-radius:var(--borderRadius-md)}.style__1iqvz721:last-of-type{border-top-right-radius:var(--borderRadius-md);border-bottom-right-radius:var(--borderRadius-md);border-right:1px solid var(--colors-grey-300)}.style__1iqvz722{font-size:var(--fontSize-base);position:absolute;top:-22px;left:0}.style__oyalw00{border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-200);background-color:var(--colors-background-default);box-shadow:var(--boxShadow-md)}.style__oyalw01{padding:var(--spacing-6);justify-content:space-between;gap:var(--spacing-2);flex-direction:column;display:flex}.style__oyalw02{font-size:var(--fontSize-2xl);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-none);letter-spacing:-.025em}.style__oyalw03{font-size:var(--fontSize-sm);color:var(--colors-text-secondary)}.style__oyalw04{padding:var(--spacing-6);padding-top:0}.style__oyalw05{padding:var(--spacing-6);align-items:center;padding-top:0;display:flex}.style__b7yo4k0{border:1px solid var(--colors-primary-900);background-color:var(--colors-background-default);cursor:pointer;border-radius:.2rem;flex-shrink:0;width:1rem;height:1rem;transition:all .2s;position:relative}.style__b7yo4k0:focus-visible{box-shadow:0 0 0 2px [object Object],0 0 0 4px var(--colors-primary-900);outline:none}.style__b7yo4k0:disabled{cursor:not-allowed;opacity:.5}.style__b7yo4k0[data-state=checked]{background-color:var(--colors-primary-900);color:var(--colors-foreground-primary)}.style__b7yo4k1{justify-content:center;align-items:center;display:flex}.style__b7yo4k2{width:1rem;height:1rem;stroke:var(--colors-foreground-primary);stroke-width:3px}@keyframes style__m6b9n20{to{transform:rotate(360deg)}}@keyframes style__m6b9n21{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15px}to{stroke-dasharray:100 200;stroke-dashoffset:-125px}}.style__m6b9n22{display:inline-block;position:relative}.style__m6b9n23{transform-origin:50%;width:100%;height:100%;display:block}.style__m6b9n24{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .35s}.determinate__m6b9n25{& style__m6b9n23{transform:rotate(-90deg)}& style__m6b9n24{transition:stroke-dashoffset .35s}}.indeterminate__m6b9n26{animation:1.4s linear infinite style__m6b9n20;& style__m6b9n24{animation:1.4s ease-in-out infinite style__m6b9n21}}.primary__m6b9n27{color:var(--colors-primary-800)}.secondary__m6b9n28{color:var(--colors-grey-600)}.inherit__m6b9n29{color:inherit}@keyframes style__1xy4jvu0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes style__1xy4jvu1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.style__1xy4jvu2{z-index:50;border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-paper);width:18rem;padding:var(--spacing-4);box-shadow:var(--boxShadow-md);outline:none}.style__1xy4jvu2[data-state=open]{animation:.15s ease-out style__1xy4jvu0}.style__1xy4jvu2[data-state=closed]{animation:.15s ease-out style__1xy4jvu1}.h1__1sba6zo0{font-size:var(--fontSize-4xl);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-tight);letter-spacing:-.025em}.h2__1sba6zo1{font-size:var(--fontSize-3xl);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-tight);letter-spacing:-.025em}.h3__1sba6zo2{font-size:var(--fontSize-2xl);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-snug);letter-spacing:-.025em}.h4__1sba6zo3{font-size:var(--fontSize-xl);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-snug)}.h5__1sba6zo4{font-size:var(--fontSize-lg);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-normal)}.h6__1sba6zo5{font-size:var(--fontSize-base);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-normal)}.subtitle1__1sba6zo6{font-size:var(--fontSize-base);font-weight:var(--fontWeight-medium);line-height:var(--lineHeight-normal);letter-spacing:.009em}.subtitle2__1sba6zo7{font-size:var(--fontSize-sm);font-weight:var(--fontWeight-medium);letter-spacing:.007em;line-height:1.57}.body1__1sba6zo8{font-size:var(--fontSize-base);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-normal);letter-spacing:.012em}.body2__1sba6zo9{font-size:var(--fontSize-sm);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-snug);letter-spacing:.01em}.caption__1sba6zoa{font-size:var(--fontSize-xs);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-relaxed);letter-spacing:.027em}.overline__1sba6zob{font-size:var(--fontSize-xs);font-weight:var(--fontWeight-normal);letter-spacing:.083em;text-transform:uppercase;line-height:2.66}.primary__1sba6zoc{color:var(--colors-text-primary)}.secondary__1sba6zod{color:var(--colors-text-secondary)}.disabled__1sba6zoe{color:var(--colors-text-disabled)}.success__1sba6zof{color:var(--colors-green-600)}.error__1sba6zog{color:var(--colors-red-600)}.warning__1sba6zoh{color:var(--colors-yellow-600)}.info__1sba6zoi{color:var(--colors-info)}.left__1sba6zoj{text-align:left}.center__1sba6zok{text-align:center}.right__1sba6zol{text-align:right}.justify__1sba6zom{text-align:justify}.block__1sba6zon{display:block}.inline__1sba6zoo{display:inline}.normal__1sba6zop{font-weight:var(--fontWeight-normal)}.medium__1sba6zoq{font-weight:var(--fontWeight-medium)}.semibold__1sba6zor{font-weight:var(--fontWeight-semibold)}.bold__1sba6zos{font-weight:var(--fontWeight-bold)}.lowercase__1sba6zot{text-transform:lowercase}.uppercase__1sba6zou{text-transform:uppercase}.capitalize__1sba6zov{text-transform:capitalize}.none__1sba6zow{text-decoration:none}.underline__1sba6zox{text-decoration:underline}.lineThrough__1sba6zoy{text-decoration:line-through}.style__1sba6zoz{margin-bottom:var(--spacing-2)}.style__1q1uhgp0{justify-content:end;gap:10px;display:flex}.style__1q1uhgp1{flex-direction:column;gap:10px;display:flex}.style__1q1uhgp2{width:min-content;padding:.7rem}.style__1q1uhgp3{width:max-content;max-width:400px}.style__1o97kvm0{object-fit:contain;max-width:100%;color:var(--colors-text-secondary);display:block}.sm__1o97kvm1{margin:auto auto var(--spacing-4)}.md__1o97kvm2{margin:auto auto var(--spacing-8)}.lg__1o97kvm3{margin:auto auto var(--spacing-10)}@media (width<=600px){.style__1o97kvm0{margin:auto auto var(--spacing-4)}}.style__1nenzg00{width:100%;height:100%;padding:var(--spacing-4);background-color:var(--colors-background-paper);flex-direction:column;justify-content:center;align-items:center;display:flex}.sm__1nenzg01{gap:var(--spacing-4)}.md__1nenzg02{gap:var(--spacing-8)}.lg__1nenzg03{gap:var(--spacing-10)}.style__1nenzg04{margin:0 auto}.style__1nenzg05{text-align:center;color:var(--colors-text-secondary);display:block}.style__1nenzg06{color:var(--colors-text-secondary);justify-content:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}@media (width<=560px){.style__1nenzg00{gap:var(--spacing-4);grid-template-rows:1fr max-content;grid-template-columns:100%;display:grid}}.style__nan0ao0{flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@keyframes style__izacrl0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes style__izacrl1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.style__izacrl2{z-index:50;border-radius:var(--borderRadius-md);background-color:var(--colors-grey-700);padding:var(--spacing-1)var(--spacing-2);box-shadow:var(--boxShadow-md);overflow:hidden}.style__izacrl2[data-state=open]{animation:.15s ease-out style__izacrl0}.style__izacrl2[data-state=closed]{animation:.15s ease-out style__izacrl1}.style__izacrl3{color:var(--colors-foreground-primary);font-size:var(--fontSize-sm);font-weight:var(--fontWeight-medium)}.style__izacrl4{fill:var(--colors-grey-700)}.style__1wpx85c0{align-items:center;gap:var(--spacing-1);cursor:pointer;flex-wrap:nowrap;width:fit-content;display:flex}.style__1wpx85c0:hover{text-decoration:underline}.style__1wpx85c1{width:var(--spacing-4);height:var(--spacing-4);min-width:var(--spacing-4);min-height:var(--spacing-4)}.style__1047swj0{padding:var(--spacing-1)var(--spacing-2);height:100%;color:var(--colors-text-primary);font-size:var(--fontSize-base);border-bottom:1px solid var(--colors-grey-300);overflow:hidden}.style__1047swj1{opacity:.5}.style__gsm9mv0{background-color:#0000;transition:background-color .2s}.style__gsm9mv1{cursor:pointer}.style__gsm9mv1:hover{background-color:var(--colors-background-elementHover)}.style__15m2ib80{width:100%;height:100%}.style__15m2ib81{justify-content:center;align-items:center;height:100%;min-height:50px;display:flex}.style__82af400{scroll-behavior:smooth;height:100%;margin:0;padding:0;list-style-type:none}.style__2s55b60{justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}.style__uma6hu0{padding:var(--spacing-1)var(--spacing-2);width:100%;font-weight:var(--fontWeight-semibold);font-size:var(--fontSize-sm);overflow-wrap:break-word;color:var(--colors-text-secondary);background-color:var(--colors-grey-200);border-bottom:1px solid var(--colors-grey-300)}.style__fkgoub0{z-index:1;position:sticky;top:0}.style__1gqvluf0{background-color:var(--colors-background-default);border:1px solid var(--colors-grey-300);border-radius:var(--borderRadius-md);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}.style__1gqvluf1{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}.style__1gqvluf2{pointer-events:none;background:var(--colors-background-default);mix-blend-mode:luminosity}.style__1gqvluf3{pointer-events:none;opacity:.5}.style__1gqvluf4{font-size:var(--fontSize-2xl);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-none);letter-spacing:-.025em}@keyframes style__1ib8wkt0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes style__1ib8wkt1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.style__1ib8wkt2{cursor:default;gap:var(--spacing-2);user-select:none;border-radius:var(--borderRadius-md);padding:var(--spacing-2)var(--spacing-3);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);color:var(--colors-text-primary);outline:none;align-items:center;display:flex}.style__1ib8wkt2:focus,.style__1ib8wkt2[data-state=open]{background-color:var(--colors-background-elementHover)}.style__1ib8wkt2.inset{padding-left:var(--spacing-8)}.style__1ib8wkt2 svg{pointer-events:none;width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;margin-left:auto}.style__1ib8wkt3{height:var(--spacing-4);width:var(--spacing-4)}.style__1ib8wkt4{z-index:50;min-width:var(--spacing-20);border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-paper);color:var(--colors-foreground-primary);box-shadow:var(--boxShadow-md);padding:var(--spacing-1);overflow:hidden}.style__1ib8wkt4[data-state=open]{animation:.2s ease-out style__1ib8wkt0}.style__1ib8wkt4[data-state=closed]{animation:.2s ease-out style__1ib8wkt1}.style__1ib8wkt5{z-index:50;min-width:var(--spacing-20);border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-paper);color:var(--colors-foreground-primary);box-shadow:var(--boxShadow-default);padding:var(--spacing-1);overflow:hidden}.style__1ib8wkt5[data-state=open]{animation:.2s ease-out style__1ib8wkt0}.style__1ib8wkt5[data-state=closed]{animation:.2s ease-out style__1ib8wkt1}.style__1ib8wkt6{cursor:default;user-select:none;align-items:center;gap:var(--spacing-2);color:var(--colors-text-primary);border-radius:var(--borderRadius-md);padding:var(--spacing-2)var(--spacing-3);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);outline:none;transition:background-color .2s,color .2s;display:flex;position:relative}.style__1ib8wkt6:focus{background-color:var(--colors-background-elementHover);color:var(--colors-foreground-secondary)}.style__1ib8wkt6[data-disabled]{pointer-events:none;opacity:.5}.style__1ib8wkt6.inset{padding-left:var(--spacing-8)}.style__1ib8wkt6 svg{pointer-events:none;width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0}.style__1ib8wkt7{cursor:default;user-select:none;border-radius:var(--borderRadius-md);padding:var(--spacing-3)var(--spacing-8)var(--spacing-3)var(--spacing-2);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);outline:none;align-items:center;transition:background-color .2s,color .2s;display:flex;position:relative}.style__1ib8wkt7:focus{background-color:var(--colors-background-elementHover);color:var(--colors-foreground-secondary)}.style__1ib8wkt7[data-disabled]{pointer-events:none;opacity:.5}.style__1ib8wkt8{cursor:default;user-select:none;border-radius:var(--borderRadius-md);padding:var(--spacing-3)var(--spacing-8)var(--spacing-3)var(--spacing-2);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);outline:none;align-items:center;transition:background-color .2s,color .2s;display:flex;position:relative}.style__1ib8wkt8:focus{background-color:var(--colors-background-elementHover);color:var(--colors-foreground-secondary)}.style__1ib8wkt8[data-disabled]{pointer-events:none;opacity:.5}.style__1ib8wkt9,.style__1ib8wkta{left:var(--spacing-2);width:var(--spacing-4);height:var(--spacing-4);justify-content:center;align-items:center;display:flex;position:absolute}.style__1ib8wktb{padding:var(--spacing-2)var(--spacing-3);color:var(--colors-text-primary);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);font-weight:var(--fontWeight-semibold)}.style__1ib8wktb.inset{padding-left:var(--spacing-8)}.style__1ib8wktc{margin:var(--spacing-1)0;background-color:var(--colors-grey-200);height:1px}.style__1ib8wktd{font-size:var(--fontSize-xs);letter-spacing:.05em;opacity:.6;margin-left:auto}.style__y44ln70{align-items:center;display:inline-flex}.style__o752f00{align-items:center;gap:var(--spacing-1);cursor:pointer;color:inherit;font-size:inherit;font-weight:inherit;overflow-wrap:break-word;background-color:#0000;border:none;width:100%;height:100%;font-family:inherit;display:flex;position:relative}.style__o752f00 svg{stroke:currentColor;min-width:12px}.left__o752f01{justify-content:flex-start}.center__o752f02{justify-content:center}.right__o752f03{justify-content:flex-end}.justify__o752f04{justify-content:space-between}.style__1syvw5e0{padding:var(--spacing-4)var(--spacing-5);justify-content:center;list-style-type:none;display:flex}@container (width>=600px){.style__1syvw5e0{padding:var(--spacing-4)}}.style__qlujai0{justify-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-5);grid-template-rows:max-content max-content;grid-template-columns:100%;list-style-type:none;display:grid}@container (width>=600px){.style__qlujai0{gap:var(--spacing-4);padding:var(--spacing-4);justify-items:normal}}.style__111czea0{padding:var(--spacing-3)var(--spacing-5);justify-content:center;list-style-type:none;display:flex}@container (width>=600px){.style__111czea0{padding:var(--spacing-3)var(--spacing-4)}}.style__1jg5nd90{right:var(--spacing-3);bottom:var(--spacing-8);visibility:hidden;transition:visibility .2s;position:absolute}.style__1jg5nd91{visibility:visible}@container (width>=600px){.style__1jg5nd90{right:var(--spacing-8)}}.style__1ezen7g0{container-type:inline-size}.style__1ezen7g1{cursor:pointer;padding:var(--spacing-3)var(--spacing-4);background-color:var(--colors-background-default);border-radius:var(--borderRadius-sm);font-family:inherit;font-size:inherit;list-style-type:none;transition:background-color .2s}.style__1ezen7g1:hover{background-color:var(--colors-background-elementHover)}@container (width>=600px){.style__1ezen7g1{border-bottom:1px solid var(--colors-grey-300)}}.style__1tsgk1i0{max-width:calc(100% - var(--spacing-3));margin-right:var(--spacing-2);flex-shrink:0}.style__1tsgk1i1{max-width:calc(100% - 36px)}.style__1tsgk1i2{min-width:var(--spacing-3);height:var(--spacing-1);margin-right:var(--spacing-2);border-bottom:1px dashed var(--colors-grey-300);flex:1}@media (width<=600px){.style__1tsgk1i2{display:none}}.style__sdcsnp0{margin:0;overflow:hidden}.style__sdcsnp1{hyphens:auto;overflow-wrap:break-word;text-align:left;overflow:hidden}.style__sdcsnp2{text-align:right}.style__1lociyw0{align-items:baseline;margin:0;display:flex;overflow:hidden}.row__1lociyw1{flex-direction:row}.column__1lociyw2{flex-direction:column}.spaceBetween__1lociyw3{justify-content:space-between}.start__1lociyw4{justify-content:start}@keyframes style__8bkmbe0{0%{opacity:0}to{opacity:1}}@keyframes style__8bkmbe1{0%{opacity:1}to{opacity:0}}@keyframes style__8bkmbe3{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes style__8bkmbe4{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.96)}}.style__8bkmbe2{z-index:50;background-color:#0009;position:fixed;inset:0}.style__8bkmbe2[data-state=open]{animation:.2s ease-out style__8bkmbe0}.style__8bkmbe2[data-state=closed]{animation:.2s ease-in style__8bkmbe1}.style__8bkmbe5{z-index:50;gap:var(--spacing-4);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-paper);width:100%;max-width:32rem;padding:var(--spacing-4);border-radius:var(--borderRadius-md);box-shadow:var(--boxShadow-lg);transition-duration:.2s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.style__8bkmbe5[data-state=open]{animation:.2s ease-out style__8bkmbe3}.style__8bkmbe5[data-state=closed]{animation:.2s ease-in style__8bkmbe4}.style__8bkmbe6{right:var(--spacing-2);top:var(--spacing-3);border-radius:var(--borderRadius-md);opacity:.7;background-color:var(--colors-background-paper);cursor:pointer;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s;display:flex;position:absolute}.style__8bkmbe6:hover{opacity:1}.style__8bkmbe6:focus{outline:none}.style__8bkmbe6:disabled{pointer-events:none}.style__8bkmbe6[data-state=open]{background-color:var(--colors-primary-500)}.style__8bkmbe6 svg{width:24px;height:24px}.style__8bkmbe7{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.style__8bkmbe8{text-align:center;flex-direction:column;display:flex}.style__8bkmbe9{gap:var(--spacing-2)}.style__8bkmbea{gap:var(--spacing-2);flex-direction:column-reverse;display:flex}.style__8bkmbeb{font-size:var(--fontSize-lg);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-none);letter-spacing:-.025em;padding-right:var(--spacing-4)}.style__8bkmbec{font-size:var(--fontSize-sm);color:var(--colors-text-hint)}@media (width>=640px){.style__8bkmbe5{border-radius:var(--borderRadius-lg)}.style__8bkmbe8{text-align:left}.style__8bkmbea{justify-content:flex-end;gap:var(--spacing-2);flex-direction:row}}.style__a5l83v0{width:100%;max-width:800px;height:100%;margin:0 auto;position:relative;overflow:hidden}.style__a5l83v1{width:100%;height:100%;transition:transform .5s;display:flex}.style__a5l83v2{justify-content:center;align-items:center;min-width:100%;height:100%;display:flex}.style__a5l83v3{object-fit:contain;width:100%;height:100%}.style__a5l83v4{width:40px;height:40px;font-size:var(--fontSize-xl);cursor:pointer;z-index:10;background-color:#ffffffb3;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.style__a5l83v4:hover{background-color:#ffffffe6}.style__a5l83v5{left:var(--spacing-2)}.style__a5l83v6{right:var(--spacing-2)}.style__a5l83v7{bottom:var(--spacing-5);gap:var(--spacing-2);display:flex;position:absolute;left:50%;transform:translate(-50%)}.style__a5l83v8{width:var(--spacing-3);height:var(--spacing-3);cursor:pointer;background-color:#ffffff80;border:none;border-radius:50%;transition:background-color .3s}.style__a5l83v8:hover,.style__a5l83v8.active{background-color:#fff}.style__1blk89u0{align-items:center;transition:all .2s;display:flex}.outlined__1blk89u1{border:1px solid var(--colors-grey-300);border-radius:var(--borderRadius-md)}.standard__1blk89u2{border-bottom:1px solid var(--colors-grey-300);border-radius:0}.style__1blk89u3{width:100%}.style__1blk89u4:hover{border-color:var(--colors-grey-500)}.style__1blk89u5:focus-within{border-color:var(--colors-primary-500)}.style__1blk89u6{opacity:.5;border-color:var(--colors-grey-300)}.style__1blk89u7,.style__1blk89u7:hover{border-color:var(--colors-red-500)}.style__1blk89u8{font-size:inherit;background:0 0;border:none;outline:none;flex:1;font-family:inherit}.style__1blk89u8:focus{outline:none}.style__1blk89u8::placeholder{color:var(--colors-grey-500)}.style__1blk89u8:disabled{opacity:.5;cursor:not-allowed}.small__1blk89u9{font-size:var(--fontSize-xs);padding:var(--spacing-1)var(--spacing-2)}.medium__1blk89ua{font-size:var(--fontSize-sm);padding:var(--spacing-2)var(--spacing-3)}.large__1blk89ub{font-size:var(--fontSize-base);padding:var(--spacing-3)var(--spacing-4)}.style__1blk89uc{padding:0 var(--spacing-2);justify-content:center;align-items:center;display:flex}.style__1blk89ud{padding-left:0}.style__1blk89ue{padding-right:0}.style__h9oy580{touch-action:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.style__h9oy581{background-color:var(--colors-grey-200);cursor:pointer;border-radius:9999px;flex-grow:1;width:100%;height:.3rem;position:relative;overflow:hidden}.style__h9oy582{background-color:var(--colors-primary-800);height:100%;position:absolute}.style__h9oy583{border:2px solid var(--colors-primary-800);background-color:var(--colors-background-default);cursor:grab;border-radius:9999px;width:1rem;height:1rem;transition:all .2s;display:block}.style__h9oy583:focus-visible{outline:none}.style__h9oy583:disabled{pointer-events:none;opacity:.5}.style__1pnwkko0{background:var(--colors-background-paper);border:1px solid var(--colors-grey-300);border-radius:var(--borderRadius-md);border-bottom:0;justify-content:space-between;align-items:center;column-gap:5px;transition:border .2s;display:flex;position:relative}.style__1pnwkko1{border-color:var(--colors-primary-500)}.sm__1pnwkko2{font-size:var(--fontSize-xs);padding:var(--spacing-1);padding-bottom:var(--spacing-2)}.md__1pnwkko3{font-size:var(--fontSize-sm);padding:var(--spacing-2);padding-bottom:var(--spacing-3)}.lg__1pnwkko4{font-size:var(--fontSize-base);padding:var(--spacing-3);padding-bottom:var(--spacing-4)}.style__1pnwkko5{font-size:var(--fontSize-base);position:absolute;top:-22px;left:0}.style__1pnwkko6{white-space:nowrap;color:#0000004d}.style__1pnwkko7{text-align:center;width:100%;min-width:24px;font-size:var(--fontSize-sm);text-wrap:nowrap;text-overflow:ellipsis;border:none;outline:none;overflow:hidden}.style__1pnwkko7:focus{border:none}.style__1pnwkko8{width:100%;position:absolute;bottom:0;left:0}@media (width<=600px){.style__1pnwkko0{width:100%}.style__1pnwkko8{bottom:-5px}}.style__1ou2vjc0{bottom:var(--spacing-5);z-index:10;width:40px;height:40px;box-shadow:var(--boxShadow-lg);padding:5px;transition:right .3s;position:fixed;right:-40px}.style__1ou2vjc1{right:var(--spacing-5)}@media (width<=560px){.style__1ou2vjc0{width:25px;height:25px}}@keyframes style__5ilg7o0{0%{opacity:0}to{opacity:1}}@keyframes style__5ilg7o1{0%{opacity:1}to{opacity:0}}.style__5ilg7o2{border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-default);width:100%;height:2.5rem;padding:var(--spacing-2)var(--spacing-3);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);color:var(--colors-text-primary);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex}.style__5ilg7o2:focus{border-color:var(--colors-primary-800);outline:none}.style__5ilg7o2:disabled{cursor:not-allowed;opacity:.5}.style__5ilg7o2 span{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.style__5ilg7o2>span{line-clamp:1}.style__5ilg7o3{cursor:default;padding:var(--spacing-1)0;justify-content:center;align-items:center;display:flex}.style__5ilg7o4{z-index:50;border-radius:var(--borderRadius-md);border:1px solid var(--colors-grey-300);background-color:var(--colors-background-default);min-width:8rem;max-height:24rem;color:var(--colors-text-primary);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.style__5ilg7o4[data-state=open]{animation:.15s ease-out style__5ilg7o0}.style__5ilg7o4[data-state=closed]{animation:.15s ease-in style__5ilg7o1}.style__5ilg7o4[data-side=bottom]{transform:translateY(4px)}.style__5ilg7o4[data-side=top]{transform:translateY(-4px)}.style__5ilg7o4[data-side=left]{transform:translate(-4px)}.style__5ilg7o4[data-side=right]{transform:translate(4px)}.style__5ilg7o5{padding:var(--spacing-1)}.style__5ilg7o5[data-position=popper]{height:var(--radix-select-trigger-height);width:100%;min-width:var(--radix-select-trigger-width)}.style__5ilg7o6{padding:var(--spacing-1)var(--spacing-2)var(--spacing-1)var(--spacing-8);font-size:var(--fontSize-sm);font-weight:var(--fontWeight-semibold)}.style__5ilg7o7{cursor:default;user-select:none;border-radius:var(--borderRadius-md);width:100%;padding:var(--spacing-1)var(--spacing-2)var(--spacing-1)var(--spacing-8);font-size:var(--fontSize-sm);outline:none;align-items:center;display:flex;position:relative}.style__5ilg7o7:focus{background-color:var(--colors-background-elementHover);color:var(--colors-text-primary)}.style__5ilg7o7[data-disabled]{pointer-events:none;opacity:.5}.style__5ilg7o8{left:var(--spacing-2);justify-content:center;align-items:center;width:.875rem;height:.875rem;display:flex;position:absolute}.style__5ilg7o9{margin:var(--spacing-1)-var(--spacing-1);background-color:var(--colors-background-element);height:1px}.style__5ilg7oa{width:1rem;height:1rem}.style__5ilg7ob{opacity:.5;width:1rem;height:1rem}.style__hworoa0{border-radius:var(--borderRadius-md);background-color:var(--colors-grey-200);height:36px;padding:var(--spacing-1);color:var(--colors-text-disabled);justify-content:center;align-items:center;display:inline-flex}.style__hworoa1{white-space:nowrap;border-radius:var(--borderRadius-md);padding:var(--spacing-1)var(--spacing-3);font-size:var(--fontSize-sm);line-height:1.25rem;font-weight:var(--fontWeight-medium);color:inherit;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.style__hworoa1:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--colors-primary-500);outline:2px solid #0000}.style__hworoa1:disabled{pointer-events:none;opacity:.5}.style__hworoa1[data-state=active]{background-color:var(--colors-background-default);color:var(--colors-text-primary);box-shadow:var(--boxShadow-default)}.style__hworoa2{margin-top:var(--spacing-2)}.style__hworoa2:focus-visible{box-shadow:0 0 0 2px var(--colors-primary-500);outline-offset:2px;outline:none}.style__kqu4y20{gap:var(--spacing-1);flex-direction:column;display:flex}.style__kqu4y21{font-size:var(--fontSize-xs);margin:0;margin-left:var(--spacing-1);color:inherit}.style__kqu4y22{opacity:.5}.style__kqu4y23{color:var(--colors-red-500)}.style__kqu4y24{width:100%}
|
|
1
|
+
:root{--colors-primary:oklch(.27 0 0);--colors-secondary:oklch(.45 .03 257);--colors-border:oklch(.92 0 0);--colors-error:oklch(.64 .21 25);--colors-success:oklch(.63 .17 149);--colors-warning:oklch(.8 .16 86);--colors-info:oklch(.6 .19 250);--colors-background-tooltip:oklch(.37 0 0);--colors-background-paper:#fff;--colors-background-element:oklch(.97 0 265);--colors-background-elementHover:oklch(.93 .01 265);--colors-foreground-primary:oklch(.98 .003 264);--colors-foreground-secondary:oklch(.18 .02 264);--colors-text-primary:oklch(.21 .03 265);--colors-text-secondary:oklch(.37 .03 260);--colors-text-disabled:oklch(.55 .02 264);--colors-text-hint:oklch(.71 .02 261);--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--fontSize-xs:.75rem;--fontSize-sm:.875rem;--fontSize-base:1rem;--fontSize-lg:1.125rem;--fontSize-xl:1.25rem;--fontSize-2xl:1.5rem;--fontSize-3xl:1.875rem;--fontSize-4xl:2.25rem;--fontWeight-normal:400;--fontWeight-medium:500;--fontWeight-semibold:600;--fontWeight-bold:700;--lineHeight-none:1;--lineHeight-tight:1.25;--lineHeight-snug:1.375;--lineHeight-normal:1.5;--lineHeight-relaxed:1.625;--lineHeight-loose:2;--borderRadius-sm:.125rem;--borderRadius-md:.375rem;--borderRadius-lg:.5rem;--boxShadow-sm:0 1px 2px 0 #0000000d;--boxShadow-default:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--boxShadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--boxShadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--boxShadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{padding:0}ul,ol{margin:0;padding:0;list-style:none}li{margin:0;padding:0;list-style-type:none}body{-webkit-font-smoothing:antialiased;color:var(--colors-text-primary);background-color:var(--colors-background-paper);font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}button{cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes style__1ersxw11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.style__1ersxw10{white-space:nowrap;border-radius:var(--borderRadius-md);font-size:var(--fontSize-sm);font-family:inherit;font-weight:var(--fontWeight-medium);cursor:pointer;border-width:0;justify-content:center;align-items:center;line-height:100%;transition:background-color .2s;display:inline-flex;position:relative}.style__1ersxw10:disabled{pointer-events:none;opacity:.5}.style__1ersxw10:focus-visible{outline-offset:2px;box-shadow:var(--boxShadow-sm);outline:2px solid #0000}.style__1ersxw12{pointer-events:none;opacity:.5}.style__1ersxw12:after{content:"";box-sizing:border-box;z-index:2;border-style:solid;border-width:2px;border-bottom-color:#0000;border-radius:50%;width:18px;height:18px;animation:1s linear infinite style__1ersxw11;display:inline-block;position:absolute}.style__1ersxw13{width:100%}.default__1ersxw14{background-color:var(--colors-primary);color:var(--colors-foreground-primary)}.default__1ersxw14:hover{background-color:color-mix(in oklch,var(--colors-primary)80%,transparent)}.destructive__1ersxw15{background-color:var(--colors-error);color:var(--colors-foreground-primary)}.destructive__1ersxw15:hover{background-color:color-mix(in oklch,var(--colors-error)80%,transparent)}.outline__1ersxw16{border:1px solid var(--colors-border);background-color:var(--colors-background-paper);color:var(--colors-text-primary)}.outline__1ersxw16:hover{background-color:var(--colors-background-elementHover)}.ghost__1ersxw17{color:var(--colors-text-primary);background-color:#0000}.ghost__1ersxw17:hover{background-color:var(--colors-background-elementHover)}.link__1ersxw18{color:var(--colors-primary);text-underline-offset:4px;background-color:#0000}.link__1ersxw18:hover{text-decoration-line:underline}.sm__1ersxw19{height:2rem;padding:0 .7rem}.md__1ersxw1a{height:2.5rem;padding:.5rem 1rem}.lg__1ersxw1b{height:2.7rem;padding:0 1.5rem}.icon__1ersxw1c{width:2.5rem;height:2.5rem}.iconSm__1ersxw1d{width:2rem;height:2rem}.style__c31e140{font-size:var(--fontSize-sm);line-height:var(--lineHeight-none);font-weight:var(--fontWeight-medium);margin-left:var(--spacing-1)}.style__c31e141{opacity:.5;cursor:not-allowed}.style__1iqvz720{font-family:inherit;font-size:inherit;line-height:inherit;display:flex;position:relative}.style__1iqvz721{border-right:none;border-radius:0}.style__1iqvz721:first-of-type{border-top-left-radius:var(--borderRadius-md);border-bottom-left-radius:var(--borderRadius-md)}.style__1iqvz721:last-of-type{border-top-right-radius:var(--borderRadius-md);border-bottom-right-radius:var(--borderRadius-md);border-right:1px solid var(--colors-border)}.style__1iqvz722{font-size:var(--fontSize-base);position:absolute;top:-22px;left:0}.style__oyalw00{border-radius:var(--borderRadius-md);border:1px solid var(--colors-border);background-color:var(--colors-background-paper);box-shadow:var(--boxShadow-md)}.style__oyalw01{padding:var(--spacing-6);justify-content:space-between;gap:var(--spacing-2);flex-direction:column;display:flex}.style__oyalw02{font-size:var(--fontSize-2xl);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-none);letter-spacing:-.025em}.style__oyalw03{font-size:var(--fontSize-sm);color:var(--colors-text-secondary)}.style__oyalw04{padding:var(--spacing-6);padding-top:0}.style__oyalw05{padding:var(--spacing-6);align-items:center;padding-top:0;display:flex}.style__b7yo4k0{border:1px solid var(--colors-primary);background-color:var(--colors-background-paper);cursor:pointer;border-radius:.2rem;flex-shrink:0;width:1rem;height:1rem;transition:all .2s;position:relative}.style__b7yo4k0:focus-visible{box-shadow:0 0 0 2px [object Object],0 0 0 4px var(--colors-primary);outline:none}.style__b7yo4k0:disabled{cursor:not-allowed;opacity:.5}.style__b7yo4k0[data-state=checked]{background-color:var(--colors-primary);color:var(--colors-foreground-primary)}.style__b7yo4k1{justify-content:center;align-items:center;display:flex}.style__b7yo4k2{width:1rem;height:1rem;stroke:var(--colors-foreground-primary);stroke-width:3px}@keyframes style__m6b9n20{to{transform:rotate(360deg)}}@keyframes style__m6b9n21{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15px}to{stroke-dasharray:100 200;stroke-dashoffset:-125px}}.style__m6b9n22{display:inline-block;position:relative}.style__m6b9n23{transform-origin:50%;width:100%;height:100%;display:block}.style__m6b9n24{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .35s}.determinate__m6b9n25{& style__m6b9n23{transform:rotate(-90deg)}& style__m6b9n24{transition:stroke-dashoffset .35s}}.indeterminate__m6b9n26{animation:1.4s linear infinite style__m6b9n20;& style__m6b9n24{animation:1.4s ease-in-out infinite style__m6b9n21}}.primary__m6b9n27{color:var(--colors-primary)}.secondary__m6b9n28{color:var(--colors-secondary)}.inherit__m6b9n29{color:inherit}@keyframes style__1xy4jvu0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes style__1xy4jvu1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.style__1xy4jvu2{z-index:50;border-radius:var(--borderRadius-md);border:1px solid var(--colors-border);background-color:var(--colors-background-paper);width:18rem;padding:var(--spacing-4);box-shadow:var(--boxShadow-md);outline:none}.style__1xy4jvu2[data-state=open]{animation:.15s ease-out style__1xy4jvu0}.style__1xy4jvu2[data-state=closed]{animation:.15s ease-out style__1xy4jvu1}.h1__1sba6zo0{font-size:var(--fontSize-4xl);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-tight);letter-spacing:-.025em}.h2__1sba6zo1{font-size:var(--fontSize-3xl);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-tight);letter-spacing:-.025em}.h3__1sba6zo2{font-size:var(--fontSize-2xl);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-snug);letter-spacing:-.025em}.h4__1sba6zo3{font-size:var(--fontSize-xl);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-snug)}.h5__1sba6zo4{font-size:var(--fontSize-lg);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-normal)}.h6__1sba6zo5{font-size:var(--fontSize-base);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-normal)}.subtitle1__1sba6zo6{font-size:var(--fontSize-base);font-weight:var(--fontWeight-medium);line-height:var(--lineHeight-normal);letter-spacing:.009em}.subtitle2__1sba6zo7{font-size:var(--fontSize-sm);font-weight:var(--fontWeight-medium);letter-spacing:.007em;line-height:1.57}.body1__1sba6zo8{font-size:var(--fontSize-base);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-normal);letter-spacing:.012em}.body2__1sba6zo9{font-size:var(--fontSize-sm);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-snug);letter-spacing:.01em}.caption__1sba6zoa{font-size:var(--fontSize-xs);font-weight:var(--fontWeight-normal);line-height:var(--lineHeight-relaxed);letter-spacing:.027em}.overline__1sba6zob{font-size:var(--fontSize-xs);font-weight:var(--fontWeight-normal);letter-spacing:.083em;text-transform:uppercase;line-height:2.66}.primary__1sba6zoc{color:var(--colors-text-primary)}.secondary__1sba6zod{color:var(--colors-text-secondary)}.disabled__1sba6zoe{color:var(--colors-text-disabled)}.success__1sba6zof{color:var(--colors-success)}.error__1sba6zog{color:var(--colors-error)}.warning__1sba6zoh{color:var(--colors-warning)}.info__1sba6zoi{color:var(--colors-info)}.left__1sba6zoj{text-align:left}.center__1sba6zok{text-align:center}.right__1sba6zol{text-align:right}.justify__1sba6zom{text-align:justify}.block__1sba6zon{display:block}.inline__1sba6zoo{display:inline}.normal__1sba6zop{font-weight:var(--fontWeight-normal)}.medium__1sba6zoq{font-weight:var(--fontWeight-medium)}.semibold__1sba6zor{font-weight:var(--fontWeight-semibold)}.bold__1sba6zos{font-weight:var(--fontWeight-bold)}.lowercase__1sba6zot{text-transform:lowercase}.uppercase__1sba6zou{text-transform:uppercase}.capitalize__1sba6zov{text-transform:capitalize}.none__1sba6zow{text-decoration:none}.underline__1sba6zox{text-decoration:underline}.lineThrough__1sba6zoy{text-decoration:line-through}.style__1sba6zoz{margin-bottom:var(--spacing-2)}.style__1q1uhgp0{justify-content:end;gap:10px;display:flex}.style__1q1uhgp1{flex-direction:column;gap:10px;display:flex}.style__1q1uhgp2{width:min-content;padding:.7rem}.style__1q1uhgp3{width:max-content;max-width:400px}.style__1o97kvm0{object-fit:contain;max-width:100%;color:var(--colors-text-secondary);display:block}.sm__1o97kvm1{margin:auto auto var(--spacing-4)}.md__1o97kvm2{margin:auto auto var(--spacing-8)}.lg__1o97kvm3{margin:auto auto var(--spacing-10)}@media (width<=600px){.style__1o97kvm0{margin:auto auto var(--spacing-4)}}.style__1nenzg00{width:100%;height:100%;padding:var(--spacing-4);background-color:var(--colors-background-paper);flex-direction:column;justify-content:center;align-items:center;display:flex}.sm__1nenzg01{gap:var(--spacing-4)}.md__1nenzg02{gap:var(--spacing-8)}.lg__1nenzg03{gap:var(--spacing-10)}.style__1nenzg04{margin:0 auto}.style__1nenzg05{text-align:center;color:var(--colors-text-secondary);display:block}.style__1nenzg06{color:var(--colors-text-secondary);justify-content:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}@media (width<=560px){.style__1nenzg00{gap:var(--spacing-4);grid-template-rows:1fr max-content;grid-template-columns:100%;display:grid}}.style__nan0ao0{flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@keyframes style__izacrl0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes style__izacrl1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.style__izacrl2{z-index:50;border-radius:var(--borderRadius-md);background-color:var(--colors-background-tooltip);padding:var(--spacing-1)var(--spacing-2);box-shadow:var(--boxShadow-md);overflow:hidden}.style__izacrl2[data-state=open]{animation:.15s ease-out style__izacrl0}.style__izacrl2[data-state=closed]{animation:.15s ease-out style__izacrl1}.style__izacrl3{color:var(--colors-foreground-primary);font-size:var(--fontSize-sm);font-weight:var(--fontWeight-medium)}.style__izacrl4{fill:var(--colors-background-tooltip)}.style__1wpx85c0{align-items:center;gap:var(--spacing-1);cursor:pointer;flex-wrap:nowrap;width:fit-content;display:flex}.style__1wpx85c0:hover{text-decoration:underline}.style__1wpx85c1{width:var(--spacing-4);height:var(--spacing-4);min-width:var(--spacing-4);min-height:var(--spacing-4)}.style__1047swj0{padding:var(--spacing-1)var(--spacing-2);height:100%;color:var(--colors-text-primary);font-size:var(--fontSize-base);border-bottom:1px solid var(--colors-border);overflow:hidden}.style__1047swj1{opacity:.5}.style__gsm9mv0{background-color:#0000;transition:background-color .2s}.style__gsm9mv1{cursor:pointer}.style__gsm9mv1:hover{background-color:var(--colors-background-elementHover)}.style__15m2ib80{width:100%;height:100%}.style__15m2ib81{justify-content:center;align-items:center;height:100%;min-height:50px;display:flex}.style__82af400{scroll-behavior:smooth;height:100%;margin:0;padding:0;list-style-type:none}.style__2s55b60{justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}.style__uma6hu0{padding:var(--spacing-1)var(--spacing-2);width:100%;font-weight:var(--fontWeight-semibold);font-size:var(--fontSize-sm);overflow-wrap:break-word;color:var(--colors-text-secondary);background-color:var(--colors-background-elementHover);border-bottom:1px solid var(--colors-border)}.style__fkgoub0{z-index:1;position:sticky;top:0}.style__1gqvluf0{background-color:var(--colors-background-paper);border:1px solid var(--colors-border);border-radius:var(--borderRadius-md);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}.style__1gqvluf1{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}.style__1gqvluf2{pointer-events:none;background:var(--colors-background-paper);mix-blend-mode:luminosity}.style__1gqvluf3{pointer-events:none;opacity:.5}.style__1gqvluf4{font-size:var(--fontSize-2xl);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-none);letter-spacing:-.025em}@keyframes style__1ib8wkt0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes style__1ib8wkt1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.style__1ib8wkt2{cursor:default;gap:var(--spacing-2);user-select:none;border-radius:var(--borderRadius-md);padding:var(--spacing-2)var(--spacing-3);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);color:var(--colors-text-primary);outline:none;align-items:center;display:flex}.style__1ib8wkt2:focus,.style__1ib8wkt2[data-state=open]{background-color:var(--colors-background-elementHover)}.style__1ib8wkt2.inset{padding-left:var(--spacing-8)}.style__1ib8wkt2 svg{pointer-events:none;width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;margin-left:auto}.style__1ib8wkt3{height:var(--spacing-4);width:var(--spacing-4)}.style__1ib8wkt4{z-index:50;min-width:var(--spacing-20);border-radius:var(--borderRadius-md);border:1px solid var(--colors-border);background-color:var(--colors-background-paper);color:var(--colors-foreground-primary);box-shadow:var(--boxShadow-md);padding:var(--spacing-1);overflow:hidden}.style__1ib8wkt4[data-state=open]{animation:.2s ease-out style__1ib8wkt0}.style__1ib8wkt4[data-state=closed]{animation:.2s ease-out style__1ib8wkt1}.style__1ib8wkt5{z-index:50;min-width:var(--spacing-20);border-radius:var(--borderRadius-md);border:1px solid var(--colors-border);background-color:var(--colors-background-paper);color:var(--colors-foreground-primary);box-shadow:var(--boxShadow-md);padding:var(--spacing-1);overflow:hidden}.style__1ib8wkt5[data-state=open]{animation:.2s ease-out style__1ib8wkt0}.style__1ib8wkt5[data-state=closed]{animation:.2s ease-out style__1ib8wkt1}.style__1ib8wkt6{cursor:default;user-select:none;align-items:center;gap:var(--spacing-2);color:var(--colors-text-primary);border-radius:var(--borderRadius-md);padding:var(--spacing-2)var(--spacing-3);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);outline:none;transition:background-color .2s,color .2s;display:flex;position:relative}.style__1ib8wkt6:focus{background-color:var(--colors-background-elementHover);color:var(--colors-foreground-secondary)}.style__1ib8wkt6[data-disabled]{pointer-events:none;opacity:.5}.style__1ib8wkt6.inset{padding-left:var(--spacing-8)}.style__1ib8wkt6 svg{pointer-events:none;width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0}.style__1ib8wkt7{cursor:default;user-select:none;border-radius:var(--borderRadius-md);padding:var(--spacing-3)var(--spacing-8)var(--spacing-3)var(--spacing-2);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);outline:none;align-items:center;transition:background-color .2s,color .2s;display:flex;position:relative}.style__1ib8wkt7:focus{background-color:var(--colors-background-elementHover);color:var(--colors-foreground-secondary)}.style__1ib8wkt7[data-disabled]{pointer-events:none;opacity:.5}.style__1ib8wkt8{cursor:default;user-select:none;border-radius:var(--borderRadius-md);padding:var(--spacing-3)var(--spacing-8)var(--spacing-3)var(--spacing-2);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);outline:none;align-items:center;transition:background-color .2s,color .2s;display:flex;position:relative}.style__1ib8wkt8:focus{background-color:var(--colors-background-elementHover);color:var(--colors-foreground-secondary)}.style__1ib8wkt8[data-disabled]{pointer-events:none;opacity:.5}.style__1ib8wkt9,.style__1ib8wkta{left:var(--spacing-2);width:var(--spacing-4);height:var(--spacing-4);justify-content:center;align-items:center;display:flex;position:absolute}.style__1ib8wktb{padding:var(--spacing-2)var(--spacing-3);color:var(--colors-text-primary);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);font-weight:var(--fontWeight-semibold)}.style__1ib8wktb.inset{padding-left:var(--spacing-8)}.style__1ib8wktc{margin:var(--spacing-1)0;background-color:var(--colors-border);height:1px}.style__1ib8wktd{font-size:var(--fontSize-xs);letter-spacing:.05em;opacity:.6;margin-left:auto}.style__y44ln70{align-items:center;display:inline-flex}.style__o752f00{align-items:center;gap:var(--spacing-1);cursor:pointer;color:inherit;font-size:inherit;font-weight:inherit;overflow-wrap:break-word;background-color:#0000;border:none;width:100%;height:100%;font-family:inherit;display:flex;position:relative}.style__o752f00 svg{stroke:currentColor;min-width:12px}.left__o752f01{justify-content:flex-start}.center__o752f02{justify-content:center}.right__o752f03{justify-content:flex-end}.justify__o752f04{justify-content:space-between}.style__1syvw5e0{padding:var(--spacing-4)var(--spacing-5);justify-content:center;list-style-type:none;display:flex}@container (width>=600px){.style__1syvw5e0{padding:var(--spacing-4)}}.style__qlujai0{justify-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-5);grid-template-rows:max-content max-content;grid-template-columns:100%;list-style-type:none;display:grid}@container (width>=600px){.style__qlujai0{gap:var(--spacing-4);padding:var(--spacing-4);justify-items:normal}}.style__111czea0{padding:var(--spacing-3)var(--spacing-5);justify-content:center;list-style-type:none;display:flex}@container (width>=600px){.style__111czea0{padding:var(--spacing-3)var(--spacing-4)}}.style__1jg5nd90{right:var(--spacing-3);bottom:var(--spacing-8);visibility:hidden;transition:visibility .2s;position:absolute}.style__1jg5nd91{visibility:visible}@container (width>=600px){.style__1jg5nd90{right:var(--spacing-8)}}.style__1ezen7g0{container-type:inline-size}.style__1ezen7g1{cursor:pointer;padding:var(--spacing-3)var(--spacing-4);background-color:var(--colors-background-paper);border-radius:var(--borderRadius-sm);font-family:inherit;font-size:inherit;list-style-type:none;transition:background-color .2s}.style__1ezen7g1:hover{background-color:var(--colors-background-elementHover)}@container (width>=600px){.style__1ezen7g1{border-bottom:1px solid var(--colors-border)}}.style__1tsgk1i0{max-width:calc(100% - var(--spacing-3));margin-right:var(--spacing-2);flex-shrink:0}.style__1tsgk1i1{max-width:calc(100% - 36px)}.style__1tsgk1i2{min-width:var(--spacing-3);height:var(--spacing-1);margin-right:var(--spacing-2);border-bottom:1px dashed var(--colors-border);flex:1}@media (width<=600px){.style__1tsgk1i2{display:none}}.style__sdcsnp0{margin:0;overflow:hidden}.style__sdcsnp1{hyphens:auto;overflow-wrap:break-word;text-align:left;overflow:hidden}.style__sdcsnp2{text-align:right}.style__1lociyw0{align-items:baseline;margin:0;display:flex;overflow:hidden}.row__1lociyw1{flex-direction:row}.column__1lociyw2{flex-direction:column}.spaceBetween__1lociyw3{justify-content:space-between}.start__1lociyw4{justify-content:start}@keyframes style__8bkmbe0{0%{opacity:0}to{opacity:1}}@keyframes style__8bkmbe1{0%{opacity:1}to{opacity:0}}@keyframes style__8bkmbe3{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes style__8bkmbe4{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.96)}}.style__8bkmbe2{z-index:50;background-color:#0009;position:fixed;inset:0}.style__8bkmbe2[data-state=open]{animation:.2s ease-out style__8bkmbe0}.style__8bkmbe2[data-state=closed]{animation:.2s ease-in style__8bkmbe1}.style__8bkmbe5{z-index:50;gap:var(--spacing-4);border:1px solid var(--colors-border);background-color:var(--colors-background-paper);width:100%;max-width:32rem;padding:var(--spacing-4);border-radius:var(--borderRadius-md);box-shadow:var(--boxShadow-lg);transition-duration:.2s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.style__8bkmbe5[data-state=open]{animation:.2s ease-out style__8bkmbe3}.style__8bkmbe5[data-state=closed]{animation:.2s ease-in style__8bkmbe4}.style__8bkmbe6{right:var(--spacing-2);top:var(--spacing-3);border-radius:var(--borderRadius-md);opacity:.7;background-color:var(--colors-background-paper);cursor:pointer;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s;display:flex;position:absolute}.style__8bkmbe6:hover{opacity:1}.style__8bkmbe6:focus{outline:none}.style__8bkmbe6:disabled{pointer-events:none}.style__8bkmbe6[data-state=open]{background-color:var(--colors-primary)}.style__8bkmbe6 svg{width:24px;height:24px}.style__8bkmbe7{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.style__8bkmbe8{text-align:center;flex-direction:column;display:flex}.style__8bkmbe9{gap:var(--spacing-2)}.style__8bkmbea{gap:var(--spacing-2);flex-direction:column-reverse;display:flex}.style__8bkmbeb{font-size:var(--fontSize-lg);font-weight:var(--fontWeight-semibold);line-height:var(--lineHeight-none);letter-spacing:-.025em;padding-right:var(--spacing-4)}.style__8bkmbec{font-size:var(--fontSize-sm);color:var(--colors-text-hint)}@media (width>=640px){.style__8bkmbe5{border-radius:var(--borderRadius-lg)}.style__8bkmbe8{text-align:left}.style__8bkmbea{justify-content:flex-end;gap:var(--spacing-2);flex-direction:row}}.style__a5l83v0{width:100%;max-width:800px;height:100%;margin:0 auto;position:relative;overflow:hidden}.style__a5l83v1{width:100%;height:100%;transition:transform .5s;display:flex}.style__a5l83v2{justify-content:center;align-items:center;min-width:100%;height:100%;display:flex}.style__a5l83v3{object-fit:contain;width:100%;height:100%}.style__a5l83v4{width:40px;height:40px;font-size:var(--fontSize-xl);cursor:pointer;z-index:10;background-color:#ffffffb3;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.style__a5l83v4:hover{background-color:#ffffffe6}.style__a5l83v5{left:var(--spacing-2)}.style__a5l83v6{right:var(--spacing-2)}.style__a5l83v7{bottom:var(--spacing-5);gap:var(--spacing-2);display:flex;position:absolute;left:50%;transform:translate(-50%)}.style__a5l83v8{width:var(--spacing-3);height:var(--spacing-3);cursor:pointer;background-color:#ffffff80;border:none;border-radius:50%;transition:background-color .3s}.style__a5l83v8:hover,.style__a5l83v8.active{background-color:#fff}.style__1blk89u0{align-items:center;transition:all .2s;display:flex}.outlined__1blk89u1{border:1px solid var(--colors-border);border-radius:var(--borderRadius-md)}.standard__1blk89u2{border-bottom:1px solid var(--colors-border);border-radius:0}.style__1blk89u3{width:100%}.style__1blk89u4:hover{border-color:color-mix(in oklch,var(--colors-border)80%,var(--colors-primary)100%)}.style__1blk89u5:focus-within{border-color:color-mix(in oklch,var(--colors-primary)80%,transparent)}.style__1blk89u6{opacity:.5;border-color:var(--colors-border)}.style__1blk89u7,.style__1blk89u7:hover{border-color:var(--colors-error)}.style__1blk89u8{font-size:inherit;background:0 0;border:none;outline:none;flex:1;font-family:inherit}.style__1blk89u8:focus{outline:none}.style__1blk89u8::placeholder{color:var(--colors-text-hint)}.style__1blk89u8:disabled{opacity:.5;cursor:not-allowed}.small__1blk89u9{font-size:var(--fontSize-xs);padding:var(--spacing-1)var(--spacing-2)}.medium__1blk89ua{font-size:var(--fontSize-sm);padding:var(--spacing-2)var(--spacing-3)}.large__1blk89ub{font-size:var(--fontSize-base);padding:var(--spacing-3)var(--spacing-4)}.style__1blk89uc{padding:0 var(--spacing-2);justify-content:center;align-items:center;display:flex}.style__1blk89ud{padding-left:0}.style__1blk89ue{padding-right:0}.style__h9oy580{touch-action:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.style__h9oy581{background-color:var(--colors-background-elementHover);cursor:pointer;border-radius:9999px;flex-grow:1;width:100%;height:.2rem;position:relative;overflow:hidden}.style__h9oy582{background-color:var(--colors-primary);height:100%;position:absolute}.style__h9oy583{height:var(--spacing-4);width:var(--spacing-4);border:2px solid var(--colors-primary);background-color:var(--colors-background-paper);cursor:grab;border-radius:9999px;transition:all .2s;display:block}.style__h9oy583:focus-visible{outline:none}.style__h9oy583:disabled{pointer-events:none;opacity:.5}.style__1pnwkko0{background:var(--colors-background-paper);border:1px solid var(--colors-border);border-radius:var(--borderRadius-md);border-bottom:0;justify-content:space-between;align-items:center;column-gap:5px;transition:border .2s;display:flex;position:relative}.style__1pnwkko1{border-color:var(--colors-primary)}.sm__1pnwkko2{font-size:var(--fontSize-xs);padding:var(--spacing-1);padding-bottom:var(--spacing-2)}.md__1pnwkko3{font-size:var(--fontSize-sm);padding:var(--spacing-2);padding-bottom:var(--spacing-3)}.lg__1pnwkko4{font-size:var(--fontSize-base);padding:var(--spacing-3);padding-bottom:var(--spacing-4)}.style__1pnwkko5{font-size:var(--fontSize-base);position:absolute;top:-22px;left:0}.style__1pnwkko6{white-space:nowrap;color:#0000004d}.style__1pnwkko7{text-align:center;width:100%;min-width:24px;font-size:var(--fontSize-sm);text-wrap:nowrap;text-overflow:ellipsis;border:none;outline:none;overflow:hidden}.style__1pnwkko7:focus{border:none}.style__1pnwkko8{width:100%;position:absolute;bottom:0;left:0}@media (width<=600px){.style__1pnwkko0{width:100%}}.style__1ou2vjc0{bottom:var(--spacing-5);z-index:10;width:40px;height:40px;box-shadow:var(--boxShadow-lg);padding:5px;transition:right .3s;position:fixed;right:-40px}.style__1ou2vjc1{right:var(--spacing-5)}@media (width<=560px){.style__1ou2vjc0{width:25px;height:25px}}@keyframes style__5ilg7o0{0%{opacity:0}to{opacity:1}}@keyframes style__5ilg7o1{0%{opacity:1}to{opacity:0}}.style__5ilg7o2{border-radius:var(--borderRadius-md);border:1px solid var(--colors-border);background-color:var(--colors-background-paper);width:100%;height:2.5rem;padding:var(--spacing-2)var(--spacing-3);font-size:var(--fontSize-sm);line-height:var(--lineHeight-tight);color:var(--colors-text-primary);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex}.style__5ilg7o2:focus{border-color:var(--colors-primary);outline:none}.style__5ilg7o2:disabled{cursor:not-allowed;opacity:.5}.style__5ilg7o2 span{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.style__5ilg7o2>span{line-clamp:1}.style__5ilg7o3{cursor:default;padding:var(--spacing-1)0;justify-content:center;align-items:center;display:flex}.style__5ilg7o4{z-index:50;border-radius:var(--borderRadius-md);border:1px solid var(--colors-border);background-color:var(--colors-background-paper);min-width:8rem;max-height:24rem;color:var(--colors-text-primary);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.style__5ilg7o4[data-state=open]{animation:.15s ease-out style__5ilg7o0}.style__5ilg7o4[data-state=closed]{animation:.15s ease-in style__5ilg7o1}.style__5ilg7o4[data-side=bottom]{transform:translateY(4px)}.style__5ilg7o4[data-side=top]{transform:translateY(-4px)}.style__5ilg7o4[data-side=left]{transform:translate(-4px)}.style__5ilg7o4[data-side=right]{transform:translate(4px)}.style__5ilg7o5{padding:var(--spacing-1)}.style__5ilg7o5[data-position=popper]{height:var(--radix-select-trigger-height);width:100%;min-width:var(--radix-select-trigger-width)}.style__5ilg7o6{padding:var(--spacing-1)var(--spacing-2)var(--spacing-1)var(--spacing-8);font-size:var(--fontSize-sm);font-weight:var(--fontWeight-semibold)}.style__5ilg7o7{cursor:default;user-select:none;border-radius:var(--borderRadius-md);width:100%;padding:var(--spacing-1)var(--spacing-2)var(--spacing-1)var(--spacing-8);font-size:var(--fontSize-sm);outline:none;align-items:center;display:flex;position:relative}.style__5ilg7o7:focus{background-color:var(--colors-background-elementHover);color:var(--colors-text-primary)}.style__5ilg7o7[data-disabled]{pointer-events:none;opacity:.5}.style__5ilg7o8{left:var(--spacing-2);justify-content:center;align-items:center;width:.875rem;height:.875rem;display:flex;position:absolute}.style__5ilg7o9{margin:var(--spacing-1)-var(--spacing-1);background-color:var(--colors-background-element);height:1px}.style__5ilg7oa{width:1rem;height:1rem}.style__5ilg7ob{opacity:.5;width:1rem;height:1rem}.style__hworoa0{border-radius:var(--borderRadius-md);background-color:var(--colors-background-elementHover);height:36px;padding:var(--spacing-1);color:var(--colors-text-disabled);justify-content:center;align-items:center;display:inline-flex}.style__hworoa1{white-space:nowrap;border-radius:var(--borderRadius-md);padding:var(--spacing-1)var(--spacing-3);font-size:var(--fontSize-sm);line-height:1.25rem;font-weight:var(--fontWeight-medium);color:inherit;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.style__hworoa1:focus-visible{outline-offset:2px;box-shadow:var(--boxShadow-sm);outline:2px solid #0000}.style__hworoa1:disabled{pointer-events:none;opacity:.5}.style__hworoa1[data-state=active]{background-color:var(--colors-background-paper);color:var(--colors-text-primary);box-shadow:var(--boxShadow-default)}.style__hworoa2{margin-top:var(--spacing-2)}.style__hworoa2:focus-visible{box-shadow:var(--boxShadow-sm);outline-offset:2px;outline:none}.style__kqu4y20{gap:var(--spacing-1);flex-direction:column;display:flex}.style__kqu4y21{font-size:var(--fontSize-xs);margin:0;margin-left:var(--spacing-1);color:inherit}.style__kqu4y22{opacity:.5}.style__kqu4y23{color:var(--colors-error)}.style__kqu4y24{width:100%}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@max-ts/kit",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"browser": "./src/index.ts",
|
|
5
5
|
"main": "./lib/index.mjs",
|
|
6
6
|
"module": "./lib/index.mjs",
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
".": {
|
|
9
9
|
"import": "./lib/index.mjs",
|
|
10
10
|
"types": "./lib/index.d.ts"
|
|
11
|
-
}
|
|
11
|
+
},
|
|
12
|
+
"./styles.css": "./lib/styles.css"
|
|
12
13
|
},
|
|
13
14
|
"files": [
|
|
14
15
|
"lib"
|