@vchasno/ui-kit 0.4.81 → 0.4.83

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { ChangeEventHandler, HTMLAttributes, useState } from 'react';\n\nimport cn from 'classnames';\n\nimport Spinner from '../Spinner';\nimport { DataQa, LoadingFeedback, Sizable } from '../types';\n\nimport './Switch.global.css';\n\nexport interface SwitchProps\n    extends HTMLAttributes<HTMLInputElement>,\n        DataQa,\n        Partial<LoadingFeedback>,\n        Partial<Sizable> {\n    className?: string;\n    label?: string;\n    value?: boolean;\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n    onChecked?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;\n    defaultChecked?: boolean;\n    disabled?: boolean;\n}\n\nconst spinnerSizeMap: Record<Sizable['size'], number> = {\n    sm: 16,\n    md: 26,\n    lg: 36,\n};\n\nconst Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n    (\n        {\n            className,\n            label,\n            onChange,\n            onChecked,\n            value,\n            defaultChecked = false,\n            disabled,\n            loading,\n            id,\n            size = 'md',\n            dataQa,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [checked, setChecked] = useState(defaultChecked);\n        const isFullParentControlled = typeof value === 'boolean';\n        const inputChecked = isFullParentControlled ? value : checked;\n\n        const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n            if (!isFullParentControlled) {\n                setChecked(() => event.target.checked);\n            }\n\n            onChange?.(event);\n            onChecked?.(event.target.checked, event);\n        };\n\n        return (\n            <label\n                data-qa={dataQa}\n                className={cn(\n                    'vchasno-ui-switch',\n                    `--${size}`,\n                    {\n                        'vchasno-ui-switch__active': inputChecked,\n                        'vchasno-ui-switch__disabled': disabled,\n                    },\n                    className,\n                )}\n            >\n                <span className=\"vchasno-ui-switch--bg\">\n                    <input\n                        {...rest}\n                        ref={ref}\n                        disabled={disabled}\n                        id={id}\n                        type=\"checkbox\"\n                        hidden\n                        onChange={handleChange}\n                        checked={inputChecked}\n                    />\n                    <span className=\"vchasno-ui-switch--circle\">\n                        {loading && (\n                            <Spinner width={spinnerSizeMap[size]} height={spinnerSizeMap[size]} />\n                        )}\n                    </span>\n                </span>\n                {label && <span className=\"vchasno-ui-switch--label\">{label}</span>}\n            </label>\n        );\n    },\n);\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["spinnerSizeMap","sm","md","lg","Switch","React","forwardRef","ref","className","label","onChange","onChecked","value","defaultChecked","disabled","loading","id","size","dataQa","rest","useState","checked","setChecked","isFullParentControlled","inputChecked","data-qa","cn","concat","span","createElement","input","type","hidden","event","target","Spinner","width","height","displayName"],"mappings":"yMAuBA,IAAMA,EAAkD,CACpDC,GAAI,GACJC,GAAI,GACJC,GAAI,EACR,EAEMC,EAASC,EAAMC,UAAU,CAC3B,SAeIC,CAAAA,CAAAA,CAAAA,YAbIC,EAAAA,EAAAA,SAAAA,CACAC,IAAAA,KACAC,CAAAA,EAAAA,EAAAA,SACAC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,KAAAA,CAAAA,EAAAA,EACAC,cAAAA,CACAC,EAAAA,EAAAA,QAAAA,CACAC,IAAAA,OACAC,CAAAA,EAAAA,EAAAA,OACAC,IAAAA,CAAAA,EAAAA,AAAAA,KAAAA,IAAAA,EAAO,KACPC,EAAAA,EAAAA,EAAAA,MACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAXHX,YACAC,QACAC,WACAC,YACAC,QACAC,iBACAC,WACAC,UACAC,KACAC,OACAC,WAK0BE,8CAAAA,EAV1BP,AAAAA,KAAAA,IAAAA,yMAUGQ,oHAAAA,yDAAAA,0OAAAA,OAAAA,gLAAAA,EAAuBD,KAAdE,EAAcF,CAAAA,CAAAA,EAAAA,CACxBG,EAAyB,AAAiB,WAAjB,OAAOX,EAChCY,EAAeD,EAAyBX,EAAQS,EAWtD,OACIhB,EAACI,aAAAA,CAAAA,QAAAA,CACGgB,UAASP,EACTV,UAAWkB,EACP,oBACA,KAAUC,OAALV,GACL,CACI,4BAA6BO,EAC7B,8BAA+BV,GAEnCN,IAGJH,EAACuB,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,uBACZ,EAAAH,EAAAwB,aAAA,CAACC,WACOX,iaAAAA,CAAAA,EAAAA,OAAAA,CACJZ,IAAKA,EACLO,SAAUA,EACVE,GAAIA,EACJe,KAAK,WACLC,OAAAA,CAAAA,EACAtB,SA9B2C,SAACuB,CAAAA,EACnDV,GACDD,EAAW,kBAAMW,EAAMC,MAAM,CAACb,OAAO,GAGzCX,MAAAA,GAAAA,EAAWuB,GACXtB,MAAAA,GAAAA,EAAYsB,EAAMC,MAAM,CAACb,OAAO,CAAEY,EACtC,EAwBgBZ,QAASG,gVAEbnB,EAACuB,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,2BACXO,EAAAA,GACGV,EAAC8B,aAAAA,CAAAA,EAAAA,CAAQC,MAAOpC,CAAc,CAACiB,EAAK,CAAEoB,OAAQrC,CAAc,CAACiB,EAAK,AAI7ER,KAAAA,GAASJ,EAACuB,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,0BAA4BC,EAAAA,GAGlE,EAGJL,CAAAA,EAAOkC,WAAW,CAAG"}
+{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { type ChangeEventHandler, type HTMLAttributes, useState } from 'react';\n\nimport cn from 'classnames';\n\nimport Spinner from '../Spinner';\nimport type { DataQa, LoadingFeedback, Sizable } from '../types';\n\nimport './Switch.global.css';\n\nexport interface SwitchProps\n    extends HTMLAttributes<HTMLInputElement>,\n        DataQa,\n        Partial<LoadingFeedback>,\n        Partial<Sizable> {\n    className?: string;\n    label?: string;\n    value?: boolean;\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n    onChecked?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;\n    defaultChecked?: boolean;\n    disabled?: boolean;\n}\n\nconst spinnerSizeMap: Record<Sizable['size'], number> = {\n    sm: 16,\n    md: 26,\n    lg: 36,\n};\n\nconst Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n    (\n        {\n            className,\n            label,\n            onChange,\n            onChecked,\n            value,\n            defaultChecked = false,\n            disabled,\n            loading,\n            id,\n            size = 'md',\n            dataQa,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [checked, setChecked] = useState(defaultChecked);\n        const isFullParentControlled = typeof value === 'boolean';\n        const inputChecked = isFullParentControlled ? value : checked;\n\n        const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n            if (!isFullParentControlled) {\n                setChecked(() => event.target.checked);\n            }\n\n            onChange?.(event);\n            onChecked?.(event.target.checked, event);\n        };\n\n        return (\n            <label\n                data-qa={dataQa}\n                className={cn(\n                    'vchasno-ui-switch',\n                    `--${size}`,\n                    {\n                        'vchasno-ui-switch__active': inputChecked,\n                        'vchasno-ui-switch__disabled': disabled,\n                    },\n                    className,\n                )}\n            >\n                <span className=\"vchasno-ui-switch--bg\">\n                    <input\n                        {...rest}\n                        ref={ref}\n                        disabled={disabled}\n                        id={id}\n                        type=\"checkbox\"\n                        hidden\n                        onChange={handleChange}\n                        checked={inputChecked}\n                    />\n                    <span className=\"vchasno-ui-switch--circle\">\n                        {loading && (\n                            <Spinner width={spinnerSizeMap[size]} height={spinnerSizeMap[size]} />\n                        )}\n                    </span>\n                </span>\n                {label && <span className=\"vchasno-ui-switch--label\">{label}</span>}\n            </label>\n        );\n    },\n);\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["spinnerSizeMap","sm","md","lg","Switch","React","forwardRef","className","label","onChange","onChecked","value","defaultChecked","disabled","loading","id","size","dataQa","rest","ref","checked","setChecked","useState","isFullParentControlled","inputChecked","data-qa","cn","span","input","type","hidden","event","target","Spinner","width","height","displayName"],"mappings":"mGAuBA,IAAMA,EAAkD,CACpDC,GAAI,GACJC,GAAI,GACJC,GAAI,EACR,EAEMC,EAASC,EAAMC,UAAU,CAC3B,CACI,CACIC,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACLC,eAAAA,EAAiB,CAAA,CAAK,CACtBC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,GAAAA,CAAE,CACFC,KAAAA,EAAO,IAAI,CACXC,OAAAA,CAAM,CACN,GAAGC,EACN,CACDC,KAEA,GAAM,CAACC,EAASC,EAAW,CAAGC,EAASV,GACjCW,EAAyB,AAAiB,WAAjB,OAAOZ,EAChCa,EAAeD,EAAyBZ,EAAQS,EAWtD,OACIf,EAACG,aAAAA,CAAAA,QAAAA,CACGiB,UAASR,EACTV,UAAWmB,EACP,oBACA,CAAC,EAAE,EAAEV,GAAM,CACX,CACI,4BAA6BQ,EAC7B,8BAA+BX,GAEnCN,IAGJF,EAACsB,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,yBACZF,EAACuB,aAAAA,CAAAA,QAAAA,CACI,GAAGV,CAAI,CACRC,IAAKA,EACLN,SAAUA,EACVE,GAAIA,EACJc,KAAK,WACLC,OAAAA,CAAAA,EACArB,SA9B2C,AAACsB,IACnDR,GACDF,EAAW,IAAMU,EAAMC,MAAM,CAACZ,OAAO,EAGzCX,IAAWsB,GACXrB,IAAYqB,EAAMC,MAAM,CAACZ,OAAO,CAAEW,EACtC,EAwBgBX,QAASI,IAEbnB,EAACsB,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,2BACXO,EAAAA,GACGT,EAAC4B,aAAAA,CAAAA,EAAAA,CAAQC,MAAOlC,CAAc,CAACgB,EAAK,CAAEmB,OAAQnC,CAAc,CAACgB,EAAK,AAI7ER,KAAAA,GAASH,EAACsB,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,0BAA4BC,EAAAA,GAGlE,EAGJJ,CAAAA,EAAOgC,WAAW,CAAG"}

package/dist/components/Tabs/Tabs.js

@@ -1,2 +1,2 @@
-import e,{useState as t,useRef as r,useEffect as n}from"react";import a from"classnames";import i from"../FlexBox/FlexBox.js";import l 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 i=[],l=!0,c=!1;try{for(a=a.call(e);!(l=(r=a.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){c=!0,n=e}finally{try{l||null==a.return||a.return()}finally{if(c)throw n}}return i}}(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=c.indicatorPadding,h=u(t(!1),2),g=h[0],k=h[1],x=u(t(y||d||m[0].key),2),A=x[0],E=x[1],w=y||A,S=r(null),j=r(null),N=r(null),C=r(!0);n(function(){if(j.current&&N.current){var e=j.current.getBoundingClientRect(),t=Array.from(j.current.querySelectorAll("li")||[]).find(function(e){var t;return(null===(t=e.dataset)||void 0===t?void 0:t.key)===w});if(t){var r=t.getBoundingClientRect(),n=r.x,a=r.width;"number"==typeof p&&p>0&&p<a/2&&(n+=p,a-=2*p),N.current.style.width="".concat(a,"px"),N.current.style.transform="translateX(".concat(n-e.x,"px)")}C.current=!1}},[w,p]),n(function(){j.current&&S.current&&j.current.scrollWidth>S.current.clientWidth&&k(!0)},[]);var B=m.find(function(e){return e.key===w});return e.createElement(e.Fragment,null,e.createElement("div",{className:a("vchasno-ui-tabs-wrapper-root",(o(s={},"--skip-animation",C.current),o(s,"--ping-left",g&&B!==m[0]),o(s,"--ping-right",g&&B!==m[m.length-1]),s))},e.createElement("div",{ref:S,className:a("vchasno-ui-tabs-wrapper",o({},"--h-scroll",g))},e.createElement("ul",{className:a("vchasno-ui-tabs",v),ref:j},m.map(function(t){return e.createElement("li",{"data-key":t.key,className:a("vchasno-ui-tabs__label-item",t.className,{"--active":t===B,"--disabled":t.disabled}),key:t.key,onClick:function(e){!t.disabled&&(E(t.key),null==f||f(t.key),g&&e.currentTarget.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}))}},t.label)}),e.createElement("span",{ref:N,className:"vchasno-ui-tabs__indicator"})))),!b&&(null==B?void 0:B.children),b&&e.createElement(i,{justify:"center",align:"center",style:{minHeight:300}},e.createElement(l,{color:"var(--vchasno-ui-tabs-active-color, #087dc1)"})))};export{s as default};
+import e,{useState as t,useRef as r,useEffect as n}from"react";import l from"classnames";import a from"../FlexBox/FlexBox.js";import c from"../Spinner/Spinner.js";let i=({onChange:i,items:s,defaultActiveKey:o,activeTab:m,className:u,isPending:d,indicatorPadding:p})=>{let[f,h]=t(!1),[y,b]=t(m||o||s[0]?.key),g=m||y,k=r(null),v=r(null),x=r(null),E=r(!0);n(()=>{if(v.current&&x.current){let e=v.current.getBoundingClientRect(),t=Array.from(v.current.querySelectorAll("li")||[]).find(e=>e.dataset?.key===g);if(t){let{x:r,width:n}=t.getBoundingClientRect();"number"==typeof p&&p>0&&p<n/2&&(r+=p,n-=2*p),x.current.style.width=`${n}px`,x.current.style.transform=`translateX(${r-e.x}px)`}E.current=!1}},[g,p]),n(()=>{v.current&&k.current&&v.current.scrollWidth>k.current.clientWidth&&h(!0)},[]);let N=s.find(e=>e.key===g);return e.createElement(e.Fragment,null,e.createElement("div",{className:l("vchasno-ui-tabs-wrapper-root",{"--skip-animation":E.current,"--ping-left":f&&N!==s[0],"--ping-right":f&&N!==s[s.length-1]})},e.createElement("div",{ref:k,className:l("vchasno-ui-tabs-wrapper",{"--h-scroll":f})},e.createElement("ul",{className:l("vchasno-ui-tabs",u),ref:v},s.map(t=>e.createElement("li",{"data-key":t.key,className:l("vchasno-ui-tabs__label-item",t.className,{"--active":t===N,"--disabled":t.disabled}),key:t.key,onClick:e=>{!t.disabled&&(b(t.key),i?.(t.key),f&&e.currentTarget.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}))}},t.label)),e.createElement("span",{ref:x,className:"vchasno-ui-tabs__indicator"})))),!d&&N?.children,d&&e.createElement(a,{justify:"center",align:"center",style:{minHeight:300}},e.createElement(c,{color:"var(--vchasno-ui-tabs-active-color, #087dc1)"})))};export{i as default};
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +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    indicatorPadding?: number;\n}\n\nconst Tabs = <T extends string>({\n    onChange,\n    items,\n    defaultActiveKey,\n    activeTab,\n    className,\n    isPending,\n    indicatorPadding,\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                let { x, width } = target.getBoundingClientRect();\n\n                if (\n                    typeof indicatorPadding === 'number' &&\n                    indicatorPadding > 0 &&\n                    indicatorPadding < width / 2\n                ) {\n                    x += indicatorPadding;\n                    width -= 2 * indicatorPadding;\n                }\n\n                uiIndicatorRef.current.style.width = `${width}px`;\n                uiIndicatorRef.current.style.transform = `translateX(${x - containerReact.x}px)`;\n            }\n\n            isSkipTransitionRef.current = false;\n        }\n    }, [activeKeyValue, indicatorPadding]);\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","indicatorPadding","useState","withScroll","setWithScroll","key","activeKey","setActiveState","activeKeyValue","scrollContainerRef","useRef","containerRef","uiIndicatorRef","isSkipTransitionRef","useEffect","current","containerReact","getBoundingClientRect","target","list","Array","from","querySelectorAll","find","el","dataset","x","width","style","concat","transform","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":"ytCA2BA,IAAMA,EAAO,SAAAC,CAAA,MA2DiDC,EA1D1DC,EAAAA,EAAAA,QAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,gBAAAA,CACAC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,gBAAAA,CAEoCC,EAAAA,EAAAA,EAAS,CAAA,GAAtCC,GAAAA,EAA6BD,KAAjBE,EAAiBF,CAAAA,CAAAA,EAAAA,CACAA,EAAAA,EAAAA,EAASJ,GAAaD,GAAoBD,CAAK,CAAC,EAAE,CAACS,GAAG,EAAA,GAAnFC,EAA6BJ,CAAAA,CAAAA,EAAAA,CAAlBK,EAAkBL,CAAAA,CAAAA,EAAAA,CAC9BM,EAAiBV,GAAaQ,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,GAAVD,AAAAA,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAYnB,GAAG,AAAA,IAAKG,IAErD,GAAIU,EAAQ,CACR,IAAmBA,EAAAA,EAAOD,qBAAqB,GAAzCS,EAAaR,EAAbQ,CAAAA,CAAGC,EAAUT,EAAVS,KAAAA,AAGuB,CAAA,UAA5B,OAAO1B,GACPA,EAAmB,GACnBA,EAAmB0B,EAAQ,IAE3BD,GAAKzB,EACL0B,GAAS,EAAI1B,GAGjBW,EAAeG,OAAO,CAACa,KAAK,CAACD,KAAK,CAAI,GAAQE,MAAA,CAANF,EAAM,MAC9Cf,EAAeG,OAAO,CAACa,KAAK,CAACE,SAAS,CAAG,cAAmCD,MAArBH,CAAAA,EAAIV,EAAeU,CAAC,CAAC,MAChF,CAEAb,EAAoBE,OAAO,CAAG,CAAA,CAClC,GACD,CAACP,EAAgBP,EAAiB,EAErCa,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,EAAgBrC,EAAM2B,IAAI,CAAC,SAACW,CAAAA,EAASA,OAAAA,EAAK7B,GAAG,GAAKG,IAExD,OACI2B,gCACIA,EAACC,aAAAA,CAAAA,MAAAA,CACGrC,UAAWsC,EAAG,+BAAgC3C,CAAAA,AAC1C4C,EAD0C5C,EAC1C,CAAA,EAAC,mBAAqBmB,EAAoBE,OAAO,EACjDuB,EAF0C5C,EAEzC,cAAgBS,GAAc8B,IAAkBrC,CAAK,CAAC,EAAE,EACzD0C,EAH0C5C,EAGzC,eAAiBS,GAAc8B,IAAkBrC,CAAK,CAACA,EAAM2C,MAAM,CAAG,EAAE,EAH/B7C,CAAA,IAM9CyC,EAACC,aAAAA,CAAAA,MAAAA,CACGI,IAAK/B,EACLV,UAAWsC,EAAG,0BACVC,EAAA,CAAA,EAAC,aAAenC,KAGpBgC,EAACM,aAAAA,CAAAA,KAAAA,CAAG1C,UAAWsC,EAAG,kBAAmBtC,GAAYyC,IAAK7B,GACjDf,EAAM8C,GAAG,CAAC,SAACR,CAAAA,EACR,OACIC,EAACQ,aAAAA,CAAAA,KAAAA,CACGC,WAAUV,EAAK7B,GAAG,CAClBN,UAAWsC,EAAG,8BAA+BH,EAAKnC,SAAS,CAAE,CACzD,WAAYmC,IAASD,EACrB,aAAcC,EAAKW,QAAAA,AACvB,GACAxC,IAAK6B,EAAK7B,GAAG,CACbyC,QAAS,SAACC,CAAAA,GACFb,EAAKW,QAAQ,GAGjBtC,EAAe2B,EAAK7B,GAAG,EACvBV,MAAAA,GAAAA,EAAWuC,EAAK7B,GAAG,EAEfF,GACA4C,EAAMC,aAAa,CAACC,cAAc,CAAC,CAC/BC,SAAU,SACVC,MAAO,SACPC,OAAQ,QACZ,GAER,CAEClB,EAAAA,EAAKmB,KAAK,CAGvB,GACAlB,EAACmB,aAAAA,CAAAA,OAAAA,CAAKd,IAAK5B,EAAgBb,UAAU,4BAIhD,MAAA,CAACC,GAAaiC,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAesB,QAAQ,AAARA,EAC7BvD,GACGmC,EAACqB,aAAAA,CAAAA,EAAAA,CAAQC,QAAQ,SAASC,MAAM,SAAS9B,MAAO,CAAE+B,UAAW,GAAI,GAC7DxB,EAACyB,aAAAA,CAAAA,EAAAA,CAAQC,MAAM,kDAKnC"}
+{"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    indicatorPadding?: number;\n}\n\nconst Tabs = <T extends string>({\n    onChange,\n    items,\n    defaultActiveKey,\n    activeTab,\n    className,\n    isPending,\n    indicatorPadding,\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                let { x, width } = target.getBoundingClientRect();\n\n                if (\n                    typeof indicatorPadding === 'number' &&\n                    indicatorPadding > 0 &&\n                    indicatorPadding < width / 2\n                ) {\n                    x += indicatorPadding;\n                    width -= 2 * indicatorPadding;\n                }\n\n                uiIndicatorRef.current.style.width = `${width}px`;\n                uiIndicatorRef.current.style.transform = `translateX(${x - containerReact.x}px)`;\n            }\n\n            isSkipTransitionRef.current = false;\n        }\n    }, [activeKeyValue, indicatorPadding]);\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","onChange","items","defaultActiveKey","activeTab","className","isPending","indicatorPadding","withScroll","setWithScroll","useState","activeKey","setActiveState","key","activeKeyValue","scrollContainerRef","useRef","containerRef","uiIndicatorRef","isSkipTransitionRef","useEffect","current","containerReact","getBoundingClientRect","target","list","Array","from","querySelectorAll","find","el","dataset","x","width","style","transform","scrollWidth","clientWidth","activeTabItem","item","React","div","cn","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":"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"}

