@finam/web-ui-kit-components 3.24.1

package/dist/Tab/Tab.js

@@ -0,0 +1,33 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useCallback } from 'react';
+import { tab, tabContentWrapper, tabCounterSpacing } from '@finam/web-ui-kit-core/styles/tab';
+import classnames from 'clsx';
+import Counter from '../Counter/index.js';
+const Tab = forwardRef((_a, ref) => {
+    var { selected, fullWidth, buttonVariant = 'primary', lineVariant = 'primary', size = 'm', tabType = 'line', value, onChange, icon = null, vertical: verticalProp, count, as: TabComponent = 'button', preventDefaultOnClick = TabComponent === 'button' } = _a, tabProps = __rest(_a, ["selected", "fullWidth", "buttonVariant", "lineVariant", "size", "tabType", "value", "onChange", "icon", "vertical", "count", "as", "preventDefaultOnClick"]);
+    const vertical = verticalProp && tabType === 'line';
+    const { className, disabled, onClick, children } = tabProps;
+    const handleClick = useCallback((event) => {
+        if (preventDefaultOnClick) {
+            event.preventDefault();
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    }, [value, onChange, onClick, preventDefaultOnClick]);
+    const iconOnly = Boolean(!children && !count && icon);
+    const buttonClassName = classnames(tab({
+        size,
+        tabType,
+        fullWidth,
+        vertical,
+        disabled,
+        buttonVariant,
+        lineVariant,
+        iconOnly,
+        selected,
+    }), className);
+    return (_jsxs(TabComponent, Object.assign({ type: "button", role: "tab", value: value }, tabProps, { ref: ref, className: buttonClassName, onClick: handleClick, children: [icon, tabType === 'buttons' && children ? (_jsx("span", { className: tabContentWrapper[size], children: children })) : children, count ? (_jsx(Counter, { color: tabType === 'buttons' && selected && buttonVariant != 'alternative' ? 'onbrand' : 'default', size: size === 'xs' ? 's' : size, className: tabCounterSpacing[tabType], children: count })) : null] })));
+});
+export default memo(Tab);
+//# sourceMappingURL=Tab.js.map

package/dist/Tab/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/Tab/Tab.tsx"],"names":[],"mappings":";;AAUA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC9F,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,OAAO,MAAM,qBAAqB,CAAC;AA+B1C,MAAM,GAAG,GAAG,UAAU,CAA2B,CAAC,EAejD,EAAE,GAAG,EAAE,EAAE;QAfwC,EAChD,QAAQ,EACR,SAAS,EACT,aAAa,GAAG,SAAS,EACzB,WAAW,GAAG,SAAS,EACvB,IAAI,GAAG,GAAG,EACV,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,EAAE,EAAE,YAAY,GAAG,QAAQ,EAC3B,qBAAqB,GAAG,YAAY,KAAK,QAAQ,OAElD,EADI,QAAQ,cAdqC,6JAejD,CADY;IAEX,MAAM,QAAQ,GAAG,YAAY,IAAI,OAAO,KAAK,MAAM,CAAC;IACpD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC;IAE5D,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAoC,EAAE,EAAE;QACvE,IAAI,qBAAqB,EAAE,CAAC;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;IAEtD,MAAM,eAAe,GAAG,UAAU,CAChC,GAAG,CAAC;QACF,IAAI;QACJ,OAAO;QACP,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,aAAa;QACb,WAAW;QACX,QAAQ;QACR,QAAQ;KACT,CAAC,EACF,SAAS,CACV,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,kBACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,KAAK,IACR,QAAQ,IACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,WAAW,aAEnB,IAAI,EACJ,OAAO,KAAK,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,CACnC,eAAM,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,YACrC,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,QAAQ,EACX,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,QAAQ,IAAI,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAClG,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAChC,SAAS,EAAE,iBAAiB,CAAC,OAAO,CAAC,YAEpC,KAAK,GACE,CACX,CAAC,CAAC,CAAC,IAAI,KACK,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAOH,eAAe,IAAI,CAAC,GAAG,CAE4B,CAAC"}

package/dist/Tab/index.d.ts

@@ -0,0 +1,4 @@
+import Tab, { Props } from './Tab.js';
+export type { Props as TabProps };
+export default Tab;
+//# sourceMappingURL=index.d.ts.map

package/dist/Tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,YAAY,EAAE,KAAK,IAAI,QAAQ,EAAE,CAAC;AAClC,eAAe,GAAG,CAAC"}

package/dist/Tab/index.js

@@ -0,0 +1,3 @@
+import Tab from './Tab.js';
+export default Tab;
+//# sourceMappingURL=index.js.map

package/dist/Tab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAc,MAAM,UAAU,CAAC;AAGtC,eAAe,GAAG,CAAC"}

package/dist/Tab/types.d.ts

@@ -0,0 +1,6 @@
+import type { TabVariants } from '@finam/web-ui-kit-core/styles/tab';
+export type ButtonVariant = Required<NonNullable<TabVariants>>['buttonVariant'];
+export type LineVariant = Required<NonNullable<TabVariants>>['lineVariant'];
+export type TabType = Required<NonNullable<TabVariants>>['tabType'];
+export type Size = Required<NonNullable<TabVariants>>['size'];
+//# sourceMappingURL=types.d.ts.map

package/dist/Tab/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;AAChF,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;AAC5E,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACpE,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/Tab/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/Tab/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Tab/types.ts"],"names":[],"mappings":""}

package/dist/Tabs/Tabs.d.ts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithoutRef, ReactElement, ComponentProps } from 'react';
+import type { TabProps } from '../Tab/index.js';
+import { Root, TabIndicator } from './Tabs.styles.js';
+import { ButtonVariant, LineVariant } from '../Tab/types.js';
+export interface Props extends ComponentPropsWithoutRef<typeof Root> {
+    /** Размер Tab */
+    size?: TabProps['size'];
+    /** Линейный или кнопочный Tab */
+    tabType?: TabProps['tabType'];
+    /** Варианты отображения кнопочного Tab */
+    buttonVariant?: ButtonVariant;
+    /** Варианты отображения линейного Tab */
+    lineVariant?: LineVariant;
+    /** Растяжение компонента по ширине контейнера */
+    fullWidth?: boolean;
+    /** Выбранный Tab */
+    value?: any;
+    /** Обработчик выбора Tab */
+    onChange?: TabProps['onChange'];
+    /** from HTMLButtonElement */
+    disabled?: boolean;
+    /** Отображать ли полосу для линейных Tab */
+    withDivider?: boolean;
+    /** Дочерние Tab элементы */
+    children: ReactElement<TabProps>[];
+    /** Параметры для полосы активного Tab */
+    tabIndicatorProps?: Partial<ComponentProps<typeof TabIndicator>>;
+    /** Направление элементов */
+    vertical?: boolean;
+}
+declare const _default: import("react").MemoExoticComponent<({ size, tabType, fullWidth, value: valueProp, onChange, disabled, withDivider, children: childrenProp, tabIndicatorProps, vertical: verticalProp, lineVariant, buttonVariant, ...rootProps }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,wBAAwB,EAGxB,YAAY,EACZ,cAAc,EAKf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EACL,IAAI,EAGJ,YAAY,EAGb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,KAAM,SAAQ,wBAAwB,CAAC,OAAO,IAAI,CAAC;IAClE,iBAAiB;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9B,0CAA0C;IAC1C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,yCAAyC;IACzC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAChC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;IACnC,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;IACjE,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;2PAgBE,KAAK;AAyJR,wBAA0B"}

package/dist/Tabs/Tabs.js

@@ -0,0 +1,105 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef, useState, Children, isValidElement, useCallback, } from 'react';
+import classnames from 'clsx';
+import debounce from 'lodash/debounce.js';
+import { classNameSize } from './utils.js';
+import { Root, FlexContainer, Divider, TabIndicator, VerticalWrap, INITIAL_STYLE, } from './Tabs.styles.js';
+import { useIsomorphicEffect } from '../utils/useIsomorphicEffect.js';
+const Tabs = (_a) => {
+    var { size = 'm', tabType = 'line', fullWidth, value: valueProp, onChange, disabled, withDivider, children: childrenProp, tabIndicatorProps = {}, vertical: verticalProp, lineVariant, buttonVariant } = _a, rootProps = __rest(_a, ["size", "tabType", "fullWidth", "value", "onChange", "disabled", "withDivider", "children", "tabIndicatorProps", "vertical", "lineVariant", "buttonVariant"]);
+    const vertical = verticalProp && tabType === 'line';
+    const valueToIndexRef = useRef(new Map());
+    const containerRef = useRef(null);
+    const [indicatorStyle, setIndicatorStyle] = useState(INITIAL_STYLE);
+    const valueRef = useRef(valueProp);
+    if (valueProp !== valueRef.current) {
+        valueRef.current = valueProp;
+    }
+    const updateIndicatorState = useCallback((value) => {
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        const containerRect = container.getBoundingClientRect();
+        const tabIndex = valueToIndexRef.current.get(value);
+        const tab = tabIndex !== undefined && container.children[tabIndex];
+        if (!tab) {
+            return;
+        }
+        const tabRect = tab.getBoundingClientRect();
+        if (vertical) {
+            const style = {
+                top: Math.round(tabRect.top - containerRect.top + container.scrollTop),
+                height: Math.round(tabRect.height),
+            };
+            setIndicatorStyle((prevStyle) => {
+                const prevComparison = !prevStyle || style.top !== prevStyle.top || style.height !== prevStyle.height;
+                return prevComparison && !Number.isNaN(style.top) && !Number.isNaN(style.height)
+                    ? style
+                    : prevStyle;
+            });
+        }
+        else {
+            const style = {
+                left: Math.round(tabRect.left - containerRect.left + container.scrollLeft),
+                width: Math.round(tabRect.width),
+            };
+            setIndicatorStyle((prevStyle) => {
+                const prevComparison = !prevStyle || style.left !== prevStyle.left || style.width !== prevStyle.width;
+                return prevComparison && !Number.isNaN(style.left) && !Number.isNaN(style.width)
+                    ? style
+                    : prevStyle;
+            });
+        }
+    }, [vertical]);
+    useIsomorphicEffect(() => {
+        const handleResize = debounce(() => updateIndicatorState(valueRef.current), 166);
+        const container = containerRef.current;
+        if ('ResizeObserver' in window && container) {
+            const resizeObserver = new window.ResizeObserver(() => {
+                handleResize();
+            });
+            resizeObserver.observe(container);
+            return () => {
+                handleResize.cancel();
+                resizeObserver.disconnect();
+            };
+        }
+        window.addEventListener('resize', handleResize);
+        return () => {
+            handleResize.cancel();
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [updateIndicatorState]);
+    const additionalClassNames = classnames(classNameSize(size), { withDivider, vertical, fullWidth });
+    valueToIndexRef.current.clear();
+    let childrenStr = '';
+    let childIndex = 0;
+    const children = Children.map(childrenProp, (child) => {
+        if (!isValidElement(child)) {
+            return null;
+        }
+        const childValue = child.props.value === undefined ? childIndex : child.props.value;
+        valueToIndexRef.current.set(childValue, childIndex);
+        const childProps = Object.assign(Object.assign({ fullWidth,
+            size,
+            tabType,
+            lineVariant,
+            buttonVariant,
+            onChange,
+            disabled, selected: childValue === valueProp, vertical }, child.props), { value: childValue });
+        childrenStr += typeof child.props.children === 'string' ? child.props.children : '';
+        childIndex += 1;
+        if (vertical) {
+            return (_jsx(VerticalWrap, { className: additionalClassNames, children: _jsx(child.type, Object.assign({}, childProps)) }));
+        }
+        return _jsx(child.type, Object.assign({}, childProps));
+    });
+    useIsomorphicEffect(() => {
+        updateIndicatorState(valueProp);
+    }, [updateIndicatorState, valueProp, fullWidth, vertical, childrenStr]);
+    return (_jsxs(Root, Object.assign({ role: "tablist" }, rootProps, { className: classnames(additionalClassNames, rootProps.className), children: [_jsx(FlexContainer, { ref: containerRef, className: additionalClassNames, children: children }), tabType === 'line' && (_jsx(Divider, { className: additionalClassNames, children: _jsx(TabIndicator, Object.assign({}, tabIndicatorProps, { className: classnames(tabIndicatorProps.className, additionalClassNames, lineVariant), style: Object.assign(Object.assign({}, indicatorStyle), tabIndicatorProps.style) })) }))] })));
+};
+export default memo(Tabs);
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/Tabs/Tabs.styles.css

@@ -0,0 +1,5 @@
+.ui_components_rzizmhz.vertical{display:flex;}
+.ui_components_f12h90sh.fullWidth{flex:1;}.ui_components_f12h90sh:not(.vertical){display:flex;}.ui_components_f12h90sh.vertical{order:2;}
+.ui_components_v10d48ii{min-height:var(--ui-spacing-4xl);display:flex;align-items:center;}.ui_components_v10d48ii+.ui_components_v10d48ii{margin-top:var(--ui-spacing-xs);}.ui_components_v10d48ii.size-l,.ui_components_v10d48ii.size-xl{min-height:var(--ui-spacing-5xl);}.ui_components_v10d48ii.size-s{min-height:calc(var(--ui-spacing-3xl) + var(--ui-spacing-2xs));}.ui_components_v10d48ii.size-xs{min-height:var(--ui-spacing-3xl);}.ui_components_v10d48ii.size-xs+.ui_components_v10d48ii.size-xs{margin-top:var(--ui-spacing-2xs);}
+.ui_components_dxjleo3{flex-shrink:0;position:relative;}.ui_components_dxjleo3.withDivider:not(.vertical){border-bottom:1px solid var(--ui-colors-border-base);}.ui_components_dxjleo3.withDivider.vertical{border-left:1px solid var(--ui-colors-border-base);}.ui_components_dxjleo3:not(.vertical){height:4px;}.ui_components_dxjleo3.vertical{order:1;width:4px;}
+.ui_components_t15t8a4t{position:absolute;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border-radius:inherit;background-color:var(--ui-colors-border-brand-active);}.ui_components_t15t8a4t.ondarkSecondary{background-color:var(--ui-colors-border-ondark);}.ui_components_t15t8a4t.alternative{background-color:var(--ui-colors-border-base-bold);}.ui_components_t15t8a4t:not(.vertical){width:0px;height:100%;top:1px;left:0px;}.ui_components_t15t8a4t.vertical{width:100%;height:0px;top:0px;left:-1px;}

package/dist/Tabs/Tabs.styles.d.ts

@@ -0,0 +1,12 @@
+export declare const INITIAL_STYLE: {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+};
+export declare const Root: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const FlexContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const VerticalWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Divider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TabIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+//# sourceMappingURL=Tabs.styles.d.ts.map

package/dist/Tabs/Tabs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;;CAA2C,CAAC;AAEtE,eAAO,MAAM,IAAI,qKAIhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAwBxB,CAAC;AAEF,eAAO,MAAM,OAAO,qKAoBnB,CAAC;AAEF,eAAO,MAAM,YAAY,uKA2BxB,CAAC"}

package/dist/Tabs/Tabs.styles.js

@@ -0,0 +1,34 @@
+import { styled } from '@linaria/react';
+export const INITIAL_STYLE = {
+  width: 0,
+  height: 0,
+  left: 0,
+  top: 0
+};
+export const Root = /*#__PURE__*/styled('div')({
+  name: "Root",
+  class: "ui_components_rzizmhz",
+  propsAsIs: false
+});
+export const FlexContainer = /*#__PURE__*/styled('div')({
+  name: "FlexContainer",
+  class: "ui_components_f12h90sh",
+  propsAsIs: false
+});
+export const VerticalWrap = /*#__PURE__*/styled('div')({
+  name: "VerticalWrap",
+  class: "ui_components_v10d48ii",
+  propsAsIs: false
+});
+export const Divider = /*#__PURE__*/styled('div')({
+  name: "Divider",
+  class: "ui_components_dxjleo3",
+  propsAsIs: false
+});
+export const TabIndicator = /*#__PURE__*/styled('span')({
+  name: "TabIndicator",
+  class: "ui_components_t15t8a4t",
+  propsAsIs: false
+});
+
+import "./Tabs.styles.css";

package/dist/Tabs/Tabs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styles.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;AAEtE,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYtC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;gBACtB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;;;kBAKnB,MAAM,CAAC,OAAO,CAAC,EAAE;;;MAG7B,aAAa,CAAC,GAAG,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC;kBAChC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;MAGjC,aAAa,CAAC,GAAG,CAAC;uBACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;MAGjE,aAAa,CAAC,IAAI,CAAC;kBACP,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;oBAGnB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;CAGxC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;+BAKF,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;;;6BAI3C,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;;;;;;;;;;CAWrE,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAA;;;;sBAIjB,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;wBAGvC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;wBAI3C,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO;;;;aAIjD,aAAa,CAAC,KAAK;;;YAGpB,aAAa,CAAC,IAAI;;;;;cAKhB,aAAa,CAAC,MAAM;WACvB,aAAa,CAAC,GAAG;;;CAG3B,CAAC"}

package/dist/Tabs/index.d.ts

@@ -0,0 +1,4 @@
+import Tabs, { Props } from './Tabs.js';
+export type { Props as TabsProps };
+export default Tabs;
+//# sourceMappingURL=index.d.ts.map

package/dist/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAExC,YAAY,EAAE,KAAK,IAAI,SAAS,EAAE,CAAC;AACnC,eAAe,IAAI,CAAC"}

package/dist/Tabs/index.js

@@ -0,0 +1,3 @@
+import Tabs from './Tabs.js';
+export default Tabs;
+//# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAe,MAAM,WAAW,CAAC;AAGxC,eAAe,IAAI,CAAC"}

package/dist/Tabs/utils.d.ts

@@ -0,0 +1,3 @@
+import { Size } from '../Tab/types.js';
+export declare const classNameSize: (size: Size) => "size-m" | "size-s" | "size-l" | "size-xl" | "size-xs";
+//# sourceMappingURL=utils.d.ts.map

package/dist/Tabs/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Tabs/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAGvC,eAAO,MAAM,aAAa,GAAI,MAAM,IAAI,2DAAmC,CAAC"}

package/dist/Tabs/utils.js

@@ -0,0 +1,3 @@
+import { mapPropClassName } from '../utils/className.js';
+export const classNameSize = (size) => mapPropClassName('size', size);
+//# sourceMappingURL=utils.js.map

package/dist/Tabs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/Tabs/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC"}

package/dist/Tag/Tag.d.ts

@@ -0,0 +1,25 @@
+import { HTMLAttributes, type ReactNode } from 'react';
+import type { Color, ColorType, Priority, Variant, Size, IconPlacement } from './types.js';
+export interface Props extends HTMLAttributes<HTMLSpanElement> {
+    /** Текстовое содержимое тега */
+    children?: ReactNode;
+    /** Цветовая схема тега */
+    color?: Color;
+    /** Тип цветовой схемы */
+    colorType?: ColorType;
+    /** Тип цветовой схемы тега */
+    priority?: Priority;
+    /** Вариант отображения тега */
+    variant?: Variant;
+    /** Размер тега */
+    size?: Size;
+    /** Иконка, отображаемая вместо текста либо рядом с ним */
+    icon?: ReactNode;
+    /** Расположение иконки относительно текста */
+    iconPlacement?: IconPlacement;
+    /** Обработчик клика по иконке */
+    onIconClick?: () => void;
+}
+declare const Tag: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLSpanElement>>;
+export default Tag;
+//# sourceMappingURL=Tag.d.ts.map

package/dist/Tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3F,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC5D,gCAAgC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,yBAAyB;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0DAA0D;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,GAAG,mGAoEP,CAAC;AAEH,eAAe,GAAG,CAAC"}

package/dist/Tag/Tag.js

@@ -0,0 +1,41 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback } from 'react';
+import classnames from 'clsx';
+import { tag, tagIconWrapper } from '@finam/web-ui-kit-core/styles/tag';
+import { iconButton } from './Tag.styles.js';
+import { KeyboardEventKey } from '../types.js';
+const Tag = forwardRef((_a, ref) => {
+    var { children, color = 'info', colorType = 'default', priority = 'high', variant = 'fill', size = 'm', icon, iconPlacement = 'left', className, onClick, onIconClick } = _a, props = __rest(_a, ["children", "color", "colorType", "priority", "variant", "size", "icon", "iconPlacement", "className", "onClick", "onIconClick"]);
+    const iconOnly = Boolean(icon && !children);
+    const tagClassName = classnames(className, tag({
+        color,
+        colorType,
+        priority,
+        variant,
+        size,
+        iconOnly,
+        clickable: Boolean(onClick),
+    }));
+    const handleIconClick = useCallback((event) => {
+        event.stopPropagation();
+        onIconClick === null || onIconClick === void 0 ? void 0 : onIconClick();
+    }, [onIconClick]);
+    const handleIconKeyDown = useCallback((event) => {
+        if (event.key === KeyboardEventKey.ENTER || event.key === KeyboardEventKey.SPACE) {
+            event.stopPropagation();
+            onIconClick === null || onIconClick === void 0 ? void 0 : onIconClick();
+        }
+    }, [onIconClick]);
+    const renderIcon = (wrapperClassName) => {
+        if (onIconClick) {
+            return (_jsx("span", { role: "button", tabIndex: 0, onKeyDown: handleIconKeyDown, className: classnames(wrapperClassName, iconButton), onClick: handleIconClick, children: icon }));
+        }
+        return _jsx("span", { className: wrapperClassName, children: icon });
+    };
+    return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    _jsxs("span", Object.assign({ className: tagClassName, ref: ref, onClick: onClick }, props, { children: [iconPlacement === 'left' && icon && children && renderIcon(tagIconWrapper.left), iconOnly ? renderIcon(tagIconWrapper.center) : children, iconPlacement === 'right' && icon && children && renderIcon(tagIconWrapper.right)] })));
+});
+export default Tag;
+//# sourceMappingURL=Tag.js.map

