@vchasno/ui-kit 0.3.34 → 0.4.0

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,2 @@
+import e,{useState as t,useRef as r,useEffect as n}from"react";import a from"classnames";import l from"../FlexBox/FlexBox.js";import i from"../Spinner/Spinner.js";function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r,n,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var l=[],i=!0,c=!1;try{for(a=a.call(e);!(i=(r=a.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){c=!0,n=e}finally{try{i||null==a.return||a.return()}finally{if(c)throw n}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return c(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var s=function(c){var s,f=c.onChange,m=c.items,d=c.defaultActiveKey,y=c.activeTab,v=c.className,b=c.isPending,p=u(t(!1),2),h=p[0],g=p[1],k=u(t(y||d||m[0].key),2),x=k[0],A=k[1],E=y||x,w=r(null),S=r(null),j=r(null),N=r(!0);n(function(){if(S.current&&j.current){var e=S.current.getBoundingClientRect(),t=Array.from(S.current.querySelectorAll("li")||[]).find(function(e){var t;return(null===(t=e.dataset)||void 0===t?void 0:t.key)===E});if(t){var r=t.getBoundingClientRect(),n=r.width,a=r.x;j.current.style.width="".concat(n,"px"),j.current.style.left="".concat(a-e.x,"px")}N.current=!1}},[E]),n(function(){S.current&&w.current&&S.current.scrollWidth>w.current.clientWidth&&g(!0)},[]);var C=m.find(function(e){return e.key===E});return /*#__PURE__*/e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement("div",{className:a("vchasno-ui-tabs-wrapper-root",(o(s={},"--skip-animation",N.current),o(s,"--ping-left",h&&C!==m[0]),o(s,"--ping-right",h&&C!==m[m.length-1]),s))},/*#__PURE__*/e.createElement("div",{ref:w,className:a("vchasno-ui-tabs-wrapper",o({},"--h-scroll",h))},/*#__PURE__*/e.createElement("ul",{className:a("vchasno-ui-tabs",v),ref:S},m.map(function(t){return /*#__PURE__*/e.createElement("li",{"data-key":t.key,className:a("vchasno-ui-tabs__label-item",t.className,{"--active":t===C,"--disabled":t.disabled}),key:t.key,onClick:function(e){!t.disabled&&(A(t.key),null==f||f(t.key),h&&e.currentTarget.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}))}},t.label)}),/*#__PURE__*/e.createElement("span",{ref:j,className:"vchasno-ui-tabs__indicator"})))),!b&&(null==C?void 0:C.children),b&&/*#__PURE__*/e.createElement(l,{justify:"center",align:"center",style:{minHeight:300}},/*#__PURE__*/e.createElement(i,{color:"var(--vchasno-ui-tabs-active-color, #087dc1)"})))};export{s as default};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport cn from 'classnames';\n\nimport FlexBox from '../FlexBox';\nimport Spinner from '../Spinner';\n\nimport './Tabs.global.css';\n\nexport interface Tab<T> {\n    key: T;\n    children: React.ReactNode;\n    label: string | React.ReactNode;\n    disabled?: boolean;\n    className?: string;\n}\n\nexport interface TabsProps<T> {\n    items: Tab<T>[];\n    activeTab?: T;\n    defaultActiveKey?: T;\n    onChange?: (key: T) => void;\n    className?: string;\n    isPending?: boolean;\n}\n\nconst Tabs = <T extends string>({\n    onChange,\n    items,\n    defaultActiveKey,\n    activeTab,\n    className,\n    isPending,\n}: TabsProps<T>) => {\n    const [withScroll, setWithScroll] = useState(false);\n    const [activeKey, setActiveState] = useState(activeTab || defaultActiveKey || items[0].key);\n    const activeKeyValue = activeTab || activeKey;\n    const scrollContainerRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLUListElement>(null);\n    const uiIndicatorRef = useRef<HTMLSpanElement>(null);\n    const isSkipTransitionRef = useRef<boolean>(true);\n\n    useEffect(() => {\n        if (containerRef.current && uiIndicatorRef.current) {\n            const containerReact = containerRef.current.getBoundingClientRect();\n            const list = Array.from(containerRef.current.querySelectorAll('li') || []);\n            const target = list.find((el) => el.dataset?.key === activeKeyValue);\n\n            if (target) {\n                const { width, x } = target.getBoundingClientRect();\n                uiIndicatorRef.current.style.width = `${width}px`;\n                uiIndicatorRef.current.style.left = `${x - containerReact.x}px`;\n            }\n\n            isSkipTransitionRef.current = false;\n        }\n    }, [activeKeyValue]);\n\n    useEffect(() => {\n        if (containerRef.current && scrollContainerRef.current) {\n            const withScroll =\n                containerRef.current.scrollWidth > scrollContainerRef.current.clientWidth;\n\n            if (withScroll) {\n                setWithScroll(true);\n            }\n        }\n    }, []);\n\n    const activeTabItem = items.find((item) => item.key === activeKeyValue);\n\n    return (\n        <>\n            <div\n                className={cn('vchasno-ui-tabs-wrapper-root', {\n                    ['--skip-animation']: isSkipTransitionRef.current,\n                    ['--ping-left']: withScroll && activeTabItem !== items[0],\n                    ['--ping-right']: withScroll && activeTabItem !== items[items.length - 1],\n                })}\n            >\n                <div\n                    ref={scrollContainerRef}\n                    className={cn('vchasno-ui-tabs-wrapper', {\n                        ['--h-scroll']: withScroll,\n                    })}\n                >\n                    <ul className={cn('vchasno-ui-tabs', className)} ref={containerRef}>\n                        {items.map((item) => {\n                            return (\n                                <li\n                                    data-key={item.key}\n                                    className={cn('vchasno-ui-tabs__label-item', item.className, {\n                                        '--active': item === activeTabItem,\n                                        '--disabled': item.disabled,\n                                    })}\n                                    key={item.key}\n                                    onClick={(event) => {\n                                        if (item.disabled) {\n                                            return;\n                                        }\n                                        setActiveState(item.key);\n                                        onChange?.(item.key);\n\n                                        if (withScroll) {\n                                            event.currentTarget.scrollIntoView({\n                                                behavior: 'smooth',\n                                                block: 'center',\n                                                inline: 'center',\n                                            });\n                                        }\n                                    }}\n                                >\n                                    {item.label}\n                                </li>\n                            );\n                        })}\n                        <span ref={uiIndicatorRef} className=\"vchasno-ui-tabs__indicator\" />\n                    </ul>\n                </div>\n            </div>\n            {!isPending && activeTabItem?.children}\n            {isPending && (\n                <FlexBox justify=\"center\" align=\"center\" style={{ minHeight: 300 }}>\n                    <Spinner color=\"var(--vchasno-ui-tabs-active-color, #087dc1)\" />\n                </FlexBox>\n            )}\n        </>\n    );\n};\n\nexport default Tabs;\n"],"names":["Tabs","param","_obj","onChange","items","defaultActiveKey","activeTab","className","isPending","useState","withScroll","setWithScroll","key","activeKey","setActiveState","activeKeyValue","scrollContainerRef","useRef","containerRef","uiIndicatorRef","isSkipTransitionRef","useEffect","current","containerReact","getBoundingClientRect","target","list","Array","from","querySelectorAll","find","el","dataset","width","x","style","concat","left","scrollWidth","clientWidth","activeTabItem","item","React","div","cn","_define_property","length","ref","ul","map","li","data-key","disabled","onClick","event","currentTarget","scrollIntoView","behavior","block","inline","label","span","children","FlexBox","justify","align","minHeight","Spinner","color"],"mappings":"ytCA0BA,IAAMA,EAAO,SAAAC,CAAA,MAgDiDC,EA/C1DC,EAAAA,EAAAA,QAAAA,CACAC,IAAAA,KACAC,CAAAA,EAAAA,EAAAA,iBACAC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,SAAAA,CAEoCC,EAAAA,EAAAA,EAAS,CAAA,GAAtCC,GAAAA,EAA6BD,KAAjBE,EAAiBF,CAAAA,CAAAA,EAAAA,CACAA,EAAAA,EAAAA,EAASH,GAAaD,GAAoBD,CAAK,CAAC,EAAE,CAACQ,GAAG,EAAA,GAAnFC,EAA6BJ,CAAAA,CAAAA,EAAAA,CAAlBK,EAAkBL,CAAAA,CAAAA,EAAAA,CAC9BM,EAAiBT,GAAaO,EAC9BG,EAAqBC,EAAuB,MAC5CC,EAAeD,EAAyB,MACxCE,EAAiBF,EAAwB,MACzCG,EAAsBH,EAAgB,CAAA,GAE5CI,EAAU,WACN,GAAIH,EAAaI,OAAO,EAAIH,EAAeG,OAAO,CAAE,CAChD,IAAMC,EAAiBL,EAAaI,OAAO,CAACE,qBAAqB,GAE3DC,EAASC,AADFC,MAAMC,IAAI,CAACV,EAAaI,OAAO,CAACO,gBAAgB,CAAC,OAAS,EAAE,EACrDC,IAAI,CAAC,SAACC,CAAAA,EAAOA,IAAAA,EAAAA,MAAAA,AAAAA,CAAAA,OAAAA,CAAAA,EAAAA,EAAGC,OAAO,AAAPA,GAAHD,AAAAA,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAYnB,GAAG,AAAHA,IAAQG,IAErD,GAAIU,EAAQ,CACR,IAAqBA,EAAAA,EAAOD,qBAAqB,GAAzCS,EAAaR,EAAbQ,KAAAA,CAAOC,EAAMT,EAANS,CAAAA,AACff,CAAAA,EAAeG,OAAO,CAACa,KAAK,CAACF,KAAK,CAAI,GAAQG,MAAA,CAANH,EAAM,MAC9Cd,EAAeG,OAAO,CAACa,KAAK,CAACE,IAAI,CAAG,GAAwBD,MAArBF,CAAAA,EAAIX,EAAeW,CAAC,CAAC,KAChE,CAEAd,EAAoBE,OAAO,CAAG,CAAA,CAClC,GACD,CAACP,EAAe,EAEnBM,EAAU,WACFH,EAAaI,OAAO,EAAIN,EAAmBM,OAAO,EAE9CJ,EAAaI,OAAO,CAACgB,WAAW,CAAGtB,EAAmBM,OAAO,CAACiB,WAAW,EAGzE5B,EAAc,CAAA,EAG1B,EAAG,EAAE,EAEL,IAAM6B,EAAgBpC,EAAM0B,IAAI,CAAC,SAACW,CAAAA,EAASA,OAAAA,EAAK7B,GAAG,GAAKG,IAExD,oBACI2B,6CACIA,EAACC,aAAAA,CAAAA,MAAAA,CACGpC,UAAWqC,EAAG,+BAAgC1C,CAAAA,AAC1C2C,EAD0C3C,EAC1C,CAAA,EAAC,mBAAqBkB,EAAoBE,OAAO,EACjDuB,EAF0C3C,EAEzC,cAAgBQ,GAAc8B,IAAkBpC,CAAK,CAAC,EAAE,EACzDyC,EAH0C3C,EAGzC,eAAiBQ,GAAc8B,IAAkBpC,CAAK,CAACA,EAAM0C,MAAM,CAAG,EAAE,EAH/B5C,CAAA,iBAM9CwC,EAACC,aAAAA,CAAAA,MAAAA,CACGI,IAAK/B,EACLT,UAAWqC,EAAG,0BACVC,EAAA,CAAA,EAAC,aAAenC,kBAGpBgC,EAACM,aAAAA,CAAAA,KAAAA,CAAGzC,UAAWqC,EAAG,kBAAmBrC,GAAYwC,IAAK7B,GACjDd,EAAM6C,GAAG,CAAC,SAACR,CAAAA,EACR,oBACIC,EAACQ,aAAAA,CAAAA,KAAAA,CACGC,WAAUV,EAAK7B,GAAG,CAClBL,UAAWqC,EAAG,8BAA+BH,EAAKlC,SAAS,CAAE,CACzD,WAAYkC,IAASD,EACrB,aAAcC,EAAKW,QAAQ,AAC/B,GACAxC,IAAK6B,EAAK7B,GAAG,CACbyC,QAAS,SAACC,CAAAA,GACFb,EAAKW,QAAQ,GAGjBtC,EAAe2B,EAAK7B,GAAG,EACvBT,MAAAA,GAAAA,EAAWsC,EAAK7B,GAAG,EAEfF,GACA4C,EAAMC,aAAa,CAACC,cAAc,CAAC,CAC/BC,SAAU,SACVC,MAAO,SACPC,OAAQ,QACZ,GAER,CAEClB,EAAAA,EAAKmB,KAAK,CAGvB,GACA,WAAA,EAAAlB,EAACmB,aAAAA,CAAAA,OAAAA,CAAKd,IAAK5B,EAAgBZ,UAAU,4BAIhD,MAAA,CAACC,GAAagC,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAesB,QAAQ,EACrCtD,gBACGkC,EAACqB,aAAAA,CAAAA,EAAAA,CAAQC,QAAQ,SAASC,MAAM,SAAS9B,MAAO,CAAE+B,UAAW,GAAI,gBAC7DxB,EAACyB,aAAAA,CAAAA,EAAAA,CAAQC,MAAM,kDAKnC"}

package/dist/{Datepicker/types/components → components}/Text/Text.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from 'react';
-import { DataQa, EllipsisText, TextType } from '../types';
-import './Text.global.css';
-export interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText, DataQa {
+import { EllipsisText, DataQa, TextType } from '../types.js';
+
+interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText, DataQa {
     type?: TextType;
     code?: boolean;
     underline?: boolean;
@@ -11,4 +11,5 @@ export interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText
     required?: boolean;
 }
 declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
-export default Text;
+
+export { type TextProps, Text as default };

package/dist/components/Text/Text.js

@@ -0,0 +1,2 @@
+import e from"react";import r from"classnames";var t={warning:"--warning",success:"--success",danger:"--danger",default:"--default",secondary:"--secondary",link:"--link",likeLink:"--like-link"},n=/*#__PURE__*/e.forwardRef(function(n,a){var i=n.type,o=n.className,l=n.code,c=void 0!==l&&l,s=n.del,d=n.underline,u=n.strong,f=n.children,p=n.ellipsis,y=n.required,b=n.dataQa,g=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(n,["type","className","code","del","underline","strong","children","ellipsis","required","dataQa"]),m="span";return void 0!==s&&s&&(m="del"),void 0!==u&&u&&(m="strong"),void 0!==d&&d&&(m="u"),c&&(m="code"),/*#__PURE__*/e.createElement(m,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}({ref:a,"data-qa":b,className:r("vchasno-ui-text",o,t[void 0===i?"default":i],{"--code":c,"--ellipsis":p,"--required":void 0!==y&&y}),title:p&&"string"==typeof f?f:void 0},g),f)});n.displayName="Text";export{n as default};
+//# sourceMappingURL=Text.js.map

package/dist/components/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport { DataQa, EllipsisText, TextType } from '../types';\n\nimport './Text.global.css';\n\nconst typeToCN: Record<TextType, string> = {\n    warning: '--warning',\n    success: '--success',\n    danger: '--danger',\n    default: '--default',\n    secondary: '--secondary',\n    link: '--link',\n    likeLink: '--like-link',\n};\n\nexport interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText, DataQa {\n    type?: TextType;\n    code?: boolean;\n    underline?: boolean;\n    del?: boolean;\n    strong?: boolean;\n    className?: string;\n    required?: boolean;\n}\n\nconst Text = React.forwardRef<HTMLSpanElement, TextProps>(\n    (\n        {\n            type = 'default',\n            className,\n            code = false,\n            del = false,\n            underline = false,\n            strong = false,\n            children,\n            ellipsis,\n            required = false,\n            dataQa,\n            ...rest\n        },\n        ref,\n    ) => {\n        let element = 'span';\n        if (del) {\n            element = 'del';\n        }\n        if (strong) {\n            element = 'strong';\n        }\n        if (underline) {\n            element = 'u';\n        }\n        if (code) {\n            element = 'code';\n        }\n\n        return React.createElement(\n            element,\n            {\n                ref,\n                'data-qa': dataQa,\n                className: cn('vchasno-ui-text', className, typeToCN[type], {\n                    '--code': code,\n                    '--ellipsis': ellipsis,\n                    '--required': required,\n                }),\n                title: ellipsis && typeof children === 'string' ? children : undefined,\n                ...rest,\n            },\n            children,\n        );\n    },\n);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["typeToCN","warning","success","danger","default","secondary","link","likeLink","Text","React","forwardRef","ref","type","className","code","del","_param_underline","_param","underline","strong","children","ellipsis","required","dataQa","rest","element","_param_del","createElement","_object_spread","cn","title","undefined","displayName"],"mappings":"+CAQA,IAAMA,EAAqC,CACvCC,QAAS,YACTC,QAAS,YACTC,OAAQ,WACRC,QAAS,YACTC,UAAW,cACXC,KAAM,SACNC,SAAU,aACd,EAYMC,EAAOC,WAAAA,EAAAA,EAAMC,UAAU,CACzB,SAcIC,CAAAA,CAAAA,CAAAA,UAZIC,IAAAA,CACAC,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,IAAAA,CAAAA,cACAC,EAAAA,EAAAA,EAAAA,GAAAA,CAAMC,EAAAC,EACNC,SAAAA,KACAC,MAAAA,CACAC,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,aACAC,QAAAA,CACAC,EAAAA,EAAAA,MACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAVHZ,OACAC,YACAC,OACAC,MACAG,YACAC,SACAC,WACAC,WACAC,WACAC,WAKAE,EAAU,OAcd,OAzBU,KAAA,IAAAC,GAAAA,GAaND,CAAAA,EAAU,KAAA,EAXVN,KAAAA,IAAAA,GACAC,GAaAK,CAAAA,EAAU,QAAA,EAfVP,KAAAA,IAAAA,MAkBAO,CAAAA,EAAU,GAAA,EAEVX,GACAW,CAAAA,EAAU,MAAA,EAGd,WAAA,EAAOhB,EAAMkB,aAAa,CACtBF,EACAG,iaAAA,CACIjB,IAAAA,EACA,UAAWY,EACXV,UAAWgB,EAAG,kBAAmBhB,EAAWb,CAAQ,CAjCxDY,AAAAA,KAAAA,IAAAA,EAAO,UACPC,EAgC8D,CAAE,CACxD,SAAUC,EACV,aAAcO,EACd,aA5BRC,AAAAA,KAAAA,IAAAA,GACAC,CA4BI,GACAO,MAAOT,GAAY,AAAoB,UAApB,OAAOD,EAAwBA,EAAWW,KAAAA,GAC1DP,GAEPJ,EAER,EAGJZ,CAAAA,EAAKwB,WAAW,CAAG"}

package/dist/{Datepicker/types/components → components}/TextAreaInput/TextAreaInput.d.ts

@@ -1,12 +1,13 @@
 import React, { InputHTMLAttributes } from 'react';
-import { InputProps } from '../Input';
-import { DataQa } from '../types';
-import './TextAreaInput.global.css';
-export interface TextAreaInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'>, Omit<InputProps, 'children'>, DataQa {
+import { InputProps } from '../Input/Input.js';
+import { DataQa } from '../types.js';
+
+interface TextAreaInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'>, Omit<InputProps, 'children'>, DataQa {
     textareaClassName?: string;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
     minRows?: number;
     maxRows?: number;
 }
 declare const TextAreaInput: React.ForwardRefExoticComponent<TextAreaInputProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextAreaInput;