package/dist/components/Text/Text.js

@@ -1,2 +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=e.forwardRef(function(n,a){var i=n.type,l=n.className,o=n.code,s=void 0!==o&&o,c=n.del,u=n.underline,d=n.strong,f=n.children,p=n.ellipsis,y=n.required,b=n.dataQa,m=n.pulse,v=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","pulse"]),g="span";return void 0!==c&&c&&(g="del"),void 0!==d&&d&&(g="strong"),void 0!==u&&u&&(g="u"),s&&(g="code"),e.createElement(g,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",l,t[void 0===i?"default":i],{"--code":s,"--ellipsis":p,"--required":void 0!==y&&y,"vchasno-ui-pulse-animation":m}),title:p&&"string"==typeof f?f:void 0},v),f)});n.displayName="Text";export{n as default};
+import e from"react";import a from"classnames";let t={warning:"--warning",success:"--success",danger:"--danger",default:"--default",secondary:"--secondary",link:"--link",likeLink:"--like-link"},s=e.forwardRef(({type:s="default",className:n,code:i=!1,del:r=!1,underline:l=!1,strong:d=!1,children:o,ellipsis:c,required:u=!1,dataQa:f,pulse:m,...p},g)=>{let k="span";return r&&(k="del"),d&&(k="strong"),l&&(k="u"),i&&(k="code"),e.createElement(k,{ref:g,"data-qa":f,className:a("vchasno-ui-text",n,t[s],{"--code":i,"--ellipsis":c,"--required":u,"vchasno-ui-pulse-animation":m}),title:c&&"string"==typeof o?o:void 0,...p},o)});s.displayName="Text";export{s as default};
 //# sourceMappingURL=Text.js.map

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