package/dist/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAkC,WAAW,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAuB/C,MAAM,GAAG,GAAG,UAAU,CAAyB,CAAC,EAa/C,EAAE,GAAG,EAAE,EAAE;QAbsC,EAC9C,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,SAAS,GAAG,SAAS,EACrB,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,GAAG,EACV,IAAI,EACJ,aAAa,GAAG,MAAM,EACtB,SAAS,EACT,OAAO,EACP,WAAW,OAEZ,EADI,KAAK,cAZsC,iIAa/C,CADS;IAER,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC;QAC7C,KAAK;QACL,SAAS;QACT,QAAQ;QACR,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC;KAC5B,CAAC,CAAC,CAAC;IAEJ,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAuB,EAAE,EAAE;QAC9D,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAA0B,EAAE,EAAE;QACnE,IAAI,KAAK,CAAC,GAAG,KAAK,gBAAgB,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,gBAAgB,CAAC,KAAK,EAAE,CAAC;YACjF,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,CAAC,gBAAwB,EAAE,EAAE;QAC9C,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACnD,OAAO,EAAE,eAAe,YAEvB,IAAI,GACA,CACR,CAAC;QACJ,CAAC;QAED,OAAO,eAAM,SAAS,EAAE,gBAAgB,YAAG,IAAI,GAAQ,CAAC;IAC1D,CAAC,CAAC;IAEF,OAAO;IACL,0GAA0G;IAC1G,8BACE,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,IACZ,KAAK,eAER,aAAa,KAAK,MAAM,IAAI,IAAI,IAAI,QAAQ,IAAI,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,EAC/E,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,EACvD,aAAa,KAAK,OAAO,IAAI,IAAI,IAAI,QAAQ,IAAI,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,KAC7E,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}