+
+export { type TextAreaInputProps, TextAreaInput as default };

package/dist/components/TextAreaInput/TextAreaInput.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"classnames";import r from"../Input/Input.js";import{TextareaAutosize as a}from"@mui/base/TextareaAutosize";var n=/*#__PURE__*/e.forwardRef(function(n,o){var i,l,s=n.className,c=n.disabled,m=n.startElement,p=n.endElement,u=n.error,b=n.label,d=n.hint,f=n.wide,O=n.required,y=n.loading,w=n.minRows,j=n.maxRows,g=n.textareaClassName,P=n.labelProps,h=n.dataQa,E=n.hideEmptyMeta,v=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},o=Object.keys(e);for(a=0;a<o.length;a++)r=o[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)r=o[a],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(n,["className","disabled","startElement","endElement","error","label","hint","wide","required","loading","minRows","maxRows","textareaClassName","labelProps","dataQa","hideEmptyMeta"]);return /*#__PURE__*/e.createElement(r,{dataQa:h,required:O,wide:f,hideEmptyMeta:E,className:t(s,"vchasno-ui-textarea-input-container"),loading:y,disabled:c,label:b,error:u,hint:d,endElement:p,labelProps:P,startElement:m},/*#__PURE__*/e.createElement(a,(i=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),a.forEach(function(t){var a;a=r[t],t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a})}return e}({},v),l=l={ref:o,minRows:w,maxRows:j,required:O,disabled:c,className:t("vchasno-ui-textarea-input",g)},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r.push.apply(r,a)}return r})(Object(l)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(l,e))}),i)))});n.displayName="TextAreaInput";export{n as default};
+//# sourceMappingURL=TextAreaInput.js.map

package/dist/components/TextAreaInput/TextAreaInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaInput.js","sources":["../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport Input, { InputProps } from '../Input';\nimport { DataQa } from '../types';\nimport { TextareaAutosize } from '@mui/base/TextareaAutosize';\n\nimport './TextAreaInput.global.css';\n\nexport interface TextAreaInputProps\n    extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'>,\n        Omit<InputProps, 'children'>,\n        DataQa {\n    textareaClassName?: string;\n    labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n    minRows?: number;\n    maxRows?: number;\n}\n\nconst TextAreaInput = React.forwardRef<HTMLTextAreaElement, TextAreaInputProps>(\n    (\n        {\n            className,\n            disabled,\n            startElement,\n            endElement,\n            error,\n            label,\n            hint,\n            wide,\n            required,\n            loading,\n            minRows,\n            maxRows,\n            textareaClassName,\n            labelProps,\n            dataQa,\n            hideEmptyMeta,\n            ...rest\n        },\n        ref,\n    ) => {\n        return (\n            <Input\n                dataQa={dataQa}\n                required={required}\n                wide={wide}\n                hideEmptyMeta={hideEmptyMeta}\n                className={cn(className, 'vchasno-ui-textarea-input-container')}\n                loading={loading}\n                disabled={disabled}\n                label={label}\n                error={error}\n                hint={hint}\n                endElement={endElement}\n                labelProps={labelProps}\n                startElement={startElement}\n            >\n                <TextareaAutosize\n                    {...rest}\n                    ref={ref}\n                    minRows={minRows}\n                    maxRows={maxRows}\n                    required={required}\n                    disabled={disabled}\n                    className={cn('vchasno-ui-textarea-input', textareaClassName)}\n                />\n            </Input>\n        );\n    },\n);\n\nTextAreaInput.displayName = 'TextAreaInput';\n\nexport default TextAreaInput;\n"],"names":["TextAreaInput","React","forwardRef","ref","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","minRows","maxRows","textareaClassName","labelProps","dataQa","hideEmptyMeta","rest","Input","cn","createElement","TextareaAutosize","displayName"],"mappings":"8IAoBA,IAAMA,EAAgBC,WAAAA,EAAAA,EAAMC,UAAU,CAClC,SAoBIC,CAAAA,CAAAA,CAAAA,EAlBIC,QAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,YACAC,CAAAA,EAAAA,EAAAA,UACAC,CAAAA,EAAAA,EAAAA,KACAC,CAAAA,EAAAA,EAAAA,KACAC,CAAAA,EAAAA,EAAAA,KACAC,EAAAA,EAAAA,IAAAA,CACAC,EAAAA,EAAAA,QAAAA,CACAC,EAAAA,EAAAA,OAAAA,CACAC,EAAAA,EAAAA,OAAAA,CACAC,EAAAA,EAAAA,OAAAA,CACAC,EAAAA,EAAAA,iBAAAA,CACAC,EAAAA,EAAAA,UAAAA,CACAC,EAAAA,EAAAA,MAAAA,CACAC,IAAAA,aACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAhBHhB,YACAC,WACAC,eACAC,aACAC,QACAC,QACAC,OACAC,OACAC,WACAC,UACAC,UACAC,UACAC,oBACAC,aACAC,SACAC,kBAKJ,oBACIlB,EAACoB,aAAAA,CAAAA,EAAAA,CACGH,OAAQA,EACRN,SAAUA,EACVD,KAAMA,EACNQ,cAAeA,EACff,UAAWkB,EAAGlB,EAAW,uCACzBS,QAASA,EACTR,SAAUA,EACVI,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNH,WAAYA,EACZU,WAAYA,EACZX,aAAcA,CAEd,EAAA,WAAA,EAAAL,EAAAsB,aAAA,CAACC,KACOJ,iaAAAA,CAAAA,EAAAA,OAAAA,CACJjB,IAAKA,EACLW,QAASA,EACTC,QAASA,EACTH,SAAUA,EACVP,SAAUA,EACVD,UAAWkB,EAAG,4BAA6BN,iVAI3D,EAGJhB,CAAAA,EAAcyB,WAAW,CAAG"}

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,11 @@
+import React, { InputHTMLAttributes } from 'react';
+import { InputProps } from '../Input/Input.js';
+import { DataQa } from '../types.js';
+
+interface TextInputProps extends InputHTMLAttributes<HTMLInputElement>, Omit<InputProps, 'children'>, DataQa {
+    inputClassName?: string;
+    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
+}
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { type TextInputProps, TextInput as default };