@@ -1 +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, WithPulseAnimation } 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\n    extends HTMLAttributes<HTMLSpanElement>,\n        EllipsisText,\n        DataQa,\n        WithPulseAnimation {\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            pulse,\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                    'vchasno-ui-pulse-animation': pulse,\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","_param_code","undefined","_param_del","_param","del","underline","_param_strong","strong","children","ellipsis","required","dataQa","pulse","rest","element","_param_underline","createElement","_object_spread","cn","title","displayName"],"mappings":"+CAQA,IAAMA,EAAqC,CACvCC,QAAS,YACTC,QAAS,YACTC,OAAQ,WACRC,QAAS,YACTC,UAAW,cACXC,KAAM,SACNC,SAAU,aACd,EAgBMC,EAAOC,EAAMC,UAAU,CACzB,SAeIC,CAAAA,CAAAA,CAAAA,UAbIC,IAAAA,CACAC,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,IAAAA,CAAAA,EAAOC,AAAAC,KAAAA,IAAAD,GAAAA,EAAAE,EAAAC,EACPC,GAAAA,CACAC,EAAAA,EAAAA,SAAAA,CAAYC,EAAAH,EACZI,OACAC,EAAAA,EAAAA,QAAAA,CACAC,EAAAA,EAAAA,QAAAA,CAAAA,EAAAA,EACAC,QAAAA,CACAC,EAAAA,EAAAA,MACAC,CAAAA,EAAAA,EAAAA,KACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAXHhB,OACAC,YACAC,OACAK,MACAC,YACAE,SACAC,WACAC,WACAC,WACAC,SACAC,UAKAE,EAAU,OAcd,OA1BIV,KAAAA,IAAAA,GACAC,GAaAS,CAAAA,EAAU,KAAA,EAZDb,KAAAA,IAAAK,GAAAA,GAeTQ,CAAAA,EAAU,QAAA,EAhBEb,KAAAA,IAAAc,GAAAA,GAmBZD,CAAAA,EAAU,GAAA,EAEVf,GACAe,CAAAA,EAAU,MAAA,EAGPpB,EAAMsB,aAAa,CACtBF,EACAG,iaAAA,CACIrB,IAAAA,EACA,UAAWe,EACXb,UAAWoB,EAAG,kBAAmBpB,EAAWb,CAAQ,CAlCxDY,AAAAA,KAAAA,IAAAA,EAAO,UACPC,EAiC8D,CAAE,CACxD,SAAUC,EACV,aAAcU,EACd,aA7BRC,AAAAA,KAAAA,IAAAA,GACAC,EA6BQ,6BAA8BC,CAClC,GACAO,MAAOV,GAAY,AAAoB,UAApB,OAAOD,EAAwBA,EAAWP,KAAAA,GAC1DY,GAEPL,EAER,EAGJf,CAAAA,EAAK2B,WAAW,CAAG"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { type HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport type { DataQa, EllipsisText, TextType, WithPulseAnimation } 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\n    extends HTMLAttributes<HTMLSpanElement>,\n        EllipsisText,\n        DataQa,\n        WithPulseAnimation {\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            pulse,\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                    'vchasno-ui-pulse-animation': pulse,\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","type","className","code","del","underline","strong","children","ellipsis","required","dataQa","pulse","rest","ref","element","createElement","cn","title","undefined","displayName"],"mappings":"+CAQA,IAAMA,EAAqC,CACvCC,QAAS,YACTC,QAAS,YACTC,OAAQ,WACRC,QAAS,YACTC,UAAW,cACXC,KAAM,SACNC,SAAU,aACd,EAgBMC,EAAOC,EAAMC,UAAU,CACzB,CACI,CACIC,KAAAA,EAAO,SAAS,CAChBC,UAAAA,CAAS,CACTC,KAAAA,EAAO,CAAA,CAAK,CACZC,IAAAA,EAAM,CAAA,CAAK,CACXC,UAAAA,EAAY,CAAA,CAAK,CACjBC,OAAAA,EAAS,CAAA,CAAK,CACdC,SAAAA,CAAQ,CACRC,SAAAA,CAAQ,CACRC,SAAAA,EAAW,CAAA,CAAK,CAChBC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CACL,GAAGC,EACN,CACDC,KAEA,IAAIC,EAAU,OAcd,OAbIV,GACAU,CAAAA,EAAU,KAAA,EAEVR,GACAQ,CAAAA,EAAU,QAAA,EAEVT,GACAS,CAAAA,EAAU,GAAA,EAEVX,GACAW,CAAAA,EAAU,MAAA,EAGPf,EAAMgB,aAAa,CACtBD,EACA,CACID,IAAAA,EACA,UAAWH,EACXR,UAAWc,EAAG,kBAAmBd,EAAWZ,CAAQ,CAACW,EAAK,CAAE,CACxD,SAAUE,EACV,aAAcK,EACd,aAAcC,EACd,6BAA8BE,CAClC,GACAM,MAAOT,GAAY,AAAoB,UAApB,OAAOD,EAAwBA,EAAWW,KAAAA,EAC7D,GAAGN,CAAAA,AAEPL,EAAAA,EAER,EAGJT,CAAAA,EAAKqB,WAAW,CAAG"}