package/dist/Tag/Tag.styles.css

@@ -0,0 +1 @@
+.ui_components_i1n6bebk{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;}

package/dist/Tag/Tag.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const iconButton: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=Tag.styles.d.ts.map

package/dist/Tag/Tag.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../src/Tag/Tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,0CAStB,CAAC"}

package/dist/Tag/Tag.styles.js

@@ -0,0 +1,3 @@
+export const iconButton = "ui_components_i1n6bebk";
+
+import "./Tag.styles.css";

package/dist/Tag/Tag.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../src/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;CAS5B,CAAC"}

package/dist/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { default, type Props as TagProps } from './Tag.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/Tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,QAAQ,EAAE,MAAM,UAAU,CAAC"}

package/dist/Tag/index.js

@@ -0,0 +1,2 @@
+export { default } from './Tag.js';
+//# sourceMappingURL=index.js.map

package/dist/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAA0B,MAAM,UAAU,CAAC"}

package/dist/Tag/types.d.ts

@@ -0,0 +1,8 @@
+import type { TagVariants } from '@finam/web-ui-kit-core/styles/tag';
+export type Color = Required<NonNullable<TagVariants>>['color'];
+export type ColorType = Required<NonNullable<TagVariants>>['colorType'];
+export type Priority = Required<NonNullable<TagVariants>>['priority'];
+export type Variant = Required<NonNullable<TagVariants>>['variant'];
+export type Size = Required<NonNullable<TagVariants>>['size'];
+export type IconPlacement = 'right' | 'left';
+//# sourceMappingURL=types.d.ts.map

