@vchasno/ui-kit 0.4.37 → 0.4.39

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,WAAAA,EAAAA,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,oBACIhB,EAACI,aAAAA,CAAAA,QAAAA,CACGgB,UAASP,EACTV,UAAWkB,EACP,oBACA,KAAUC,OAALV,GACL,CACI,4BAA6BO,EAC7B,8BAA+BV,CAEnCN,EAAAA,iBAGJH,EAACuB,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,uBACZ,EAAA,WAAA,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,gVAEb,WAAA,EAAAnB,EAACuB,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,2BACXO,EAAAA,GACG,WAAA,EAAAV,EAAC8B,aAAAA,CAAAA,EAAAA,CAAQC,MAAOpC,CAAc,CAACiB,EAAK,CAAEoB,OAAQrC,CAAc,CAACiB,EAAK,AAI7ER,KAAAA,GAAS,WAAA,EAAAJ,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, { 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"}

package/dist/components/Tabs/Tabs.d.ts

@@ -14,7 +14,8 @@ interface TabsProps<T> {
     onChange?: (key: T) => void;
     className?: string;
     isPending?: boolean;
+    indicatorPadding?: number;
 }
-declare const Tabs: <T extends string>({ onChange, items, defaultActiveKey, activeTab, className, isPending, }: TabsProps<T>) => React.JSX.Element;
+declare const Tabs: <T extends string>({ onChange, items, defaultActiveKey, activeTab, className, isPending, indicatorPadding, }: TabsProps<T>) => React.JSX.Element;
 
 export { type Tab, type TabsProps, Tabs as default };

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 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};
+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};
 //# 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}\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":"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"}
+{"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":"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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=/*#__PURE__*/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"),/*#__PURE__*/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 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};
 //# 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","_param_del","_param","del","underline","_param_strong","strong","children","ellipsis","required","dataQa","pulse","rest","element","_param_underline","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,EAgBMC,EAAOC,WAAAA,EAAAA,EAAMC,UAAU,CACzB,SAeIC,CAAAA,CAAAA,CAAAA,UAbIC,IAAAA,CACAC,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,IAAAA,CAAAA,EAAOC,AAAA,KAAA,IAAAA,GAAAA,EAAAC,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,CAXHf,OACAC,YACAC,OACAI,MACAC,YACAE,SACAC,WACAC,WACAC,WACAC,SACAC,UAKAE,EAAU,OAcd,OA1BIV,KAAAA,IAAAA,GACAC,GAaAS,CAAAA,EAAU,KAAA,EAZD,KAAA,IAAAR,GAAAA,GAeTQ,CAAAA,EAAU,QAAA,EAhBE,KAAA,IAAAC,GAAAA,GAmBZD,CAAAA,EAAU,GAAA,EAEVd,GACAc,CAAAA,EAAU,MAAA,EAGd,WAAA,EAAOnB,EAAMqB,aAAa,CACtBF,EACAG,iaAAA,CACIpB,IAAAA,EACA,UAAWc,EACXZ,UAAWmB,EAAG,kBAAmBnB,EAAWb,CAAQ,CAlCxDY,AAAAA,KAAAA,IAAAA,EAAO,UACPC,EAiC8D,CAAE,CACxD,SAAUC,EACV,aAAcS,EACd,aA7BRC,AAAAA,KAAAA,IAAAA,GACAC,EA6BQ,6BAA8BC,CAClC,GACAO,MAAOV,GAAY,AAAoB,UAApB,OAAOD,EAAwBA,EAAWY,KAAAA,GAC1DP,GAEPL,EAER,EAGJd,CAAAA,EAAK2B,WAAW,CAAG"}
+{"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"}

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=/*#__PURE__*/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 /*#__PURE__*/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},/*#__PURE__*/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 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};
 //# 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,WAAAA,EAAAA,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,oBACInB,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,EAAA,WAAA,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, { 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"}

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=/*#__PURE__*/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 /*#__PURE__*/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="")}},/*#__PURE__*/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";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};
 //# 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,WAAAA,EAAAA,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,oBACIvB,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,GAEjC,gBAEA1B,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, { 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"}

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=/*#__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};
+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};
 //# 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","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"}
+{"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"}