package/dist/components/TextAreaInput/TextAreaInput.js

@@ -1,2 +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=e.forwardRef(function(n,o){var l,i,s=n.className,c=n.disabled,p=n.startElement,u=n.endElement,m=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=n.pulse,x=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","pulse"]);return e.createElement(r,{dataQa:h,pulse:v,required:O,wide:f,hideEmptyMeta:E,className:t(s,"vchasno-ui-textarea-input-container"),loading:y,disabled:c,label:b,error:m,hint:d,endElement:u,labelProps:P,startElement:p},e.createElement(a,(l=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}({},x),i=i={ref:o,minRows:w,maxRows:j,required:O,disabled:c,className:t("vchasno-ui-textarea-input",g)},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(i)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r.push.apply(r,a)}return r})(Object(i)).forEach(function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(i,e))}),l)))});n.displayName="TextAreaInput";export{n as default};
+import e from"react";import a from"classnames";import t from"../Input/Input.js";import{TextareaAutosize as r}from"@mui/base/TextareaAutosize";let i=e.forwardRef(({className:i,disabled:s,startElement:m,endElement:n,error:o,label:l,hint:p,wide:d,required:u,loading:c,minRows:f,maxRows:x,textareaClassName:b,labelProps:E,dataQa:h,hideEmptyMeta:w,pulse:I,...A},N)=>e.createElement(t,{dataQa:h,pulse:I,required:u,wide:d,hideEmptyMeta:w,className:a(i,"vchasno-ui-textarea-input-container"),loading:c,disabled:s,label:l,error:o,hint:p,endElement:n,labelProps:E,startElement:m},e.createElement(r,{...A,ref:N,minRows:f,maxRows:x,required:u,disabled:s,className:a("vchasno-ui-textarea-input",b)})));i.displayName="TextAreaInput";export{i as default};
 //# sourceMappingURL=TextAreaInput.js.map

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

@@ -1 +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            pulse,\n            ...rest\n        },\n        ref,\n    ) => {\n        return (\n            <Input\n                dataQa={dataQa}\n                pulse={pulse}\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","pulse","rest","Input","cn","createElement","TextareaAutosize","displayName"],"mappings":"8IAoBA,IAAMA,EAAgBC,EAAMC,UAAU,CAClC,SAqBIC,CAAAA,CAAAA,CAAAA,EAnBIC,QAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,aACAC,EAAAA,EAAAA,UAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,IACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,QACAC,EAAAA,EAAAA,iBAAAA,CACAC,EAAAA,EAAAA,UAAAA,CACAC,EAAAA,EAAAA,MAAAA,CACAC,EAAAA,EAAAA,aAAAA,CACAC,IAAAA,KACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAjBHjB,YACAC,WACAC,eACAC,aACAC,QACAC,QACAC,OACAC,OACAC,WACAC,UACAC,UACAC,UACAC,oBACAC,aACAC,SACAC,gBACAC,UAKJ,OACInB,EAACqB,aAAAA,CAAAA,EAAAA,CACGJ,OAAQA,EACRE,MAAOA,EACPR,SAAUA,EACVD,KAAMA,EACNQ,cAAeA,EACff,UAAWmB,EAAGnB,EAAW,uCACzBS,QAASA,EACTR,SAAUA,EACVI,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNH,WAAYA,EACZU,WAAYA,EACZX,aAAcA,CAEd,EAAAL,EAAAuB,aAAA,CAACC,KACOJ,iaAAAA,CAAAA,EAAAA,OAAAA,CACJlB,IAAKA,EACLW,QAASA,EACTC,QAASA,EACTH,SAAUA,EACVP,SAAUA,EACVD,UAAWmB,EAAG,4BAA6BP,iVAI3D,EAGJhB,CAAAA,EAAc0B,WAAW,CAAG"}
+{"version":3,"file":"TextAreaInput.js","sources":["../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import React, { type InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport Input, { type InputProps } from '../Input';\nimport type { 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            pulse,\n            ...rest\n        },\n        ref,\n    ) => {\n        return (\n            <Input\n                dataQa={dataQa}\n                pulse={pulse}\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","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","minRows","maxRows","textareaClassName","labelProps","dataQa","hideEmptyMeta","pulse","rest","ref","Input","cn","TextareaAutosize","displayName"],"mappings":"8IAoBA,IAAMA,EAAgBC,EAAMC,UAAU,CAClC,CACI,CACIC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,aAAAA,CAAY,CACZC,WAAAA,CAAU,CACVC,MAAAA,CAAK,CACLC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,KAAAA,CAAI,CACJC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,kBAAAA,CAAiB,CACjBC,WAAAA,CAAU,CACVC,OAAAA,CAAM,CACNC,cAAAA,CAAa,CACbC,MAAAA,CAAK,CACL,GAAGC,EACN,CACDC,IAGIpB,EAACqB,aAAAA,CAAAA,EAAAA,CACGL,OAAQA,EACRE,MAAOA,EACPR,SAAUA,EACVD,KAAMA,EACNQ,cAAeA,EACff,UAAWoB,EAAGpB,EAAW,uCACzBS,QAASA,EACTR,SAAUA,EACVI,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNH,WAAYA,EACZU,WAAYA,EACZX,aAAcA,GAEdJ,EAACuB,aAAAA,CAAAA,EAAAA,CACI,GAAGJ,CAAI,CACRC,IAAKA,EACLR,QAASA,EACTC,QAASA,EACTH,SAAUA,EACVP,SAAUA,EACVD,UAAWoB,EAAG,4BAA6BR,MAO/Df,CAAAA,EAAcyB,WAAW,CAAG"}

package/dist/components/TextInput/TextInput.js

@@ -1,2 +1,2 @@
-import e from"react";import r from"classnames";import t from"../Input/Input.js";var n=e.forwardRef(function(n,a){var l=n.className,o=n.disabled,i=n.startElement,u=n.endElement,s=n.error,c=n.label,p=n.hint,d=n.wide,f=n.required,m=n.loading,b=n.inputClassName,y=n.labelProps,O=n.hideEmptyMeta,h=n.dataQa,v=n.isClearable,E=n.onClear,g=n.pulse,j=n.placeholder,w=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(n,["className","disabled","startElement","endElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","isClearable","onClear","pulse","placeholder"]),P=e.useRef(null);return e.createElement(t,{pulse:g,dataQa:h,required:f,wide:d,className:l,loading:m,disabled:o,label:c,error:s,hint:p,endElement:u,startElement:i,labelProps:y,hideEmptyMeta:O,isClearable:v,onClear:function(){if("function"==typeof E){E();return}a&&"current"in a&&a.current?a.current.value="":P.current&&(P.current.value="")}},e.createElement("input",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}({disabled:o,className:r("vchasno-ui-text-input",b),required:f,ref:a||P,placeholder:void 0===j?" ":j},w)))});n.displayName="TextInput";export{n as default};
+import e from"react";import r from"classnames";import t from"../Input/Input.js";let a=e.forwardRef(({className:a,disabled:l,startElement:n,endElement:u,error:i,label:s,hint:o,wide:p,required:d,loading:m,inputClassName:c,labelProps:f,hideEmptyMeta:b,dataQa:E,isClearable:h,onClear:x,pulse:I,placeholder:v=" ",...y},N)=>{let q=e.useRef(null);return e.createElement(t,{pulse:I,dataQa:E,required:d,wide:p,className:a,loading:m,disabled:l,label:s,error:i,hint:o,endElement:u,startElement:n,labelProps:f,hideEmptyMeta:b,isClearable:h,onClear:()=>{if("function"==typeof x){x();return}N&&"current"in N&&N.current?N.current.value="":q.current&&(q.current.value="")}},e.createElement("input",{disabled:l,className:r("vchasno-ui-text-input",c),required:d,ref:N||q,placeholder:v,...y}))});a.displayName="TextInput";export{a as default};
 //# sourceMappingURL=TextInput.js.map

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

@@ -1 +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    onClear?: VoidFunction;\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            isClearable,\n            onClear,\n            pulse,\n            placeholder = ' ', //need \"space\" for correct label working\n            ...rest\n        },\n        ref,\n    ) => {\n        const inputRef = React.useRef<HTMLInputElement>(null);\n\n        return (\n            <Input\n                pulse={pulse}\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                isClearable={isClearable}\n                onClear={() => {\n                    if (typeof onClear === 'function') {\n                        onClear();\n                        return;\n                    }\n\n                    if (ref && 'current' in ref && ref.current) {\n                        ref.current.value = '';\n                    } else if (inputRef.current) {\n                        inputRef.current.value = '';\n                    }\n                }}\n            >\n                <input\n                    disabled={disabled}\n                    className={cn('vchasno-ui-text-input', inputClassName)}\n                    required={required}\n                    ref={ref || inputRef}\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","isClearable","onClear","pulse","placeholder","rest","inputRef","useRef","Input","current","value","input","cn","displayName"],"mappings":"gFAmBA,IAAMA,EAAYC,EAAMC,UAAU,CAC9B,SAsBIC,CAAAA,CAAAA,CAAAA,EApBIC,IAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,aACAC,EAAAA,EAAAA,UAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,IAAAA,KACAC,CAAAA,EAAAA,EAAAA,IACAC,CAAAA,EAAAA,EAAAA,KACAC,EAAAA,EAAAA,QAAAA,CACAC,EAAAA,EAAAA,OAAAA,CACAC,IAAAA,cACAC,CAAAA,EAAAA,EAAAA,UACAC,CAAAA,EAAAA,EAAAA,cACAC,EAAAA,EAAAA,MAAAA,CACAC,EAAAA,EAAAA,WAAAA,CACAC,IAAAA,OACAC,CAAAA,EAAAA,EAAAA,KACAC,CAAAA,EAAAA,EAAAA,WAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAlBHlB,YACAC,WACAC,eACAC,aACAC,QACAC,QACAC,OACAC,OACAC,WACAC,UACAC,iBACAC,aACAC,gBACAC,SACAC,cACAC,UACAC,QACAC,gBAKEE,EAAWtB,EAAMuB,MAAM,CAAmB,MAEhD,OACIvB,EAACwB,aAAAA,CAAAA,EAAAA,CACGL,MAAOA,EACPH,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,EACfE,YAAaA,EACbC,QAAS,WACL,GAAI,AAAmB,YAAnB,OAAOA,EAAwB,CAC/BA,IACA,MACJ,CAEIhB,GAAO,YAAaA,GAAOA,EAAIuB,OAAO,CACtCvB,EAAIuB,OAAO,CAACC,KAAK,CAAG,GACbJ,EAASG,OAAO,EACvBH,CAAAA,EAASG,OAAO,CAACC,KAAK,CAAG,EAAA,CAEjC,GAEA1B,EAAC2B,aAAAA,CAAAA,QAAAA,iaAAAA,CACGvB,SAAUA,EACVD,UAAWyB,EAAG,wBAAyBf,GACvCF,SAAUA,EACVT,IAAKA,GAAOoB,EACZF,uBA1CM,IACXC,CA0CSA,EAAAA,IAIpB,EAGJtB,CAAAA,EAAU8B,WAAW,CAAG"}
+{"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React, { type InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport type { InputProps } from '../Input';\nimport Input from '../Input';\nimport type { 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    onClear?: VoidFunction;\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            isClearable,\n            onClear,\n            pulse,\n            placeholder = ' ', //need \"space\" for correct label working\n            ...rest\n        },\n        ref,\n    ) => {\n        const inputRef = React.useRef<HTMLInputElement>(null);\n\n        return (\n            <Input\n                pulse={pulse}\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                isClearable={isClearable}\n                onClear={() => {\n                    if (typeof onClear === 'function') {\n                        onClear();\n                        return;\n                    }\n\n                    if (ref && 'current' in ref && ref.current) {\n                        ref.current.value = '';\n                    } else if (inputRef.current) {\n                        inputRef.current.value = '';\n                    }\n                }}\n            >\n                <input\n                    disabled={disabled}\n                    className={cn('vchasno-ui-text-input', inputClassName)}\n                    required={required}\n                    ref={ref || inputRef}\n                    placeholder={placeholder}\n                    {...rest}\n                />\n            </Input>\n        );\n    },\n);\n\nTextInput.displayName = 'TextInput';\n\nexport default TextInput;\n"],"names":["TextInput","React","forwardRef","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","isClearable","onClear","pulse","placeholder","rest","ref","inputRef","useRef","Input","current","value","input","cn","displayName"],"mappings":"gFAmBMA,IAAAA,EAAYC,EAAMC,UAAU,CAC9B,CACI,CACIC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,aAAAA,CAAY,CACZC,WAAAA,CAAU,CACVC,MAAAA,CAAK,CACLC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,KAAAA,CAAI,CACJC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,eAAAA,CAAc,CACdC,WAAAA,CAAU,CACVC,cAAAA,CAAa,CACbC,OAAAA,CAAM,CACNC,YAAAA,CAAW,CACXC,QAAAA,CAAO,CACPC,MAAAA,CAAK,CACLC,YAAAA,EAAc,GAAG,CACjB,GAAGC,EACN,CACDC,KAEA,IAAMC,EAAWtB,EAAMuB,MAAM,CAAmB,MAEhD,OACIvB,EAACwB,aAAAA,CAAAA,EAAAA,CACGN,MAAOA,EACPH,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,EACfE,YAAaA,EACbC,QAAS,KACL,GAAI,AAAmB,YAAnB,OAAOA,EAAwB,CAC/BA,IACA,MACJ,CAEII,GAAO,YAAaA,GAAOA,EAAII,OAAO,CACtCJ,EAAII,OAAO,CAACC,KAAK,CAAG,GACbJ,EAASG,OAAO,EACvBH,CAAAA,EAASG,OAAO,CAACC,KAAK,CAAG,EAAA,CAEjC,GAEA1B,EAAC2B,aAAAA,CAAAA,QAAAA,CACGxB,SAAUA,EACVD,UAAW0B,EAAG,wBAAyBhB,GACvCF,SAAUA,EACVW,IAAKA,GAAOC,EACZH,YAAaA,EACZ,GAAGC,CAAAA,GAIpB,EAGJrB,CAAAA,EAAU8B,WAAW,CAAG"}