package/dist/Tag/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AAChE,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;AACxE,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;AACtE,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACpE,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC"}

package/dist/Tag/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/Tag/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Tag/types.ts"],"names":[],"mappings":""}

package/dist/TextArea/TextArea.d.ts

@@ -0,0 +1,35 @@
+import { Ref } from 'react';
+import type * as React from 'react';
+import { TextareaAutosizeProps } from 'react-textarea-autosize';
+import type { Placement, InputSize, InputVariant } from '../types.js';
+import { InputProps } from '../Input/index.js';
+type InheritedInputProps = Pick<InputProps, 'hideReadOnlyIcon' | 'singleLine' | 'hintTooltipMaxWidth' | 'hintTooltipVariant' | 'alignRight' | 'hideEmptyHint' | 'error'>;
+export interface Props extends Omit<TextareaAutosizeProps & InheritedInputProps, 'as'> {
+    /** Состояние значения поля ввода */
+    value?: string;
+    /** Текст сообщения подсказки */
+    message?: React.ReactNode;
+    /** Содержимое label поля ввода */
+    label?: string;
+    /** Вариант отображения поля ввода */
+    variant?: InputVariant;
+    /** Размер поля ввода */
+    size?: InputSize;
+    /** Растяжение компонента по ширине контейнера */
+    fullWidth?: boolean;
+    /** Сообщение об ошибке для подсказки */
+    errorText?: string;
+    /** Флаг отображения подсказки в виде всплывающего окна */
+    hintTooltip?: boolean;
+    /** Расположение всплывающего окна подсказки */
+    hintTooltipPlacement?: Placement;
+    /** Текст дополнительной подписи */
+    secondaryLabel?: string;
+    /** ref-ссылка на элемент textarea */
+    inputRef?: Ref<HTMLTextAreaElement>;
+    /** Флаг, управляющий отображением счётчика символов */
+    symbolCounterVisible?: boolean;
+}
+declare const TextArea: ({ label, errorText, message, inputRef, onScroll, className, symbolCounterVisible, ...other }: Props) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/TextArea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqD,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAyB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGlF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACtE,OAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAItD,KAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EACxC,kBAAkB,GAClB,YAAY,GACZ,qBAAqB,GACrB,oBAAoB,GACpB,YAAY,GACZ,eAAe,GACf,OAAO,CACR,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,qBAAqB,GAAG,mBAAmB,EAAE,IAAI,CAAC;IACpF,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACpC,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AASD,QAAA,MAAM,QAAQ,GAAI,8FASf,KAAK,4CA4CP,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/TextArea/TextArea.js