package/dist/components/TextInput/TextInput.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"classnames";import r from"../Input/Input.js";var a=/*#__PURE__*/e.forwardRef(function(a,n){var l=a.className,o=a.disabled,i=a.startElement,d=a.endElement,s=a.error,u=a.label,c=a.hint,p=a.wide,m=a.required,b=a.loading,f=a.inputClassName,y=a.labelProps,O=a.hideEmptyMeta,h=a.dataQa,E=a.placeholder,g=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(a,["className","disabled","startElement","endElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","placeholder"]);return /*#__PURE__*/e.createElement(r,{dataQa:h,required:m,wide:p,className:l,loading:b,disabled:o,label:u,error:s,hint:c,endElement:d,startElement:i,labelProps:y,hideEmptyMeta:O},/*#__PURE__*/e.createElement("input",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),a.forEach(function(t){var a;a=r[t],t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a})}return e}({disabled:o,className:t("vchasno-ui-text-input",f),required:m,ref:n,placeholder:void 0===E?" ":E},g)))});a.displayName="TextInput";export{a as default};
+//# sourceMappingURL=TextInput.js.map

package/dist/components/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport type { InputProps } from '../Input';\nimport Input from '../Input';\nimport { DataQa } from '../types';\n\nimport './TextInput.global.css';\n\nexport interface TextInputProps\n    extends InputHTMLAttributes<HTMLInputElement>,\n        Omit<InputProps, 'children'>,\n        DataQa {\n    inputClassName?: string;\n    labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n}\n\nconst TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n    (\n        {\n            className,\n            disabled,\n            startElement,\n            endElement,\n            error,\n            label,\n            hint,\n            wide,\n            required,\n            loading,\n            inputClassName,\n            labelProps,\n            hideEmptyMeta,\n            dataQa,\n            placeholder = ' ', //need \"space\" for correct label working\n            ...rest\n        },\n        ref,\n    ) => {\n        return (\n            <Input\n                dataQa={dataQa}\n                required={required}\n                wide={wide}\n                className={className}\n                loading={loading}\n                disabled={disabled}\n                label={label}\n                error={error}\n                hint={hint}\n                endElement={endElement}\n                startElement={startElement}\n                labelProps={labelProps}\n                hideEmptyMeta={hideEmptyMeta}\n            >\n                <input\n                    disabled={disabled}\n                    className={cn('vchasno-ui-text-input', inputClassName)}\n                    required={required}\n                    ref={ref}\n                    placeholder={placeholder}\n                    {...rest}\n                />\n            </Input>\n        );\n    },\n);\n\nTextInput.displayName = 'TextInput';\n\nexport default TextInput;\n"],"names":["TextInput","React","forwardRef","ref","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","placeholder","rest","Input","input","cn","displayName"],"mappings":"gFAkBA,IAAMA,EAAYC,WAAAA,EAAAA,EAAMC,UAAU,CAC9B,SAmBIC,CAAAA,CAAAA,CAAAA,EAjBIC,IAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,YACAC,CAAAA,EAAAA,EAAAA,UACAC,CAAAA,EAAAA,EAAAA,KACAC,CAAAA,EAAAA,EAAAA,KACAC,CAAAA,EAAAA,EAAAA,IACAC,CAAAA,EAAAA,EAAAA,IACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,cACAC,CAAAA,EAAAA,EAAAA,UACAC,CAAAA,EAAAA,EAAAA,aACAC,CAAAA,EAAAA,EAAAA,MACAC,CAAAA,EAAAA,EAAAA,WAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAfHf,YACAC,WACAC,eACAC,aACAC,QACAC,QACAC,OACAC,OACAC,WACAC,UACAC,iBACAC,aACAC,gBACAC,SACAC,gBAKJ,oBACIjB,EAACmB,aAAAA,CAAAA,EAAAA,CACGH,OAAQA,EACRL,SAAUA,EACVD,KAAMA,EACNP,UAAWA,EACXS,QAASA,EACTR,SAAUA,EACVI,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNH,WAAYA,EACZD,aAAcA,EACdS,WAAYA,EACZC,cAAeA,gBAEff,EAACoB,aAAAA,CAAAA,QAAAA,iaAAAA,CACGhB,SAAUA,EACVD,UAAWkB,EAAG,wBAAyBR,GACvCF,SAAUA,EACVT,IAAKA,EACLe,uBA1BM,IACXC,CA0BSA,EAAAA,IAIpB,EAGJnB,CAAAA,EAAUuB,WAAW,CAAG"}

package/dist/components/Title/Title.d.ts

@@ -0,0 +1,11 @@
+import React, { HTMLAttributes } from 'react';
+import { EllipsisText, TextAlign, DataQa } from '../types.js';
+
+interface TitleProps extends EllipsisText, TextAlign, HTMLAttributes<HTMLHeadingElement>, DataQa {
+    level?: 1 | 2 | 3 | 4 | 5;
+    className?: string;
+    pretty?: boolean;
+}
+declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
+
+export { type TitleProps, Title as default };

package/dist/components/Title/Title.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"classnames";function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),a.forEach(function(t){var a;a=r[t],t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a})}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r.push.apply(r,a)}return r})(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}),e}var n=/*#__PURE__*/e.forwardRef(function(n,c){var l=n.level,o=n.className,s=n.ellipsis,i=n.textAlign,f=n.pretty,u=n.dataQa,p=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},c=Object.keys(e);for(a=0;a<c.length;a++)r=c[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(a=0;a<c.length;a++)r=c[a],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(n,["level","className","ellipsis","textAlign","pretty","dataQa"]),O=t("vchasno-ui-title",o,{"--ellipsis":void 0!==s&&s,"--pretty":void 0===f||f},i&&"--text-".concat(i));switch(void 0===l?1:l){case 2:return /*#__PURE__*/e.createElement("h2",a(r({},p),{ref:c,"data-qa":u,className:O}));case 3:return /*#__PURE__*/e.createElement("h3",a(r({},p),{ref:c,"data-qa":u,className:O}));case 4:return /*#__PURE__*/e.createElement("h4",a(r({},p),{ref:c,"data-qa":u,className:O}));case 5:return /*#__PURE__*/e.createElement("h5",a(r({},p),{ref:c,"data-qa":u,className:O}));default:return /*#__PURE__*/e.createElement("h1",a(r({},p),{ref:c,"data-qa":u,className:O}))}});n.displayName="Title";export{n as default};
+//# sourceMappingURL=Title.js.map

package/dist/components/Title/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport { DataQa, EllipsisText, TextAlign } from '../types';\n\nimport '../../styles/typography.global.css';\nimport './Title.global.css';\n\nexport interface TitleProps\n    extends EllipsisText,\n        TextAlign,\n        HTMLAttributes<HTMLHeadingElement>,\n        DataQa {\n    level?: 1 | 2 | 3 | 4 | 5;\n    className?: string;\n    pretty?: boolean;\n}\n\nconst Title = React.forwardRef<HTMLHeadingElement, TitleProps>(\n    (\n        { level = 1, className, ellipsis = false, textAlign, pretty = true, dataQa, ...rest },\n        ref,\n    ) => {\n        const classes = cn(\n            'vchasno-ui-title',\n            className,\n            { '--ellipsis': ellipsis, '--pretty': pretty },\n            textAlign && `--text-${textAlign}`,\n        );\n\n        switch (level) {\n            case 2:\n                return <h2 {...rest} ref={ref} data-qa={dataQa} className={classes} />;\n            case 3:\n                return <h3 {...rest} ref={ref} data-qa={dataQa} className={classes} />;\n            case 4:\n                return <h4 {...rest} ref={ref} data-qa={dataQa} className={classes} />;\n            case 5:\n                return <h5 {...rest} ref={ref} data-qa={dataQa} className={classes} />;\n            case 1:\n            default:\n                return <h1 {...rest} ref={ref} data-qa={dataQa} className={classes} />;\n        }\n    },\n);\n\nTitle.displayName = 'Title';\nexport default Title;\n"],"names":["Title","React","forwardRef","ref","level","className","ellipsis","textAlign","pretty","dataQa","rest","classes","cn","_param_pretty","concat","_param_level","h2","data-qa","h3","h4","h5","h1","displayName"],"mappings":"k0BAmBA,IAAMA,EAAQC,WAAAA,EAAAA,EAAMC,UAAU,CAC1B,SAEIC,CAAAA,CAAAA,CAAAA,EADEC,IAAAA,EAAAA,EAAAA,KAAAA,CAAWC,EAAAA,EAAAA,SAAAA,CAAAA,EAAAA,EAAWC,QAAAA,CAAkBC,EAAAA,EAAAA,SAAWC,CAAAA,EAAAA,EAAAA,MAAAA,CAAeC,IAAAA,MAAWC,CAAAA,EAAAA,sXAAAA,EAAAA,CAA7EN,QAAWC,YAAWC,WAAkBC,YAAWC,SAAeC,WAG9DE,EAAUC,EACZ,mBACAP,EACA,CAAE,aANkBC,AAAAA,KAAAA,IAAAA,GAAkBC,EAMZ,WANgCM,AAAA,KAAA,IAAAA,GAAAA,CAO1DN,EAAAA,GAAa,UAAoBO,MAAVP,CAAAA,IAG3B,OAVUQ,AAAA,KAAA,IAAAA,EAAA,EAAAA,GAWN,KAAK,EACD,OAAO,WAAA,EAAAd,gBAACe,KAAON,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKc,UAASR,EAAQJ,UAAWM,IAC/D,MAAK,EACD,OAAO,WAAA,EAAAV,gBAACiB,KAAOR,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKc,UAASR,EAAQJ,UAAWM,IAC/D,MAAK,EACD,OAAO,WAAA,EAAAV,gBAACkB,KAAOT,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKc,UAASR,EAAQJ,UAAWM,IAC/D,MAAK,EACD,OAAO,WAAA,EAAAV,gBAACmB,KAAOV,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKc,UAASR,EAAQJ,UAAWM,IAC/D,SAEI,OAAO,WAAA,EAAAV,gBAACoB,KAAOX,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKc,UAASR,EAAQJ,UAAWM,IACnE,CACJ,EAGJX,CAAAA,EAAMsB,WAAW,CAAG"}

package/dist/{Datepicker/types/components → components}/types.d.ts