package/dist/components/Title/Title.js

@@ -1,2 +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=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 e.createElement("h2",a(r({},p),{ref:c,"data-qa":u,className:O}));case 3:return e.createElement("h3",a(r({},p),{ref:c,"data-qa":u,className:O}));case 4:return e.createElement("h4",a(r({},p),{ref:c,"data-qa":u,className:O}));case 5:return e.createElement("h5",a(r({},p),{ref:c,"data-qa":u,className:O}));default:return e.createElement("h1",a(r({},p),{ref:c,"data-qa":u,className:O}))}});n.displayName="Title";export{n as default};
+import e from"react";import a from"classnames";let t=e.forwardRef(({level:t=1,className:r,ellipsis:s=!1,textAlign:l,pretty:c=!0,dataQa:m,...n},f)=>{let i=a("vchasno-ui-title",r,{"--ellipsis":s,"--pretty":c},l&&`--text-${l}`);switch(t){case 2:return e.createElement("h2",{...n,ref:f,"data-qa":m,className:i});case 3:return e.createElement("h3",{...n,ref:f,"data-qa":m,className:i});case 4:return e.createElement("h4",{...n,ref:f,"data-qa":m,className:i});case 5:return e.createElement("h5",{...n,ref:f,"data-qa":m,className:i});default:return e.createElement("h1",{...n,ref:f,"data-qa":m,className:i})}});t.displayName="Title";export{t as default};
 //# sourceMappingURL=Title.js.map

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