@@ -0,0 +1,38 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import TextareaAutosize from 'react-textarea-autosize';
+import throttle from 'lodash/throttle.js';
+import classnames from 'clsx';
+import Input from '../Input/index.js';
+import { setRef } from '../utils/withForwardedRef.js';
+import { inputStyles } from './TextArea.styles.js';
+const InputStyled = Input;
+const TextArea = (_a) => {
+    var { label, errorText, message, inputRef, onScroll, className, symbolCounterVisible } = _a, other = __rest(_a, ["label", "errorText", "message", "inputRef", "onScroll", "className", "symbolCounterVisible"]);
+    const textareaRef = useRef(null);
+    const [showLabel, setShowLabel] = useState(true);
+    const updateState = useMemo(() => (throttle(() => {
+        if (textareaRef.current) {
+            setShowLabel(textareaRef.current.scrollTop <= 1);
+        }
+    }, 100)), []);
+    useEffect(() => () => {
+        updateState.cancel();
+    }, [updateState]);
+    const handleRef = useCallback((node) => {
+        if (inputRef) {
+            setRef(inputRef, node);
+        }
+        textareaRef.current = node;
+    }, [inputRef]);
+    const handleScroll = useCallback((event) => {
+        if (onScroll) {
+            onScroll(event);
+        }
+        updateState();
+    }, [onScroll, updateState]);
+    return (_jsx(InputStyled, Object.assign({ as: TextareaAutosize, label: showLabel ? label : undefined, message: errorText || message, error: Boolean(errorText), errorIcon: !!errorText, symbolCounterVisible: symbolCounterVisible }, other, { className: classnames(inputStyles, className), ref: handleRef, onScroll: handleScroll })));
+};
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