@@ -1,37 +1,39 @@
-export interface Sizable {
+interface Sizable {
     size: 'sm' | 'md' | 'lg';
 }
-export type TextType = 'secondary' | 'success' | 'warning' | 'danger' | 'default' | 'link' | 'likeLink';
-export interface LoadingFeedback {
+type TextType = 'secondary' | 'success' | 'warning' | 'danger' | 'default' | 'link' | 'likeLink';
+interface LoadingFeedback {
     /** індикатор процесу */
     loading: boolean;
 }
-export interface ErrorFeedback {
+interface ErrorFeedback {
     /** для виведення тексту помилки */
     error: string;
 }
-export interface WithLabel {
+interface WithLabel {
     /** Лейбл для інпуту */
     label: string;
 }
-export interface WithHint {
+interface WithHint {
     /** для виведення тексту підсказки */
     hint: string;
 }
-export interface EllipsisText {
+interface EllipsisText {
     /** для скорочення тексту і виведення 3 точок */
     ellipsis?: boolean;
 }
-export interface DataQa {
+interface DataQa {
     /** для тестування */
     dataQa?: string;
 }
-export interface HideEmptyMeta {
+interface HideEmptyMeta {
     /** приховувати пустий блок під інпутом - якщо не має повідомлень щоб не займав місце */
     hideEmptyMeta?: boolean;
 }
-export interface TextAlign {
+interface TextAlign {
     /** для центрування тексту **/
     textAlign?: 'center' | 'start' | 'end' | 'justify';
 }
-export type VchasnoProduct = 'edo' | 'kep' | 'kasa' | 'edi' | 'ttn' | 'dm';
+type VchasnoProduct = 'edo' | 'kep' | 'kasa' | 'edi' | 'ttn' | 'dm';
+
+export type { DataQa, EllipsisText, ErrorFeedback, HideEmptyMeta, LoadingFeedback, Sizable, TextAlign, TextType, VchasnoProduct, WithHint, WithLabel };

package/dist/css/_theme.css

@@ -38,7 +38,7 @@
     --vchasno-ui-input-font-color-disabled: #b6cadb;
     --vchasno-ui-label-color-default: #6b8091;
     --vchasno-ui-label-color-focused: #6b5fff;
-    --vchasno-ui-checkbox-bg-color: #3069fe;
+    --vchasno-ui-checkbox-bg-color: #087dc1;
     --vchasno-ui-checkbox-outline-color: #d9eaff;
     --vchasno-ui-checkbox-disabled-bg: #b6cadb;
     --vchasno-ui-checkbox-border-color: #b6cadb;
@@ -72,7 +72,7 @@
     --vchasno-ui-switch-color-bg: #b6cadb;
     --vchasno-ui-switch-spinner-color: #b6cadb;
     --vchasno-ui-switch-circle-color: #fff;
-    --vchasno-ui-switch-active-color-bg: #00c5ff;
+    --vchasno-ui-switch-active-color-bg: #087dc1;
     --vchasno-ui-pulse-dot-color: #604adf;
     --vchasno-ui-pulse-dot-size: 35px;
     --vchasno-ui-menu-button-bg: #f3f6f8;
@@ -147,10 +147,6 @@
     --vchasno-ui-btn-primary-bg: #ffb200;
     --vchasno-ui-btn-primary-hover-bg: #ff9c01;
     --vchasno-ui-input-border-color-focused: #ffb200;
-
-    /* Checkbox */
-    --vchasno-ui-checkbox-bg-color: #1a66c8;
-    --vchasno-ui-checkbox-outline-color: #e0eeff;
     --vchasno-ui-select-menu-border-color: #ffb200;
     --vchasno-ui-calendar-color: #ffb200;
     --vchasno-ui-pagination-border-color: #ffb200;
@@ -168,10 +164,6 @@
     /* Button */
     --vchasno-ui-btn-primary-bg: #00c5ff;
     --vchasno-ui-btn-primary-hover-bg: #00aee2;
-
-    /* Checkbox */
-    --vchasno-ui-checkbox-bg-color: #00c5ff;
-    --vchasno-ui-checkbox-outline-color: #d8f4fc;
 }
 
 :root .vchasno-ui-kit-theme-kasa,
@@ -179,18 +171,10 @@
     /* Button */
     --vchasno-ui-btn-primary-bg: #e579ff;
     --vchasno-ui-btn-primary-hover-bg: #c055da;
-
-    /* Checkbox */
-    --vchasno-ui-checkbox-bg-color: #e579ff;
-    --vchasno-ui-checkbox-outline-color: #fbe6ff;
 }
 
 :root .vchasno-ui-kit-theme-kep {
     /* Button */
     --vchasno-ui-btn-primary-bg: #ff5a5f;
     --vchasno-ui-btn-primary-hover-bg: #e75459;
-
-    /* Checkbox */
-    --vchasno-ui-checkbox-bg-color: #47a0e4;
-    --vchasno-ui-checkbox-outline-color: #e0f1ff;
 }

package/dist/css/vchasno-ui.css

@@ -0,0 +1 @@
+:root{--vchasno-ui-transition-duration-sec:0.3s;--vchasno-ui-btn-default-bg:transparent;--vchasno-ui-btn-default-hover-bg:#e1e4ff;--vchasno-ui-btn-default-color:#6b8091;--vchasno-ui-btn-disabled-color:#b6cadb;--vchasno-ui-btn-default-hover-color:#604adf;--vchasno-ui-btn-primary-bg:#604adf;--vchasno-ui-btn-primary-disabled-bg:#dbe5ea;--vchasno-ui-btn-primary-hover-bg:#3f328c;--vchasno-ui-btn-primary-color:#fff;--vchasno-ui-btn-secondary-bg:hsla(0,0%,100%,.04);--vchasno-ui-btn-secondary-disabled-bg:#f3f6f8;--vchasno-ui-btn-pink-bg:#ff9498;--vchasno-ui-btn-pink-hover-bg:#f4736f;--vchasno-ui-btn-secondary-border-color:#dbe5ea;--vchasno-ui-btn-secondary-hover-bg:#ecf4ff;--vchasno-ui-btn-secondary-color:#087dc1;--vchasno-ui-btn-light-bg:#fff;--vchasno-ui-btn-light-hover-bg:rgba(96,74,223,.2);--vchasno-ui-btn-light-color:#604adf;--vchasno-ui-btn-font-size:14px;--vchasno-ui-btn-danger-color:#ef6562;--vchasno-ui-btn-danger-bg:hsla(1,82%,66%,.2);--vchasno-ui-btn-danger-hover-bg:#ef6562;--vchasno-ui-btn-danger-hover-color:#fff;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-input-bg-color-disabled:#f3f6f8;--vchasno-ui-input-border-color-default:#dbe5ea;--vchasno-ui-input-border-color-focused:#6b5fff;--vchasno-ui-input-outline-color-focused:#d9d6f6;--vchasno-ui-input-outline-color-error:#ffeaeb;--vchasno-ui-input-color-error:#ff5937;--vchasno-ui-input-bg-error:hsla(1,82%,66%,.1);--vchasno-ui-input-font-size:14px;--vchasno-ui-input-font-color:#333;--vchasno-ui-input-placeholder-color:#6b8091;--vchasno-ui-input-font-color-disabled:#b6cadb;--vchasno-ui-label-color-default:#6b8091;--vchasno-ui-label-color-focused:#6b5fff;--vchasno-ui-checkbox-bg-color:#087dc1;--vchasno-ui-checkbox-outline-color:#d9eaff;--vchasno-ui-checkbox-disabled-bg:#b6cadb;--vchasno-ui-checkbox-border-color:#b6cadb;--vchasno-ui-checkbox-icon-color:#fff;--vchasno-ui-checkbox-font-size:14px;--vchasno-ui-select-option-bg-selected:#f3f6f8;--vchasno-ui-select-option-color-selected:#333;--vchasno-ui-select-menu-border-color:transparent;--vchasno-ui-calendar-color:#6b5fff;--vchasno-ui-calendar-bg-hover:#ffb200;--vchasno-ui-text-primary-color:#333;--vchasno-ui-text-secondary-color:#6b8091;--vchasno-ui-text-success-color:#1cb800;--vchasno-ui-text-warning-color:#ffb200;--vchasno-ui-text-error-color:#ff5937;--vchasno-ui-alert-info-color:#006be9;--vchasno-ui-alert-info-bg:#ecf4ff;--vchasno-ui-alert-warning-color:#ffb200;--vchasno-ui-alert-warning-bg:#fff2d6;--vchasno-ui-alert-error-color:#e73434;--vchasno-ui-alert-error-bg:#ffeded;--vchasno-ui-alert-success-color:#00b700;--vchasno-ui-alert-success-bg:#e7f3d9;--vchasno-ui-alert-config-color:#006be9;--vchasno-ui-alert-config-bg:#f3f6f8;--vchasno-ui-tabs-active-color:#087dc1;--vchasno-ui-pagination-border-color:#6b5fff;--vchasno-ui-pagination-hover-bg-color:rgba(0,0,0,.1);--vchasno-ui-pagination-size:32px;--vchasno-ui-switch-height:30px;--vchasno-ui-switch-color-bg:#b6cadb;--vchasno-ui-switch-spinner-color:#b6cadb;--vchasno-ui-switch-circle-color:#fff;--vchasno-ui-switch-active-color-bg:#087dc1;--vchasno-ui-pulse-dot-color:#604adf;--vchasno-ui-pulse-dot-size:35px;--vchasno-ui-menu-button-bg:#f3f6f8;--vchasno-ui-menu-item-hover-bg:#f3f6f8;--vchasno-ui-snackbar-color-light:#fff;--vchasno-ui-snackbar-color-dark:#fff;--vchasno-ui-snackbar-color-info:#3498db;--vchasno-ui-snackbar-color-success:#07bc0c;--vchasno-ui-snackbar-color-warning:#f1c40f;--vchasno-ui-snackbar-color-error:#e74c3c;--vchasno-ui-snackbar-color-transparent:hsla(0,0%,100%,.7);--vchasno-ui-snackbar-icon-color-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-icon-color-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-icon-color-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-icon-color-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-toast-min-width:335px;--vchasno-ui-snackbar-toast-width:auto;--vchasno-ui-snackbar-toast-max-width:560px;--vchasno-ui-snackbar-toast-offset:16px;--vchasno-ui-snackbar-toast-top:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-top));--vchasno-ui-snackbar-toast-right:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-right));--vchasno-ui-snackbar-toast-left:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-left));--vchasno-ui-snackbar-toast-bottom:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-bottom));--vchasno-ui-snackbar-toast-background:#333;--vchasno-ui-snackbar-toast-min-height:64px;--vchasno-ui-snackbar-toast-max-height:800px;--vchasno-ui-snackbar-toast-bd-radius:6px;--vchasno-ui-snackbar-font-family:sans-serif;--vchasno-ui-snackbar-z-index:9999;--vchasno-ui-snackbar-text-color-light:#757575;--vchasno-ui-snackbar-text-color-dark:#fff;--vchasno-ui-snackbar-text-color-info:#fff;--vchasno-ui-snackbar-text-color-success:#fff;--vchasno-ui-snackbar-text-color-warning:#fff;--vchasno-ui-snackbar-text-color-error:#fff;--vchasno-ui-snackbar-spinner-color:#616161;--vchasno-ui-snackbar-spinner-color-empty-area:#e0e0e0;--vchasno-ui-snackbar-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--vchasno-ui-snackbar-color-progress-dark:#bb86fc;--vchasno-ui-snackbar-color-progress-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-color-progress-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-color-progress-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-color-progress-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-color-progress-bgo:0.2;--vchasno-ui-snackbar-action-button-color:#0094ff}:root .vchasno-ui-kit-theme-edo{--vchasno-ui-btn-primary-bg:#ffb200;--vchasno-ui-btn-primary-hover-bg:#ff9c01;--vchasno-ui-input-border-color-focused:#ffb200;--vchasno-ui-select-menu-border-color:#ffb200;--vchasno-ui-calendar-color:#ffb200;--vchasno-ui-pagination-border-color:#ffb200;--vchasno-ui-input-outline-color-focused:#fbf4ea;--vchasno-ui-input-border-color-default:#dbe5ea;--vchasno-ui-label-color-default:#6b8091;--vchasno-ui-label-color-focused:#6b8091;--vchasno-ui-input-font-size:13px;--vchasno-ui-input-font-color:#333;--vchasno-ui-text-primary-color:#333;--vchasno-ui-input-bg-color:#fff}:root .vchasno-ui-kit-theme-edi{--vchasno-ui-btn-primary-bg:#00c5ff;--vchasno-ui-btn-primary-hover-bg:#00aee2}:root .vchasno-ui-kit-theme-dm,:root .vchasno-ui-kit-theme-kasa{--vchasno-ui-btn-primary-bg:#e579ff;--vchasno-ui-btn-primary-hover-bg:#c055da}:root .vchasno-ui-kit-theme-kep{--vchasno-ui-btn-primary-bg:#ff5a5f;--vchasno-ui-btn-primary-hover-bg:#e75459}.vchasno-ui-alert{align-items:center;border-left:3px solid transparent;border-radius:4px;box-sizing:border-box;display:inline-flex;flex-shrink:0;font-size:14px;gap:12px;line-height:20px;min-height:40px;padding:12px 16px}.vchasno-ui-alert b,.vchasno-ui-alert strong{font-weight:700}.vchasno-ui-alert.--wide{width:100%}.vchasno-ui-alert.--left-border{border-left-width:4px}.vchasno-ui-alert__close-icon,.vchasno-ui-alert__icon-wrapper{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:20px;width:20px}.vchasno-ui-alert.--info{background-color:var(--vchasno-ui-alert-info-bg,#ecf4ff);border-color:var(--vchasno-ui-alert-info-color,#006be9)}.vchasno-ui-alert.--warning{background-color:var(--vchasno-ui-alert-warning-bg,#fff2d6);border-color:var(--vchasno-ui-alert-warning-color,#ffb200)}.vchasno-ui-alert.--error{background-color:var(--vchasno-ui-alert-error-bg,#ffeded);border-color:var(--vchasno-ui-alert-error-color,#e73434)}.vchasno-ui-alert.--success{background-color:var(--vchasno-ui-alert-success-bg,#e7f3d9);border-color:var(--vchasno-ui-alert-success-color,#00b700)}.vchasno-ui-alert.--config{background-color:var(--vchasno-ui-alert-config-bg,#f3f6f8);border-color:var(--vchasno-ui-alert-config-color,#006be9)}.vchasno-ui-alert__close-icon{border-radius:4px;height:30px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:30px}.vchasno-ui-alert__close-icon:hover{background-color:hsla(0,0%,100%,.5);cursor:pointer}.vchasno-ui-alert.--close{display:none}.vchasno-ui-BubbleBox{--vchasno-ui-bubble-height:40px;--vchasno-ui-bubble-width:40px;--vchasno-ui-bubble-shadow:2px 4px 6px rgba(0,0,0,.2);box-sizing:border-box;min-height:calc(var(--vchasno-ui-bubble-height)*2);position:relative}.vchasno-ui-BubbleBox,.vchasno-ui-BubbleBox__svg{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);z-index:-1}.vchasno-ui-BubbleBox__svg path{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg.vchasno-ui-BubbleBox__shadow{filter:drop-shadow(var(--vchasno-ui-bubble-shadow))}.vchasno-ui-BubbleBox__bubble{align-items:center;border:0;border-radius:var(--vchasno-ui-bubble-width);bottom:0;cursor:pointer;display:flex;height:var(--vchasno-ui-bubble-height);justify-content:center;margin:0;padding:0;position:absolute;right:0;transition:var(--vchasno-ui-transition-duration-sec);width:var(--vchasno-ui-bubble-width);z-index:1}.vchasno-ui-spinner{display:inline-block;height:20px;position:relative;width:20px}.vchasno-ui-spinner__svg{animation:spinner-rotate 1.3s linear infinite;height:100%;inset:0;margin:auto;position:absolute;transform-origin:center center;width:100%}.vchasno-ui-spinner__svg__circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:5px;animation:spinner-rotate-dash 2s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-rotate-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.vchasno-ui-button{align-items:center;background-color:var(--vchasno-ui-btn-default-bg);border:0;border-radius:8px;color:var(--vchasno-ui-btn-default-color);display:inline-flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:700;gap:5px;justify-content:center;min-height:40px;transition:min-height var(--vchasno-ui-transition-duration-sec,.3s),padding var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s);user-select:none}.vchasno-ui-button:disabled{cursor:not-allowed;opacity:.8}.vchasno-ui-button:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);color:var(--vchasno-ui-btn-default-hover-color);cursor:pointer}.vchasno-ui-button.--sm{min-width:40px;padding:0 15px}.vchasno-ui-button.--md{min-width:40px;padding:0 24px}.vchasno-ui-button.--lg{min-height:50px;min-width:50px;padding:0 32px}.vchasno-ui-button.--wide{width:100%}.vchasno-ui-button.--primary{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-primary-bg);box-shadow:none;color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button:disabled.--primary,.vchasno-ui-button:disabled.--secondary{background-color:#b6cadb;color:var(--vchasno-ui-btn-disabled-color)}.vchasno-ui-button:disabled.--primary{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button:disabled.--secondary{background-color:var(--vchasno-ui-btn-secondary-disabled-bg)}.vchasno-ui-button.--primary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-primary-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-secondary-bg);box-shadow:none;color:var(--vchasno-ui-btn-secondary-bg)}.vchasno-ui-button.--secondary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--secondary.--outline:not(:disabled):hover{background-color:rgba(0,0,0,.1);color:var(--vchasno-ui-btn-secondary-bg)}.vchasno-ui-button.--pink{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--pink:not(:disabled):hover{background-color:var(--vchasno-ui-btn-pink-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline:not(:disabled):hover{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--danger{background-color:var(--vchasno-ui-btn-danger-bg,hsla(1,82%,66%,.2))}.vchasno-ui-button.--danger,.vchasno-ui-button.--danger.--outline{border:1px solid var(--vchasno-ui-btn-danger-color,#ef6562);color:var(--vchasno-ui-btn-danger-color,#ef6562)}.vchasno-ui-button.--danger.--outline{background-color:transparent}.vchasno-ui-button:disabled.--danger{background-color:rgba(182,202,219,.2);border:1px solid #b6cadb;color:#b6cadb}.vchasno-ui-button.--danger:not(:disabled):hover{background-color:var(--vchasno-ui-btn-danger-hover-bg,#ef6562);color:var(--vchasno-ui-btn-danger-hover-color,#fff)}.vchasno-ui-button.--danger.--outline:not(:disabled):hover{background-color:rgba(0,0,0,.1);border:1px solid var(--vchasno-ui-btn-danger-color,#ef6562);color:var(--vchasno-ui-btn-danger-color,#ef6562)}.vchasno-ui-button.--transparent .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-color);transition:stroke var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-button.--transparent:hover .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-hover-color)}.vchasno-ui-button:disabled.--transparent{color:#b6cadb}.vchasno-ui-button.--light{background-color:var(--vchasno-ui-btn-light-bg,#fff);border:1px solid transparent;color:var(--vchasno-ui-btn-light-color)}.vchasno-ui-button:disabled.--light{background-color:rgba(182,202,219,.2);border:none;color:#b6cadb}.vchasno-ui-button.--light.--outline{background-color:var(--vchasno-ui-btn-primary-color);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--light:not(:disabled):hover{background-color:var(--vchasno-ui-btn-light-hover-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:8px;user-select:none}.vchasno-ui-checkbox__box{align-items:center;border:1px solid var(--vchasno-ui-checkbox-border-color,#b6cadb);border-radius:3px;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;outline:2px solid transparent;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),border var(--vchasno-ui-transition-duration-sec,.3s),outline var(--vchasno-ui-transition-duration-sec,.3s);width:16px}.vchasno-ui-checkbox .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-bg-color)}.vchasno-ui-checkbox__svg{color:transparent;transform:scale(0) translateZ(0);transition:color var(--vchasno-ui-transition-duration-sec),transform var(--vchasno-ui-transition-duration-sec) cubic-bezier(.12,.4,.29,1.46)}.vchasno-ui-checkbox.--loading .vchasno-ui-checkbox__svg{display:none}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-bg-color,#604adf);border-color:var(--vchasno-ui-checkbox-bg-color,#604adf)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-checkbox__svg{color:var(--vchasno-ui-checkbox-icon-color);transform:scale(1) translateZ(0)}.vchasno-ui-checkbox.--hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox:hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox>input:not(:disabled):active+.vchasno-ui-checkbox__box{border-color:var(--vchasno-ui-checkbox-bg-color,#3069fe);outline:2px solid var(--vchasno-ui-checkbox-outline-color,#d9eaff)}.vchasno-ui-checkbox>input:disabled:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-disabled-bg,#b6cadb);border-color:var(--vchasno-ui-checkbox-disabled-bg,#b6cadb)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-icon-color)}.vchasno-ui-checkbox__label{font-size:var(--vchasno-ui-checkbox-font-size);line-height:1;user-select:none}.vchasno-ui-checkbox.--disabled{color:var(--vchasno-ui-checkbox-disabled-bg,#b6cadb);cursor:not-allowed}.vchasno-ui-meta{display:block;font-size:calc(var(--vchasno-ui-input-font-size)*.8);height:calc(var(--vchasno-ui-input-font-size)*.9);line-height:calc(var(--vchasno-ui-input-font-size)*.9);max-width:100%;padding-left:16px}.vchasno-ui-meta__error,.vchasno-ui-meta__hint{display:inline-block;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-meta__hint{color:var(--vchasno-ui-label-color-default)}.vchasno-ui-meta__error{color:var(--vchasno-ui-input-color-error)}.vchasno-ui-label-text{align-self:flex-start;background-color:var(--vchasno-ui-input-bg-color);border-radius:4px;color:var(--vchasno-ui-label-color-default);display:inline-flex;font-size:var(--vchasno-ui-input-font-size);gap:3px;left:12px;line-height:calc(var(--vchasno-ui-input-font-size)*1.2);max-width:calc(100% - 20px);padding:0 4px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s),top .3s,font-size .3s;white-space:nowrap;z-index:1}.vchasno-ui-select .vchasno-ui-label-text{max-width:calc(100% - 40px)}.vchasno-ui-select__floating-label,[class^=vchasno-ui-]:focus:not(.--disabled)+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown)+.vchasno-ui-label-text{font-size:12px;top:0}label[class^=vchasno-ui-]:not(.--error):focus-within .vchasno-ui-label-text{color:var(--vchasno-ui-label-color-focused)}label[class^=vchasno-ui-]:not(.--disabled).--error .vchasno-ui-label-text{color:var(--vchasno-ui-input-color-error)}label[class^=vchasno-ui-]:not(.--disabled).--required .vchasno-ui-label-text:hover{cursor:text}.vchasno-ui-label-text sup{color:var(--vchasno-ui-input-color-error);display:none;font-size:calc(var(--vchasno-ui-input-font-size)*1.4);position:relative;top:-.2em;vertical-align:top}label[class^=vchasno-ui-].--required .vchasno-ui-label-text sup{display:inline-block}.vchasno-ui-label-text__title-icon{color:var(--vchasno-ui-label-color-default);display:none;transform:scale(.8)}.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon{display:block}.vchasno-ui-label-text__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper[data-placement^=bottom]{margin-top:-6px}.react-datepicker-popper[data-placement^=top]{margin-top:6px}.react-datepicker-popper[data-placement^=right]{margin-left:-6px}.react-datepicker-popper[data-placement^=left]{margin-left:6px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-6px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border:6px solid transparent;box-sizing:content-box;height:0;position:absolute;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-bottom-color:var(--vchasno-ui-calendar-color);border-width:6px;content:"";left:-6px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-6px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-input-bg-color);border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-calendar-color);top:-1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);content:"";display:block;height:7px;left:-3px;position:absolute;top:1px;transform:rotate(45deg);width:7px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-6px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:var(--vchasno-ui-input-bg-color)}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-top-color:var(--vchasno-ui-calendar-color);bottom:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);bottom:1px;content:"";display:block;height:7px;left:-3px;position:absolute;transform:rotate(45deg);width:7px}.react-datepicker{background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-calendar-color);border-radius:8px;color:var(--vchasno-ui-input-font-color);display:inline-flex;font-size:.8rem;padding:10px;position:relative}.react-datepicker__time-container{float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{border-radius:8px;height:30px;line-height:20px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--vchasno-ui-calendar-color);color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:var(--vchasno-ui-calendar-color)}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header{padding-top:5px;position:relative;text-align:center}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}@media (width <= 480px){.react-datepicker{padding:0}}.react-datepicker-popper{z-index:100}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker-time__header,.react-datepicker__current-month{color:var(--vchasno-ui-input-font-color);font-weight:700;margin-top:0;padding:8px 0 15px;text-transform:capitalize}.react-datepicker__month-container{float:left}.react-datepicker__aria-live{display:none}.react-datepicker__month{margin:0;text-align:center}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name{text-transform:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:var(--vchasno-ui-input-font-color);cursor:pointer;display:inline-block;line-height:34px;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:34px}.react-datepicker__day-names .react-datepicker__day-name{font-weight:700;text-transform:capitalize}.react-datepicker__day-name:nth-child(6),.react-datepicker__day-name:nth-child(7){color:var(--vchasno-ui-calendar-color);font-weight:700}.react-datepicker__day:hover{background-color:#f2f6f7;border-radius:8px}.react-datepicker__day--today{border:1px solid var(--vchasno-ui-calendar-color);border-radius:8px;color:var(--vchasno-ui-calendar-color);font-weight:700}.react-datepicker__day--weekend{font-weight:700}.react-datepicker__day--outside-month{color:#6b8091}.react-datepicker__day--disabled{color:#b6cadb;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:var(--vchasno-ui-calendar-color);border-radius:8px;color:#fff;font-weight:700}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover{background-color:var(--vchasno-ui-calendar-color)}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected){background-color:var(--vchasno-ui-calendar-color);border-radius:8px;color:#fff}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected):hover{background-color:var(--vchasno-ui-calendar-color)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#f0f0f0;color:var(--vchasno-ui-input-font-color)}.react-datepicker__input-container{position:relative}.react-datepicker__close-icon{background-color:transparent;border:0;bottom:0;cursor:pointer;height:20px;margin:auto;outline:none;position:absolute;right:35px;top:0;width:20px}.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-input-border-color-default);height:20px;pointer-events:none;position:absolute;right:35px;top:50%;transform:translateY(-50%) scale(0);transition:color var(--vchasno-ui-transition-duration-sec,.3s),transform var(--vchasno-ui-transition-duration-sec,.3s);width:20px}.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon) .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon:hover) .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-calendar-color)}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (height <= 550px),(width <= 400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__navigation{align-items:center;background-size:cover;border:none;border-radius:8px;cursor:pointer;display:flex;height:30px;justify-content:center;line-height:1;position:absolute;top:15px;width:30px;z-index:1}.react-datepicker__navigation:hover{background-color:#f2f6f7}.react-datepicker__navigation--previous{left:20px}.react-datepicker__navigation-icon{display:none}.react-datepicker__navigation--next:before,.react-datepicker__navigation--previous:before{height:10px;inset:0;margin:auto;position:absolute;width:10px}.react-datepicker__navigation--previous:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NSA2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiM4YWEzYjciPjxwYXRoIGQ9Ik00Mi43IDY1YzIuMSAwIDQuMy0uOCA1LjktMi40IDMuMi0zLjIgMy4yLTguNSAwLTExLjdMMzAuNCAzMi43bDE4LjEtMTguNWMzLjItMy4yIDMuMi04LjUgMC0xMS43LTMuMi0zLjItOC41LTMuMi0xMS43IDBMMTguNyAyMC42Yy02LjYgNi42LTYuNiAxNy4zIDAgMjMuOGwxOC4xIDE4LjFjMS42IDEuNyAzLjggMi41IDUuOSAyLjV6Ii8+PC9zdmc+")}.react-datepicker__navigation--next{right:20px}.react-datepicker__day:focus,.react-datepicker__navigation--next:focus,.react-datepicker__navigation--previous:focus{border-radius:8px;outline:1px solid var(--vchasno-ui-calendar-color);outline-offset:1px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:110px}.react-datepicker__navigation--next:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NSA2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiM4YWEzYjciPjxwYXRoIGQ9Ik0yMiA2NWMtMi4xIDAtNC4zLS44LTUuOS0yLjQtMy4yLTMuMi0zLjItOC41IDAtMTEuN2wxOC4xLTE4LjEtMTgtMTguNkMxMyAxMSAxMyA1LjcgMTYuMiAyLjVzOC41LTMuMiAxMS43IDBMNDYgMjAuNmM2LjYgNi42IDYuNiAxNy4zIDAgMjMuOEwyNy45IDYyLjZDMjYuMyA2NC4yIDI0LjIgNjUgMjIgNjV6Ii8+PC9zdmc+")}.react-datepicker__input-container input{appearance:none;background:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default,#b6cadb);border-radius:8px;box-sizing:border-box;font-size:var(--vchasno-ui-input-font-size,.8rem);height:30px;line-height:calc(var(--vchasno-ui-input-font-size, .8rem)*2);outline:1px solid transparent;padding:10px 15px;transition:border var(--vchasno-ui-transition-duration-sec,.3s),outline-color var(--vchasno-ui-transition-duration-sec,.3s);vertical-align:middle;width:100%}.react-datepicker__input-container input:disabled{background:#f3f6f8;color:#b6cadb}.react-datepicker__input-container input:hover{cursor:default}.react-datepicker__input-container input:focus{border-color:var(--vchasno-ui-calendar-color);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker{display:inline-flex;flex-direction:column;gap:5px}.vchasno-ui-date-picker.--wide{width:100%}.vchasno-ui-date-picker .vchasno-ui-date-picker__picker{height:50px}.vchasno-ui-date-picker__wrapper{position:relative}.vchasno-ui-date-picker.--not-empty .vchasno-ui-label-text,.vchasno-ui-date-picker__wrapper:focus-within .vchasno-ui-label-text{font-size:12px;top:0}.vchasno-ui-date-picker__wrapper>.vchasno-ui-date-picker__custom-calendar-icon{color:var(--vchasno-ui-input-border-color-default);position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}label[class^=vchasno-ui-]:focus-within .vchasno-ui-date-picker__wrapper>.vchasno-ui-date-picker__custom-calendar-icon{color:var(--vchasno-ui-calendar-color)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper>.vchasno-ui-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper .vchasno-ui-spinner circle{stroke:var(--vchasno-ui-calendar-color)}.vchasno-ui-date-picker .react-datepicker__input-container input{color:var(--vchasno-ui-input-font-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2)}.vchasno-ui-date-picker .react-datepicker__aria-live{display:none}.vchasno-ui-date-picker.--disabled,.vchasno-ui-date-picker.--disabled .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:not-allowed;opacity:.8}.vchasno-ui-date-picker:not(.--disabled):hover,.vchasno-ui-date-picker:not(.--disabled):hover .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:pointer}.vchasno-ui-date-picker:not(.--disabled):hover .react-datepicker__input-container input{border-color:var(--vchasno-ui-calendar-color);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker:not(.--disabled):hover .vchasno-ui-date-picker__wrapper>svg{color:var(--vchasno-ui-calendar-color)}.vchasno-ui-flex-box{align-content:flex-start;display:flex;flex-direction:row;gap:10px;max-width:100%}.vchasno-ui-text{color:var(--vchasno-ui-text-primary-color,#333)}.vchasno-ui-text.--ellipsis{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-text.--secondary{color:var(--vchasno-ui-text-secondary-color,#6b8091)}.vchasno-ui-text.--success{color:var(--vchasno-ui-text-success-color,#1cb800)}.vchasno-ui-text.--warning{color:var(--vchasno-ui-text-warning-color,#ffb200)}.vchasno-ui-text.--danger{color:var(--vchasno-ui-text-error-color,#ff5937)}.vchasno-ui-text.--code{background:hsla(0,0%,59%,.1);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:3px;font-size:85%;margin:0 .2em;padding:.2em .4em .1em}.vchasno-ui-text.--inherit{font-size:inherit}.vchasno-ui-text.--like-link,.vchasno-ui-text.--link{color:#087dc1;cursor:pointer}.vchasno-ui-text.--link{text-decoration-line:underline}.vchasno-ui-text.--normal{font-size:1rem;line-height:1.1rem}.vchasno-ui-text.--small{font-size:.8rem;line-height:.9rem}.vchasno-ui-text.--large{font-size:1.2rem;line-height:1.3rem}.vchasno-ui-text.--required:after{color:var(--vchasno-ui-text-error-color,#ff5937);content:"*";position:relative;right:-2px;top:-3px}strong.vchasno-ui-text{font-weight:700}.vchasno-ui-FollowUs{min-height:24px;min-width:24px}.vchasno-ui-FollowUs__label{font-size:14px}.vchasno-ui-FollowUs__link{display:block;flex-grow:0;flex-shrink:0;height:24px;transition:filter .3s;width:24px}.vchasno-ui-FollowUs__link img{display:block}.vchasno-ui-FollowUs__link:hover{filter:brightness(80%)}.vchasno-ui-input{display:inline-flex;flex-direction:column;gap:5px;max-width:100%}.vchasno-ui-input input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input .vchasno-ui-mask-input,.vchasno-ui-input .vchasno-ui-text-input{flex-grow:1}.vchasno-ui-input.--wide{width:100%}.vchasno-ui-input__wrapper{align-items:center;background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:8px;box-sizing:border-box;display:flex;min-height:50px;outline:3px solid transparent;padding-left:16px;padding-right:33px;position:relative;transition:border var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper>input{max-width:100%}.vchasno-ui-input__wrapper__start-element{align-items:center;display:flex;flex-grow:0;flex-shrink:0;font-size:var(--vchasno-ui-input-font-size,14px);line-height:var(--vchasno-ui-input-font-size,14px);margin-right:5px}.vchasno-ui-input__feedback{display:block;height:18px;position:absolute;right:10px;top:10px;width:18px}.vchasno-ui-input .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-input.--disabled .vchasno-ui-input__wrapper{background-color:var(--vchasno-ui-input-bg-color-disabled);color:var(--vchasno-ui-input-font-color-disabled)}.vchasno-ui-input:not(.--disabled) .vchasno-ui-input__wrapper:hover{cursor:text}.vchasno-ui-input:not(.--disabled):focus-within .vchasno-ui-input__wrapper,.vchasno-ui-input:not(.--disabled):hover .vchasno-ui-input__wrapper{border-color:var(--vchasno-ui-input-border-color-focused);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-input:not(.--disabled).--error .vchasno-ui-input__wrapper{border-color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-input.--disabled,.vchasno-ui-input.--disabled *{cursor:not-allowed;opacity:.8}.vchasno-ui-input:has(.vchasno-ui-label-text) input::placeholder{visibility:hidden}.vchasno-ui-input:focus-within:has(.vchasno-ui-label-text) input::placeholder{visibility:visible}.vchasno-ui-mask-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);position:relative}.vchasno-ui-mask-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.szh-menu-button{box-sizing:border-box}.vchasno-ui-menu-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-menu-button:hover{background-color:var(--vchasno-ui-menu-button-bg)}.szh-menu__item{align-items:center;cursor:pointer;display:flex;padding:10px 12px;position:relative;transition:background-color var(--vchasno-ui-transition-duration-sec)}.szh-menu__item+.szh-menu__item{margin-top:4px}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:var(--vchasno-ui-menu-item-hover-bg)}.szh-menu__item--focusable{background-color:inherit;cursor:default}.szh-menu__item--disabled{color:#aaa;cursor:default}.szh-menu{background-color:#fff;border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:4px;box-sizing:border-box;color:#212529;list-style:none;margin:0;min-width:10rem;padding:8px;user-select:none;width:max-content;z-index:100}.szh-menu:focus{outline:none}.szh-menu__arrow{background-color:#fff;border-color:rgba(0,0,0,.1) transparent transparent rgba(0,0,0,.1);border-style:solid;border-width:1px;box-sizing:border-box;height:.75rem;width:.75rem;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translateX(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translateX(-50%) rotate(45deg)}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{list-style:none;margin:0;padding:0}.szh-menu__divider{background-color:rgba(0,0,0,.12);height:1px;margin:.5rem 0}.szh-menu-container--itemTransition .szh-menu__item{transition-duration:.15s;transition-property:background-color,color;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";font-size:.8rem;left:.8rem;position:absolute;top:.55rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{left:.8rem;position:absolute}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}.vchasno-ui-MobileAppLinks{min-width:100px}.vchasno-ui-MobileAppLinks__label{font-size:14px}.vchasno-ui-MobileAppLinks__link{aspect-ratio:300/89;display:block;max-width:150px;transition:filter .3s}.vchasno-ui-MobileAppLinks__link img{display:block}.vchasno-ui-MobileAppLinks__link:hover{filter:brightness(80%)}.vchasno-ui-pagination{align-items:center;display:inline-flex;flex-shrink:0;font-size:14px;gap:10px}.vchasno-ui-pagination__item{align-items:center;background-color:#fff;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;height:var(--vchasno-ui-pagination-size);justify-content:center;min-width:var(--vchasno-ui-pagination-size);outline:0;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),border var(--vchasno-ui-transition-duration-sec,.3s);user-select:none;vertical-align:middle}.vchasno-ui-pagination__item-arrow{align-items:center;display:inline-flex;justify-content:center}.vchasno-ui-pagination__item:not(.vchasno-ui-pagination__item-disabled):hover{background-color:var(--vchasno-ui-pagination-hover-bg-color,rgba(0,0,0,.1))}.vchasno-ui-pagination__item-active{border-color:var(--vchasno-ui-pagination-border-color,#6b5fff)}.vchasno-ui-pagination__item-disabled{cursor:not-allowed;opacity:.8}.vchasno-ui-pagination__item-hidden{display:none}.--text-start{text-align:start}.--text-center{text-align:center}.--text-end{text-align:end}.--text-justify{text-align:justify}.vchasno-ui-paragraph{color:var(--vchasno-ui-text-primary-color)}.vchasno-ui-paragraph.--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-paragraph.--ellipsis-line{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:unset}.vchasno-ui-ProjectsPopover{background-color:#fff;border-radius:3px;box-sizing:border-box;display:inline-block;max-width:calc(100vw - 32px);padding:24px 16px 0;width:440px}.vchasno-ui-ProjectsPopover__content{display:flex;flex-direction:column;gap:32px}.vchasno-ui-ProjectsPopover__products{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;width:calc(100% + 32px)}.vchasno-ui-ProjectsPopover a:hover{color:unset;text-decoration:none}.vchasno-ui-ProjectsPopover--border{border:1px solid #dbe5ea}.vchasno-ui-ProjectsPopover__title{font-size:16px;font-style:normal;font-weight:500;line-height:18px;width:100%}.vchasno-ui-ProjectsPopover__box{align-items:center;aspect-ratio:198/80;border:1px solid #dbe5ea;border-radius:8px;box-sizing:border-box;color:var(--vchasno-ui-text-primary-color);display:inline-flex;gap:8px;padding:20px;text-decoration:none;transition:background-color .3s;width:198px}.vchasno-ui-ProjectsPopover__box>svg{max-width:90%}.vchasno-ui-ProjectsPopover__box__icon{border-radius:50%;box-sizing:border-box;flex-shrink:0;height:40px;width:40px}.vchasno-ui-ProjectsPopover__box:hover{background-color:#f3f6f8;cursor:pointer}.vchasno-ui-ProjectsPopover__box__title{font-size:14px;font-style:normal;font-weight:400;line-height:26px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer{align-items:center;background:#ecf4ff;border-radius:0 0 4px 4px;color:#6b8091;display:flex;font-size:12px;font-weight:400;justify-content:center;margin:0 -16px;min-height:42px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer>a{color:#0890de;text-decoration:none}@media screen and (width <= 480px){.vchasno-ui-ProjectsPopover{width:330px}.vchasno-ui-ProjectsPopover__box{aspect-ratio:1/1;flex-direction:column;justify-content:center;padding:10px;width:calc(50% - 20px)}}.vchasno-ui-PulseDot{background-color:var(--vchasno-ui-pulse-dot-color);border-radius:50%;height:var(--vchasno-ui-pulse-dot-size);position:relative;width:var(--vchasno-ui-pulse-dot-size)}.vchasno-ui-PulseDot:after,.vchasno-ui-PulseDot:before{background:inherit;border-radius:50%;content:"";height:100%;pointer-events:none;position:absolute;width:100%}.vchasno-ui-PulseDot:before{animation:pulse 2s ease-out infinite}.vchasno-ui-PulseDot:after{animation:pulse 2s ease-out 1s infinite}@keyframes pulse{to{opacity:0;transform:scale(2)}}.vchasno-ui-select{display:inline-flex;flex-direction:column;gap:5px;position:relative}.vchasno-ui-select .vchasno-ui-label-text{transform:translateY(-18px);transition:font-size .3s,transform .3s}.vchasno-ui-select:focus-within .vchasno-ui-label-text,.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value) .vchasno-ui-label-text{font-size:12px;transform:translateY(-42px)}.vchasno-ui-select.--wide{width:100%}.vchasno-ui-select .vchasno-ui-select__control{border-color:var(--vchasno-ui-input-border-color-default);border-radius:8px;font-family:Roboto,Arial,Tahoma,Helvetica,Liberation Sans,sans-serif;min-height:50px;min-width:200px;outline:3px solid transparent}.vchasno-ui-select.--disabled .vchasno-ui-select__control{background-color:#f3f6f8;border:1px solid var(--vchasno-ui-input-border-color-default)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-disabled{opacity:.8}.vchasno-ui-select .vchasno-ui-select__option{transition:opacity var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--disabled .vchasno-ui-select__option{background-color:#f3f6f8;opacity:.8;pointer-events:none}.vchasno-ui-select .vchasno-ui-select__menu{border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:8px;box-shadow:none;margin-bottom:6px;margin-top:4px;transition:border var(--vchasno-ui-transition-duration-sec,.3s);z-index:100}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open{border-color:var(--vchasno-ui-select-menu-border-color,#6b5fff);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select.--error .vchasno-ui-select__control,.vchasno-ui-select.--error:hover .vchasno-ui-select__control--menu-is-open{border:1px solid #ff5937;outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-select .vchasno-ui-select__control:hover{border-color:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-select .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-input-font-color)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover{border-color:#ff5937}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-input-border-color-focused,#6b5fff);transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator{color:#ff5937}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{color:#ff5937;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover .vchasno-ui-select__dropdown-indicator,.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator:hover{color:#ff5937}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open+.vchasno-ui-select__menu,.vchasno-ui-select.--error .vchasno-ui-select__control.vchasno-ui-select__control--menu-is-open{border:1px solid #ff5937}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-focused{border-color:var(--vchasno-ui-input-border-color-focused);box-shadow:none;outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-select .vchasno-ui-select__placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);font-weight:400}.vchasno-ui-select:not(:focus-within,:not(:has(.vchasno-ui-label-text))) .vchasno-ui-select__placeholder{visibility:hidden}.vchasno-ui-select .vchasno-ui-select__clear-indicator{border-radius:4px;color:var(--vchasno-ui-input-font-color);padding:0}.vchasno-ui-select .vchasno-ui-select__clear-indicator:hover{cursor:pointer}.vchasno-ui-select .vchasno-ui-select__option--is-focused,.vchasno-ui-select .vchasno-ui-select__option--is-selected,.vchasno-ui-select .vchasno-ui-select__option:hover{background-color:var(--vchasno-ui-select-option-bg-selected);color:var(--vchasno-ui-select-option-color-selected)}.vchasno-ui-select .vchasno-ui-select__option:hover{cursor:pointer}.vchasno-ui-select.--disabled{cursor:not-allowed}.vchasno-ui-select .vchasno-ui-select__multi-value{background-color:var(--vchasno-ui-select-option-bg-selected);border-radius:8px;outline:1px solid var(--vchasno-ui-select-menu-border-color,transparent)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove{background-color:transparent;color:var(--vchasno-ui-label-color-default);padding:0 3px 0 0;transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove:hover{background-color:transparent;color:var(--vchasno-ui-input-color-error);cursor:pointer}.vchasno-ui-select .vchasno-ui-select__multi-value__remove svg{height:20px;width:20px}.vchasno-ui-select .vchasno-ui-select__indicators{padding-right:5px}.vchasno-ui-select .vchasno-ui-select__value-container{padding:5px 14px}.vchasno-ui-select .vchasno-ui-select__multi-value__label{font-size:14px;padding:6px 0 6px 6px}.vchasno-ui-select .vchasno-ui-select .vchasno-ui-select__multi-value__remove{font-size:14px;padding:6px}.vchasno-ui-snackbar{width:auto}.vchasno-ui-snackbar .vchasno-ui-snackbar-toast{background:var(--vchasno-ui-snackbar-toast-background);max-width:var(--vchasno-ui-snackbar-toast-max-width);min-width:var(--vchasno-ui-snackbar-toast-min-width);padding:16px 8px 16px 16px;width:auto}.vchasno-ui-snackbar .vchasno-ui-snackbar-body{align-items:flex-start;padding:0 8px 0 0}.vchasno-ui-snackbar .vchasno-ui-snackbar-action-button{border:none;color:var(--vchasno-ui-snackbar-action-button-color);cursor:pointer;font-size:14px;font-weight:500;line-height:20px;margin-left:auto}.vchasno-ui-snackbar .Toastify__toast-icon{font-size:20px;margin-right:10px}:root{--toastify-color-light:var(--vchasno-ui-snackbar-color-light);--toastify-color-dark:var(--vchasno-ui-snackbar-color-dark);--toastify-color-info:var(--vchasno-ui-snackbar-color-info);--toastify-color-success:var(--vchasno-ui-snackbar-color-success);--toastify-color-warning:var(--vchasno-ui-snackbar-color-warning);--toastify-color-error:var(--vchasno-ui-snackbar-color-error);--toastify-color-transparent:var(--vchasno-ui-snackbar-color-transparent);--toastify-icon-color-info:var(--vchasno-ui-snackbar-icon-color-info);--toastify-icon-color-success:var(--vchasno-ui-snackbar-icon-color-success);--toastify-icon-color-warning:var(--vchasno-ui-snackbar-icon-color-warning);--toastify-icon-color-error:var(--vchasno-ui-snackbar-icon-color-error);--toastify-toast-width:var(--vchasno-ui-snackbar-toast-width);--toastify-toast-offset:var(--vchasno-ui-snackbar-toast-offset);--toastify-toast-top:var(--vchasno-ui-snackbar-toast-top);--toastify-toast-right:var(--vchasno-ui-snackbar-toast-right);--toastify-toast-left:var(--vchasno-ui-snackbar-toast-left);--toastify-toast-bottom:var(--vchasno-ui-snackbar-toast-bottom);--toastify-toast-background:var(--vchasno-ui-snackbar-toast-background);--toastify-toast-min-height:var(--vchasno-ui-snackbar-toast-min-height);--toastify-toast-max-height:var(--vchasno-ui-snackbar-toast-max-height);--toastify-toast-bd-radius:var(--vchasno-ui-snackbar-toast-bd-radius);--toastify-font-family:var(--vchasno-ui-snackbar-font-family);--toastify-z-index:var(--vchasno-ui-snackbar-z-index);--toastify-text-color-light:var(--vchasno-ui-snackbar-text-color-light);--toastify-text-color-dark:var(--vchasno-ui-snackbar-text-color-dark);--toastify-text-color-info:var(--vchasno-ui-snackbar-text-color-info);--toastify-text-color-success:var(--vchasno-ui-snackbar-text-color-success);--toastify-text-color-warning:var(--vchasno-ui-snackbar-text-color-warning);--toastify-text-color-error:var(--vchasno-ui-snackbar-text-color-error);--toastify-spinner-color:var(--vchasno-ui-snackbar-spinner-color);--toastify-spinner-color-empty-area:var(--vchasno-ui-snackbar-spinner-color-empty-area);--toastify-color-progress-light:var(--vchasno-ui-snackbar-color-progress-light);--toastify-color-progress-dark:var(--vchasno-ui-snackbar-color-progress-dark);--toastify-color-progress-info:var(--vchasno-ui-snackbar-color-progress-info);--toastify-color-progress-success:var(--vchasno-ui-snackbar-color-progress-success);--toastify-color-progress-warning:var(--vchasno-ui-snackbar-color-progress-warning);--toastify-color-progress-error:var(--vchasno-ui-snackbar-color-progress-error);--toastify-color-progress-bgo:var(--vchasno-ui-snackbar-color-progress-bgo)}.vchasno-ui-SplashLogo__logo-box{--vchasno-ui-splash-screen-logo-box-width:300px;--vchasno-ui-splash-screen-logo-box-height:100px;--vchasno-ui-splash-screen-logo-color:#333;--vchasno-ui-splash-screen-animation-duration:2s;animation:wave var(--vchasno-ui-splash-screen-animation-duration) infinite linear forwards;background-image:linear-gradient(to right,transparent,var(--vchasno-ui-splash-screen-logo-color),transparent);background-size:var(--vchasno-ui-splash-screen-logo-box-width) var(--vchasno-ui-splash-screen-logo-box-height);display:inline-block;height:var(--vchasno-ui-splash-screen-logo-box-height);width:var(--vchasno-ui-splash-screen-logo-box-width)}@keyframes wave{0%{background-position:calc(var(--vchasno-ui-splash-screen-logo-box-width)*-1) 0}to{background-position:0 0}}.vchasno-ui-SvgBorder{--vchasno-ui-svg-border-animation-duration-sec:1s;--vchasno-ui-svg-border-stroke-dashoffset:100%;position:relative}.vchasno-ui-SvgBorder__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition:var(--vchasno-ui-transition-duration-sec);z-index:-1}.vchasno-ui-SvgBorder__svg--animation-border-offset{animation:stroke-offset var(--vchasno-ui-svg-border-animation-duration-sec) linear infinite;animation-play-state:paused}.vchasno-ui-SvgBorder__svg--animation-play{animation-play-state:running}@keyframes stroke-offset{to{stroke-dashoffset:var(--vchasno-ui-svg-border-stroke-dashoffset)}}.vchasno-ui-switch{--vchasno-ui-switc-hcircle-size:calc(var(--vchasno-ui-switch-height) - 4px);align-content:center;cursor:pointer;display:inline-flex;line-height:var(--vchasno-ui-switch-height)}.vchasno-ui-switch.--sm{--vchasno-ui-switch-height:20px}.vchasno-ui-switch.--md{--vchasno-ui-switch-height:30px}.vchasno-ui-switch.--lg{--vchasno-ui-switch-height:40px}.vchasno-ui-switch--bg{aspect-ratio:36/20;background:var(--vchasno-ui-switch-color-bg);border-radius:100px;box-shadow:inset 0 2px 0 rgba(57,96,131,.2);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--vchasno-ui-switch-height,20px);position:relative;transition:background-color .3s;z-index:0}.vchasno-ui-switch__active .vchasno-ui-switch--bg{background:var(--vchasno-ui-switch-active-color-bg)}.vchasno-ui-switch__disabled{cursor:default;opacity:.7}.vchasno-ui-switch--circle{align-items:center;aspect-ratio:1/1;background-color:var(--vchasno-ui-switch-circle-color);border-radius:50%;display:flex;height:var(--vchasno-ui-switc-hcircle-size);justify-content:center;left:0;position:absolute;top:0;transform:translate(2px,2px);transition:transform .3s}.vchasno-ui-switch--bg>input:checked+.vchasno-ui-switch--circle{transform:translate(18px,2px)}.vchasno-ui-switch.--md .vchasno-ui-switch--bg>input:checked+.vchasno-ui-switch--circle{transform:translate(26px,2px)}.vchasno-ui-switch.--lg .vchasno-ui-switch--bg>input:checked+.vchasno-ui-switch--circle{transform:translate(34px,2px)}.vchasno-ui-spinner{color:var(--vchasno-ui-switch-spinner-color)}.vchasno-ui-switch--label{color:var(--vchasno-ui-input-font-color);font-size:var(--vchasno-ui-input-font-size);margin-left:12px;user-select:none}.vchasno-ui-tabs-wrapper{-ms-overflow-style:none;position:relative;scrollbar-width:none;width:100%}.vchasno-ui-tabs-wrapper::-webkit-scrollbar{display:none}.--h-scroll{overflow:auto}.vchasno-ui-tabs-wrapper-root{position:relative}.vchasno-ui-tabs-wrapper-root:after,.vchasno-ui-tabs-wrapper-root:before{bottom:0;content:"";display:block;pointer-events:none;position:absolute;top:0;width:30px}.--ping-right:after{box-shadow:inset -12px 0 8px -8px rgb(0 0 0/8%);right:0}.--ping-left:before{box-shadow:inset 12px 0 8px -8px rgb(0 0 0/8%);left:0}.vchasno-ui-tabs{--active-color:var(--vchasno-ui-tabs-active-color,#087dc1);display:flex;font-size:16px;font-weight:500;position:relative}.vchasno-ui-tabs__indicator{background-color:var(--active-color);border-radius:3px;bottom:-1px;display:block;height:3px;left:0;position:absolute;transition:width var(--vchasno-ui-transition-duration-sec,.3s),left var(--vchasno-ui-transition-duration-sec,.3s);width:10px;z-index:1}.--h-scroll .vchasno-ui-tabs__indicator{display:none}.vchasno-ui-tabs-wrapper-root.--skip-animation .vchasno-ui-tabs__indicator{transition:none}.vchasno-ui-tabs__label-item{align-items:center;color:#333;cursor:pointer;display:inline-flex;flex-grow:0;flex-shrink:0;height:50px;padding:0 15px;position:relative;transition:color var(--vchasno-ui-transition-duration-sec),background-color var(--vchasno-ui-transition-duration-sec);user-select:none}.vchasno-ui-tabs__label-item:after{background-color:var(--active-color);border-radius:3px;bottom:0;content:"";display:block;height:0;left:0;position:absolute;right:0;transition:height var(--vchasno-ui-transition-duration-sec);z-index:1}.--h-scroll .vchasno-ui-tabs__label-item.--active:after{height:3px}.vchasno-ui-tabs-wrapper:not(.--h-scroll) .vchasno-ui-tabs{border-bottom:1px solid #dbe5ea}.vchasno-ui-tabs__label-item.--active,.vchasno-ui-tabs__label-item:not(.--disabled):hover{color:var(--active-color)}.vchasno-ui-tabs__label-item.--disabled{cursor:not-allowed;opacity:.5}.vchasno-ui-textarea-input-container .vchasno-ui-input__wrapper{height:auto;padding-bottom:10px;padding-top:10px}.vchasno-ui-textarea-input{border:0;color:var(--vchasno-ui-text-primary-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);resize:none;width:100%}.vchasno-ui-textarea-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper__label{transform:none}.vchasno-ui-textarea-input+.vchasno-ui-label-text{top:0;transform:translateY(10px);transition:transform var(--vchasno-ui-transition-duration-sec,.3s),font-size var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-textarea-input:focus:not(.--disabled)+.vchasno-ui-label-text,.vchasno-ui-textarea-input:not(:placeholder-shown)+.vchasno-ui-label-text{top:0;transform:translateY(-12px)}.vchasno-ui-text-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size)}.vchasno-ui-text-input::-webkit-inner-spin-button,.vchasno-ui-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.vchasno-ui-text-input[type=number]{appearance:textfield}.vchasno-ui-text-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-title{color:var(--vchasno-ui-text-primary-color,#333)}.vchasno-ui-title.--pretty{text-wrap:pretty}.vchasno-ui-title.--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-title h1,h1.vchasno-ui-title{font-size:32px;font-weight:700;line-height:40px}.vchasno-ui-title h2,h2.vchasno-ui-title{font-size:24px;font-weight:700;line-height:28px}.vchasno-ui-title h3,h3.vchasno-ui-title{font-size:20px;font-weight:500;line-height:24px}.vchasno-ui-title h4,h4.vchasno-ui-title{font-size:16px;font-weight:400;line-height:20px}.vchasno-ui-title h5,h5.vchasno-ui-title{font-size:12px;font-weight:400;line-height:14px}

package/dist/{Datepicker/types/hooks → hooks}/useClientRect.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-export declare const useClientRect: () => {
+
+declare const useClientRect: () => {
     rect: DOMRect | null;
     ref: React.RefObject<HTMLDivElement>;
 };
+
+export { useClientRect };

package/dist/hooks/useClientRect.js

@@ -0,0 +1,2 @@
+import r,{useLayoutEffect as e}from"react";function t(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=Array(e);t<e;t++)n[t]=r[t];return n}var n=function(){var n,o=function(r){if(Array.isArray(r))return r}(n=r.useState(null))||function(r,e){var t,n,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var u=[],i=!0,a=!1;try{for(o=o.call(r);!(i=(t=o.next()).done)&&(u.push(t.value),2!==u.length);i=!0);}catch(r){a=!0,n=r}finally{try{i||null==o.return||o.return()}finally{if(a)throw n}}return u}}(n,2)||function(r,e){if(r){if("string"==typeof r)return t(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t(r,2)}}(n,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),u=o[0],i=o[1],a=r.useRef(null);return e(function(){var r=function(){a.current&&i(a.current.getBoundingClientRect())};if(r(),window.ResizeObserver){var e=new ResizeObserver(r);return a.current&&e.observe(a.current),function(){a.current&&e.unobserve(a.current),e.disconnect()}}return window.addEventListener("resize",r),function(){window.removeEventListener("resize",r)}},[]),{rect:u,ref:a}};export{n as useClientRect};
+//# sourceMappingURL=useClientRect.js.map

package/dist/hooks/useClientRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClientRect.js","sources":["../../src/hooks/useClientRect.ts"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\n\nexport const useClientRect = () => {\n    const [rect, setRect] = React.useState<DOMRect | null>(null);\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    useLayoutEffect(() => {\n        const handleResize = () => {\n            if (ref.current) {\n                setRect(ref.current.getBoundingClientRect());\n            }\n        };\n\n        handleResize();\n\n        if (window.ResizeObserver) {\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (ref.current) {\n                resizeObserver.observe(ref.current);\n            }\n\n            return () => {\n                if (ref.current) {\n                    resizeObserver.unobserve(ref.current);\n                }\n                resizeObserver.disconnect();\n            };\n        }\n\n        window.addEventListener('resize', handleResize);\n\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, []);\n\n    return { rect, ref };\n};\n"],"names":["useClientRect","React","useState","rect","setRect","ref","useRef","useLayoutEffect","handleResize","current","getBoundingClientRect","window","ResizeObserver","resizeObserver","observe","unobserve","disconnect","addEventListener","removeEventListener"],"mappings":"qJAEaA,EAAgB,WACzB,MAAwBC,8CAAAA,EAAMC,QAAQ,CAAiB,yMAAhDC,oHAAAA,yDAAAA,0OAAAA,OAAAA,gLAAAA,EAAiBF,KAAXG,EAAWH,CAAAA,CAAAA,EAAAA,CAClBI,EAAMJ,EAAMK,MAAM,CAAiB,MAiCzC,OA/BAC,EAAgB,WACZ,IAAMC,EAAe,WACbH,EAAII,OAAO,EACXL,EAAQC,EAAII,OAAO,CAACC,qBAAqB,GAEjD,EAIA,GAFAF,IAEIG,OAAOC,cAAc,CAAE,CACvB,IAAMC,EAAiB,IAAID,eAAeJ,GAM1C,OAJIH,EAAII,OAAO,EACXI,EAAeC,OAAO,CAACT,EAAII,OAAO,EAG/B,WACCJ,EAAII,OAAO,EACXI,EAAeE,SAAS,CAACV,EAAII,OAAO,EAExCI,EAAeG,UAAU,EAC7B,CACJ,CAIA,OAFAL,OAAOM,gBAAgB,CAAC,SAAUT,GAE3B,WACHG,OAAOO,mBAAmB,CAAC,SAAUV,EACzC,CACJ,EAAG,EAAE,EAEE,CAAEL,KAAAA,EAAME,IAAAA,CAAI,CACvB"}