@@ -1 +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","undefined","concat","_param_level","h2","data-qa","h3","h4","h5","h1","displayName"],"mappings":"k0BAmBA,IAAMA,EAAQC,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,AAAAC,KAAAA,IAAAD,GAAAA,CAO1DN,EAAAA,GAAa,UAAoBQ,MAAVR,CAAAA,IAG3B,OAVUS,AAAAF,KAAAA,IAAAE,EAAA,EAAAA,GAWN,KAAK,EACD,OAAOf,gBAACgB,KAAOP,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKe,UAAST,EAAQJ,UAAWM,IAC/D,MAAK,EACD,OAAOV,gBAACkB,KAAOT,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKe,UAAST,EAAQJ,UAAWM,IAC/D,MAAK,EACD,OAAOV,gBAACmB,KAAOV,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKe,UAAST,EAAQJ,UAAWM,IAC/D,MAAK,EACD,OAAOV,gBAACoB,KAAOX,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKe,UAAST,EAAQJ,UAAWM,IAC/D,SAEI,OAAOV,gBAACqB,KAAOZ,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAMP,IAAKA,EAAKe,UAAST,EAAQJ,UAAWM,IACnE,CACJ,EAGJX,CAAAA,EAAMuB,WAAW,CAAG"}
+{"version":3,"file":"Title.js","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import React, { type HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport type { 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","level","className","ellipsis","textAlign","pretty","dataQa","rest","ref","classes","cn","h2","data-qa","h3","h4","h5","h1","displayName"],"mappings":"+CAmBMA,IAAAA,EAAQC,EAAMC,UAAU,CAC1B,CACI,CAAEC,MAAAA,EAAQ,CAAC,CAAEC,UAAAA,CAAS,CAAEC,SAAAA,EAAW,CAAA,CAAK,CAAEC,UAAAA,CAAS,CAAEC,OAAAA,EAAS,CAAA,CAAI,CAAEC,OAAAA,CAAM,CAAE,GAAGC,EAAM,CACrFC,KAEA,IAAMC,EAAUC,EACZ,mBACAR,EACA,CAAE,aAAcC,EAAU,WAAYE,CAAO,EAC7CD,GAAa,CAAC,OAAO,EAAEA,EAAW,CAAA,EAGtC,OAAQH,GACJ,KAAK,EACD,OAAOF,EAACY,aAAAA,CAAAA,KAAAA,CAAI,GAAGJ,CAAI,CAAEC,IAAKA,EAAKI,UAASN,EAAQJ,UAAWO,GAC/D,MAAK,EACD,OAAOV,EAACc,aAAAA,CAAAA,KAAAA,CAAI,GAAGN,CAAI,CAAEC,IAAKA,EAAKI,UAASN,EAAQJ,UAAWO,GAC/D,MAAK,EACD,OAAOV,EAACe,aAAAA,CAAAA,KAAAA,CAAI,GAAGP,CAAI,CAAEC,IAAKA,EAAKI,UAASN,EAAQJ,UAAWO,GAC/D,MAAK,EACD,OAAOV,EAACgB,aAAAA,CAAAA,KAAAA,CAAI,GAAGR,CAAI,CAAEC,IAAKA,EAAKI,UAASN,EAAQJ,UAAWO,GAC/D,SAEI,OAAOV,EAACiB,aAAAA,CAAAA,KAAAA,CAAI,GAAGT,CAAI,CAAEC,IAAKA,EAAKI,UAASN,EAAQJ,UAAWO,GACnE,CACJ,EAGJX,CAAAA,EAAMmB,WAAW,CAAG"}