package/dist/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAO,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,gBAA2C,MAAM,yBAAyB,CAAC;AAClF,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,KAAqB,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA4CnD,MAAM,WAAW,GAAG,KAA8C,CAAC;AAEnE,MAAM,QAAQ,GAAG,CAAC,EASV,EAAE,EAAE;QATM,EAChB,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,oBAAoB,OAEd,EADH,KAAK,cARQ,8FASjB,CADS;IAER,MAAM,WAAW,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAChC,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,GAAG,CAAC,CACR,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,MAAM,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,IAAgC,EAAE,EAAE;QACjE,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QACzB,CAAC;QACD,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAyC,EAAE,EAAE;QAC7E,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,KAAC,WAAW,kBACV,EAAE,EAAE,gBAAgB,EACpB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpC,OAAO,EAAE,SAAS,IAAI,OAAO,EAC7B,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,EACzB,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,oBAAoB,EAAE,oBAAoB,IACtC,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAC7C,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,YAAY,IACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/TextArea/TextArea.styles.css

@@ -0,0 +1 @@
+.ui_components_i12kkm66 textarea{display:block;resize:none;}.ui_components_i12kkm66 .ui-input__adornment{align-self:flex-start;margin-top:var(--ui-spacing-inputM-paddingVert);}

package/dist/TextArea/TextArea.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const inputStyles: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=TextArea.styles.d.ts.map

package/dist/TextArea/TextArea.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,0CAUvB,CAAC"}

package/dist/TextArea/TextArea.styles.js

@@ -0,0 +1,3 @@
+export const inputStyles = "ui_components_i12kkm66";
+
+import "./TextArea.styles.css";

package/dist/TextArea/TextArea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styles.js","sourceRoot":"","sources":["../../src/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;kBAQZ,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;;CAElD,CAAC"}

package/dist/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { default, type Props as TextAreaProps } from './TextArea.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/TextArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/TextArea/index.js

@@ -0,0 +1,2 @@
+export { default } from './TextArea.js';
+//# sourceMappingURL=index.js.map

package/dist/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAA+B,MAAM,eAAe,CAAC"}