package/dist/css/_theme.css

@@ -1,5 +1,37 @@
 :root {
+    /* Border Radii */
+    --vchasno-ui-border-radius-none: 0;
+    --vchasno-ui-border-radius-xs: 2px;
+    --vchasno-ui-border-radius-sm: 4px;
+    --vchasno-ui-border-radius-md: 8px;
+    --vchasno-ui-border-radius-lg: 12px;
+    --vchasno-ui-border-radius-xl: 16px;
+    --vchasno-ui-border-radius-full: 9999px;
+
+    /* Font Sizes */
+    --vchasno-ui-font-size-2xs: 10px;
+    --vchasno-ui-font-size-xs: 12px;
+    --vchasno-ui-font-size-sm: 14px;
+    --vchasno-ui-font-size-md: 16px;
+    --vchasno-ui-font-size-lg: 20px;
+    --vchasno-ui-font-size-xl: 24px;
+    --vchasno-ui-font-size-2xl: 32px;
+
+    /* Font Weights */
+    --vchasno-ui-font-weight-thin: 100;
+    --vchasno-ui-font-weight-extralight: 200;
+    --vchasno-ui-font-weight-light: 300;
+    --vchasno-ui-font-weight-regular: 400;
+    --vchasno-ui-font-weight-medium: 500;
+    --vchasno-ui-font-weight-semibold: 600;
+    --vchasno-ui-font-weight-bold: 700;
+    --vchasno-ui-font-weight-extrabold: 800;
+    --vchasno-ui-font-weight-black: 900;
+
+    /* Transitions */
     --vchasno-ui-transition-duration-sec: 0.3s;
+
+    /* Components */
     --vchasno-ui-btn-default-bg: transparent;
     --vchasno-ui-btn-default-hover-bg: #e1e4ff;
     --vchasno-ui-btn-default-color: #6e809a;
@@ -129,7 +161,7 @@
     --vchasno-ui-snackbar-toast-background: rgb(0 0 0 / 90%);
     --vchasno-ui-snackbar-toast-min-height: 24px;
     --vchasno-ui-snackbar-toast-max-height: 800px;
-    --vchasno-ui-snackbar-toast-bd-radius: 8px;
+    --vchasno-ui-snackbar-toast-bd-radius: var(--vchasno-ui-border-radius-md);
     --vchasno-ui-snackbar-font-family: sans-serif;
     --vchasno-ui-snackbar-z-index: 9999;
     --vchasno-ui-snackbar-text-color-light: #757575;