@finam/web-ui-kit-components 3.30.1 → 3.32.0

package/dist/FieldLabel/FieldLabel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.styles.js","sourceRoot":"","sources":["../../src/FieldLabel/FieldLabel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;gBAOjB,MAAM,CAAC,OAAO,CAAC,CAAC;;;MAG1B,kBAAkB,CAAC,MAAM,CAAC;;;;;sBAKV,MAAM,CAAC,OAAO,CAAC,CAAC;;;;MAIhC,kBAAkB,CAAC,MAAM,CAAC;;;;;;;;;CAS/B,CAAC"}
+{"version":3,"file":"FieldLabel/FieldLabel.styles.js","sources":["../../src/FieldLabel/FieldLabel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { classNamePlacement } from './utils.js';\n\nexport const Label = styled.label`\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  cursor: pointer;\n\n  & > :first-child {\n    margin: 0 ${tokens.spacing.s} 0 0;\n  }\n\n  &.${classNamePlacement('left')} {\n    flex-direction: row-reverse;\n    text-align: right;\n\n    & > :first-child {\n      margin: 0 0 0 ${tokens.spacing.s};\n    }\n  }\n\n  &.${classNamePlacement('left')}.fullWidth {\n    justify-content: space-between;\n    text-align: left;\n    width: 100%;\n  }\n\n  &.disabled {\n    cursor: default;\n  }\n`;\n"],"names":["Label","styled","tokens","classNamePlacement"],"mappings":";;;AAIO,MAAMA,QAAQC,OAAO,KAAK,CAAC;;;;;;;cAOpB,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC;;;IAG7B,EAAEC,mBAAmB,QAAQ;;;;;oBAKb,EAAED,OAAO,OAAO,CAAC,CAAC,CAAC;;;;IAInC,EAAEC,mBAAmB,QAAQ;;;;;;;;;AASjC,CAAC"}

package/dist/FieldLabel/index.js

@@ -1,3 +1,2 @@
-export { default, } from './FieldLabel.js';
-export { classNamePlacement } from './utils.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./FieldLabel.js";
+export { classNamePlacement } from "./utils.js";

package/dist/FieldLabel/types.js

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

package/dist/FieldLabel/utils.js

@@ -1,3 +1,5 @@
-import { mapPropClassName } from '../utils/className.js';
-export const classNamePlacement = (placement) => mapPropClassName('placement', placement);
+import { mapPropClassName } from "../utils/className.js";
+const classNamePlacement = (placement)=>mapPropClassName('placement', placement);
+export { classNamePlacement };
+
 //# sourceMappingURL=utils.js.map

package/dist/FieldLabel/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/FieldLabel/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAoB,EAAE,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"FieldLabel/utils.js","sources":["../../src/FieldLabel/utils.ts"],"sourcesContent":["import { mapPropClassName } from '../utils/className.js';\nimport type { Placement } from './types.js';\n\nexport const classNamePlacement = (placement: Placement) => mapPropClassName('placement', placement);\n"],"names":["classNamePlacement","placement","mapPropClassName"],"mappings":";AAGO,MAAMA,qBAAqB,CAACC,YAAyBC,iBAAiB,aAAaD"}

package/dist/FilterButton/FilterButton.js

@@ -1,57 +1,118 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, memo, useCallback, useRef, useState, } from 'react';
-import classnames from 'clsx';
-import { filterButton, filterButtonLabel } from '@finam/web-ui-kit-core/styles/filterButton';
-import ChevronDownSmall from '@finam/web-ui-kit-icons/Chevron/ChevronDownSmall';
-import PlusCircle from '@finam/web-ui-kit-icons/Plus/PlusCircle';
-import PlusCircleFilled from '@finam/web-ui-kit-icons/Plus/PlusCircleFilled';
-import DismissCircleSmall from '@finam/web-ui-kit-icons/Dismiss/DismissCircleSmall';
-import DismissCircleSmallFilled from '@finam/web-ui-kit-icons/Dismiss/DismissCircleSmallFilled';
-import Popover from '../Popover/index.js';
-import { useForkRef } from '../utils/withForwardedRef.js';
-import { useModalState } from '../ModalsProvider/index.js';
-export const classNames = filterButton.classNames.variants;
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useCallback, useRef, useState } from "react";
+import clsx from "clsx";
+import { filterButton, filterButtonLabel } from "@finam/web-ui-kit-core/styles/filterButton";
+import ChevronDownSmall from "@finam/web-ui-kit-icons/Chevron/ChevronDownSmall";
+import PlusCircle from "@finam/web-ui-kit-icons/Plus/PlusCircle";
+import PlusCircleFilled from "@finam/web-ui-kit-icons/Plus/PlusCircleFilled";
+import DismissCircleSmall from "@finam/web-ui-kit-icons/Dismiss/DismissCircleSmall";
+import DismissCircleSmallFilled from "@finam/web-ui-kit-icons/Dismiss/DismissCircleSmallFilled";
+import Popover from "../Popover/index.js";
+import { useForkRef } from "../utils/withForwardedRef.js";
+import { useModalState } from "../ModalsProvider/index.js";
+const classNames = filterButton.classNames.variants;
 const fixedForwardRef = forwardRef;
 const fixedMemo = memo;
-const anchorOrigin = { vertical: 'bottom', horizontal: 'left' };
-const transformOrigin = { vertical: -8, horizontal: 'left' };
-function FilterButtonImpl(_a, ref) {
-    var _b;
-    var { activated = false, size = 'm', color = 'primary', label, labelPlacement = 'left', iconAdd, iconFilled = false, onClear, PopoverComponent = Popover, PopoverProps: popoverProps = {}, className, onClick, children } = _a, buttonProps = __rest(_a, ["activated", "size", "color", "label", "labelPlacement", "iconAdd", "iconFilled", "onClear", "PopoverComponent", "PopoverProps", "className", "onClick", "children"]);
+const anchorOrigin = {
+    vertical: 'bottom',
+    horizontal: 'left'
+};
+const transformOrigin = {
+    vertical: -8,
+    horizontal: 'left'
+};
+function FilterButtonImpl(_0, _1) {
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { activated = false, size = 'm', color = 'primary', label, labelPlacement = 'left', iconAdd, iconFilled = false, onClear, PopoverComponent = Popover, PopoverProps: popoverProps = {}, className, onClick, children } = _ref1, buttonProps = _object_without_properties__(_ref1, [
+        "activated",
+        "size",
+        "color",
+        "label",
+        "labelPlacement",
+        "iconAdd",
+        "iconFilled",
+        "onClear",
+        "PopoverComponent",
+        "PopoverProps",
+        "className",
+        "onClick",
+        "children"
+    ]), [ref] = _rest;
+    var _ref2;
     const { disabled } = buttonProps;
     const buttonRef = useRef(null);
     const handleRef = useForkRef(ref, buttonRef);
     const { open: initialOpen } = useModalState(popoverProps.id);
-    const [open, setOpen] = useState(initialOpen !== null && initialOpen !== void 0 ? initialOpen : false);
-    const popoverOnClose = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.onClose;
-    if ((popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.open) != null && popoverProps.open !== open) {
-        setOpen(popoverProps.open);
-    }
-    const buttonClassName = classnames(filterButton({
+    const [open, setOpen] = useState(null != initialOpen ? initialOpen : false);
+    const popoverOnClose = null == popoverProps ? void 0 : popoverProps.onClose;
+    if ((null == popoverProps ? void 0 : popoverProps.open) != null && popoverProps.open !== open) setOpen(popoverProps.open);
+    const buttonClassName = clsx(filterButton({
         size,
         color,
-        state: disabled
-            ? 'disabled'
-            : activated ? 'activated' : 'default',
-        iconOnly: !label,
+        state: disabled ? 'disabled' : activated ? 'activated' : 'default',
+        iconOnly: !label
     }), className);
-    const handleClickButton = useCallback((event) => {
+    const handleClickButton = useCallback((event)=>{
         setOpen(true);
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    }, [onClick]);
-    const handleClickIconClear = useCallback((event) => {
+        null == onClick || onClick(event);
+    }, [
+        onClick
+    ]);
+    const handleClickIconClear = useCallback((event)=>{
         event.stopPropagation();
         onClear && onClear();
-    }, [onClear]);
-    const handleClosePopover = useCallback(() => {
+    }, [
+        onClear
+    ]);
+    const handleClosePopover = useCallback(()=>{
         setOpen(false);
-        popoverOnClose === null || popoverOnClose === void 0 ? void 0 : popoverOnClose();
-    }, [popoverOnClose]);
+        null == popoverOnClose || popoverOnClose();
+    }, [
+        popoverOnClose
+    ]);
     const IconClear = iconFilled ? DismissCircleSmallFilled : DismissCircleSmall;
     const IconAdd = iconFilled ? PlusCircleFilled : PlusCircle;
-    return (_jsxs(_Fragment, { children: [_jsxs("button", Object.assign({ type: "button" }, buttonProps, { className: buttonClassName, ref: handleRef, onClick: handleClickButton, children: [(labelPlacement === 'right' || !label) && (activated ? _jsx(IconClear, { onClick: handleClickIconClear }) : iconAdd !== null && iconAdd !== void 0 ? iconAdd : _jsx(IconAdd, {})), !!label && (_jsx("span", { className: filterButtonLabel, children: label })), labelPlacement === 'left' && !!label && (activated ? _jsx(IconClear, { onClick: handleClickIconClear }) : _jsx(ChevronDownSmall, {}))] })), _jsx(PopoverComponent, Object.assign({ anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, popoverProps, { anchorEl: buttonRef.current || undefined, open: (_b = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.open) !== null && _b !== void 0 ? _b : open, onClose: handleClosePopover, children: children }))] }));
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("button", _object_spread_props__(_({
+                type: "button"
+            }, buttonProps), {
+                className: buttonClassName,
+                ref: handleRef,
+                onClick: handleClickButton,
+                children: [
+                    ('right' === labelPlacement || !label) && (activated ? /*#__PURE__*/ jsx(IconClear, {
+                        onClick: handleClickIconClear
+                    }) : null != iconAdd ? iconAdd : /*#__PURE__*/ jsx(IconAdd, {})),
+                    !!label && /*#__PURE__*/ jsx("span", {
+                        className: filterButtonLabel,
+                        children: label
+                    }),
+                    'left' === labelPlacement && !!label && (activated ? /*#__PURE__*/ jsx(IconClear, {
+                        onClick: handleClickIconClear
+                    }) : /*#__PURE__*/ jsx(ChevronDownSmall, {}))
+                ]
+            })),
+            /*#__PURE__*/ jsx(PopoverComponent, _object_spread_props__(_({
+                anchorOrigin: anchorOrigin,
+                transformOrigin: transformOrigin
+            }, popoverProps), {
+                anchorEl: buttonRef.current || void 0,
+                open: null != (_ref2 = null == popoverProps ? void 0 : popoverProps.open) ? _ref2 : open,
+                onClose: handleClosePopover,
+                children: children
+            }))
+        ]
+    });
 }
 const FilterButton = fixedForwardRef(FilterButtonImpl);
-export default fixedMemo(FilterButton);
+const FilterButton_FilterButton = fixedMemo(FilterButton);
+export default FilterButton_FilterButton;
+export { classNames };
+
 //# sourceMappingURL=FilterButton.js.map

package/dist/FilterButton/FilterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../src/FilterButton/FilterButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EACL,UAAU,EAEV,IAAI,EAKJ,WAAW,EACX,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC7F,OAAO,gBAAgB,MAAM,kDAAkD,CAAC;AAChF,OAAO,UAAU,MAAM,yCAAyC,CAAC;AACjE,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAC7E,OAAO,kBAAkB,MAAM,oDAAoD,CAAC;AACpF,OAAO,wBAAwB,MAAM,0DAA0D,CAAC;AAChG,OAAO,OAAiC,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC;AAgC3D,MAAM,eAAe,GAAG,UAA6B,CAAC;AACtD,MAAM,SAAS,GAAG,IAAiB,CAAC;AAEpC,MAAM,YAAY,GAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AACxE,MAAM,eAAe,GAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AAErE,SAAS,gBAAgB,CAAyB,EAevC,EAAE,GAAoC;;QAfC,EAChD,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,cAAc,GAAG,MAAM,EACvB,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,gBAAgB,GAAG,OAAO,EAC1B,YAAY,EAAE,YAAY,GAAG,EAAO,EACpC,SAAS,EACT,OAAO,EACP,QAAQ,OAEC,EADN,WAAW,cAdkC,qKAejD,CADe;IAEd,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IAEjC,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAE7C,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC;IAE7C,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,KAAI,IAAI,IAAI,YAAY,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;QAC7D,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM,eAAe,GAAG,UAAU,CAChC,YAAY,CAAC;QACX,IAAI;QACJ,KAAK;QACL,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;QACvC,QAAQ,EAAE,CAAC,KAAK;KACjB,CAAC,EACF,SAAS,CACV,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAoC,EAAE,EAAE;QAC7E,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,KAA6B,EAAE,EAAE;QACzE,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;IACrB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAC7E,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3D,OAAO,CACL,8BACE,gCACE,IAAI,EAAC,QAAQ,IACT,WAAW,IACf,SAAS,EAAE,eAAe,EAC1B,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,iBAAiB,aAEzB,CAAC,cAAc,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CACzC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,OAAO,EAAE,oBAAoB,GAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAC,OAAO,KAAG,CAClF,EACA,CAAC,CAAC,KAAK,IAAI,CACV,eAAM,SAAS,EAAE,iBAAiB,YAAG,KAAK,GAAQ,CACnD,EACA,cAAc,KAAK,MAAM,IAAI,CAAC,CAAC,KAAK,IAAI,CACvC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,OAAO,EAAE,oBAAoB,GAAI,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAChF,KACM,EAOT,KAAC,gBAAgB,kBACf,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,IAC5B,YAAY,IAChB,QAAQ,EAAE,SAAS,CAAC,OAAO,IAAI,SAAS,EACxC,IAAI,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,mCAAI,IAAI,EAChC,OAAO,EAAE,kBAAkB,YAE1B,QAAQ,IACQ,IAClB,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AACvD,eAAe,SAAS,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"FilterButton/FilterButton.js","sources":["../../src/FilterButton/FilterButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  ForwardedRef,\n  memo,\n  ReactNode,\n  ButtonHTMLAttributes,\n  ComponentType,\n  MouseEvent,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport classnames from 'clsx';\nimport { filterButton, filterButtonLabel } from '@finam/web-ui-kit-core/styles/filterButton';\nimport ChevronDownSmall from '@finam/web-ui-kit-icons/Chevron/ChevronDownSmall';\nimport PlusCircle from '@finam/web-ui-kit-icons/Plus/PlusCircle';\nimport PlusCircleFilled from '@finam/web-ui-kit-icons/Plus/PlusCircleFilled';\nimport DismissCircleSmall from '@finam/web-ui-kit-icons/Dismiss/DismissCircleSmall';\nimport DismissCircleSmallFilled from '@finam/web-ui-kit-icons/Dismiss/DismissCircleSmallFilled';\nimport Popover, { Origin, PopoverProps } from '../Popover/index.js';\nimport { useForkRef } from '../utils/withForwardedRef.js';\nimport { useModalState } from '../ModalsProvider/index.js';\nimport type { Size, Color, LabelPlacement, FixedForwardRef, FixedMemo } from './types.js';\n\nexport const classNames = filterButton.classNames.variants;\n\ntype PartialProp<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;\n\nexport interface Props<T extends PopoverProps> extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Состояние активированности кнопки */\n  activated?: boolean;\n  /** Размер кнопки */\n  size?: Size;\n  /** Вариант основного цвета кнопки */\n  color?: Color;\n  /** Текст на кнопке */\n  label?: ReactNode;\n  /** Положение текста по отношению к иконке */\n  labelPlacement?: LabelPlacement;\n  /** иконка на кнопке */\n  iconAdd?: ReactNode;\n  /** Испольльзовать ли иконку с заливкой */\n  iconFilled?: boolean;\n  /** Обработчик клика по иконке очистки состояния */\n  onClear?: VoidFunction;\n  /** Свойства компонента отображающего всплывающую панель */\n  PopoverProps?: PartialProp<T, 'children' | 'open'>;\n  /**\n   * Компонент всплывающей панели\n   * @default Popover\n   * */\n  PopoverComponent?: ComponentType<T>;\n  /** Верстка внутри всплывающей панели */\n  children: ReactNode;\n}\n\nconst fixedForwardRef = forwardRef as FixedForwardRef;\nconst fixedMemo = memo as FixedMemo;\n\nconst anchorOrigin: Origin = { vertical: 'bottom', horizontal: 'left' };\nconst transformOrigin: Origin = { vertical: -8, horizontal: 'left' };\n\nfunction FilterButtonImpl<T extends PopoverProps>({\n  activated = false,\n  size = 'm',\n  color = 'primary',\n  label,\n  labelPlacement = 'left',\n  iconAdd,\n  iconFilled = false,\n  onClear,\n  PopoverComponent = Popover,\n  PopoverProps: popoverProps = {} as T,\n  className,\n  onClick,\n  children,\n  ...buttonProps\n}: Props<T>, ref: ForwardedRef<HTMLButtonElement>) {\n  const { disabled } = buttonProps;\n\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n  const handleRef = useForkRef(ref, buttonRef);\n\n  const { open: initialOpen } = useModalState(popoverProps.id);\n  const [open, setOpen] = useState(initialOpen ?? false);\n  const popoverOnClose = popoverProps?.onClose;\n\n  if (popoverProps?.open != null && popoverProps.open !== open) {\n    setOpen(popoverProps.open);\n  }\n\n  const buttonClassName = classnames(\n    filterButton({\n      size,\n      color,\n      state: disabled\n        ? 'disabled'\n        : activated ? 'activated' : 'default',\n      iconOnly: !label,\n    }),\n    className,\n  );\n\n  const handleClickButton = useCallback((event: MouseEvent<HTMLButtonElement>) => {\n    setOpen(true);\n    onClick?.(event);\n  }, [onClick]);\n\n  const handleClickIconClear = useCallback((event: MouseEvent<SVGElement>) => {\n    event.stopPropagation();\n    onClear && onClear();\n  }, [onClear]);\n\n  const handleClosePopover = useCallback(() => {\n    setOpen(false);\n    popoverOnClose?.();\n  }, [popoverOnClose]);\n\n  const IconClear = iconFilled ? DismissCircleSmallFilled : DismissCircleSmall;\n  const IconAdd = iconFilled ? PlusCircleFilled : PlusCircle;\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        {...buttonProps}\n        className={buttonClassName}\n        ref={handleRef}\n        onClick={handleClickButton}\n      >\n        {(labelPlacement === 'right' || !label) && (\n          activated ? <IconClear onClick={handleClickIconClear} /> : iconAdd ?? <IconAdd />\n        )}\n        {!!label && (\n          <span className={filterButtonLabel}>{label}</span>\n        )}\n        {labelPlacement === 'left' && !!label && (\n          activated ? <IconClear onClick={handleClickIconClear} /> : <ChevronDownSmall />\n        )}\n      </button>\n      {\n        /* тайпскрипт ругается, что T может быть неподоходящим для ComponentType<T>\n         * подтипом PopoverProps, но дженерик это исключает\n         */\n      }\n      {/* @ts-expect-error */}\n      <PopoverComponent\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        {...popoverProps}\n        anchorEl={buttonRef.current || undefined}\n        open={popoverProps?.open ?? open}\n        onClose={handleClosePopover}\n      >\n        {children}\n      </PopoverComponent>\n    </>\n  );\n}\n\nconst FilterButton = fixedForwardRef(FilterButtonImpl);\nexport default fixedMemo(FilterButton);\n"],"names":["classNames","filterButton","fixedForwardRef","forwardRef","fixedMemo","memo","anchorOrigin","transformOrigin","FilterButtonImpl","ref","activated","size","color","label","labelPlacement","iconAdd","iconFilled","onClear","PopoverComponent","Popover","popoverProps","className","onClick","children","buttonProps","disabled","buttonRef","useRef","handleRef","useForkRef","initialOpen","useModalState","open","setOpen","useState","popoverOnClose","buttonClassName","classnames","handleClickButton","useCallback","event","handleClickIconClear","handleClosePopover","IconClear","DismissCircleSmallFilled","DismissCircleSmall","IconAdd","PlusCircleFilled","PlusCircle","filterButtonLabel","ChevronDownSmall","undefined","FilterButton"],"mappings":";;;;;;;;;;;;;;;AAwBO,MAAMA,aAAaC,aAAa,UAAU,CAAC,QAAQ;AAgC1D,MAAMC,kBAAkBC;AACxB,MAAMC,YAAYC;AAElB,MAAMC,eAAuB;IAAE,UAAU;IAAU,YAAY;AAAO;AACtE,MAAMC,kBAA0B;IAAE,UAAU;IAAI,YAAY;AAAO;AAEnE,SAASC,iBAAyC,EAevC,EAAEC,EAAoC;;;;iCAfC,EAChDC,YAAY,KAAK,EACjBC,OAAO,GAAG,EACVC,QAAQ,SAAS,EACjBC,KAAK,EACLC,iBAAiB,MAAM,EACvBC,OAAO,EACPC,aAAa,KAAK,EAClBC,OAAO,EACPC,mBAAmBC,OAAO,EAC1B,cAAcC,eAAe,CAAC,CAAM,EACpCC,SAAS,EACTC,OAAO,EACPC,QAAQ,EAEC,UADNC,cAAAA,6BAAAA,OAAAA;;;;;;;;;;;;;;SACQf,IAAAA,GAAAA;;IACX,MAAM,EAAEgB,QAAQ,EAAE,GAAGD;IAErB,MAAME,YAAYC,OAAiC;IACnD,MAAMC,YAAYC,WAAWpB,KAAKiB;IAElC,MAAM,EAAE,MAAMI,WAAW,EAAE,GAAGC,cAAcX,aAAa,EAAE;IAC3D,MAAM,CAACY,MAAMC,QAAQ,GAAGC,SAASJ,QAAAA,cAAAA,cAAe;IAChD,MAAMK,iBAAiBf,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,OAAO;IAE5C,IAAIA,AAAAA,CAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,IAAI,AAAD,KAAK,QAAQA,aAAa,IAAI,KAAKY,MACtDC,QAAQb,aAAa,IAAI;IAG3B,MAAMgB,kBAAkBC,KACtBpC,aAAa;QACXU;QACAC;QACA,OAAOa,WACH,aACAf,YAAY,cAAc;QAC9B,UAAU,CAACG;IACb,IACAQ;IAGF,MAAMiB,oBAAoBC,YAAY,CAACC;QACrCP,QAAQ;QACRX,QAAAA,WAAAA,QAAUkB;IACZ,GAAG;QAAClB;KAAQ;IAEZ,MAAMmB,uBAAuBF,YAAY,CAACC;QACxCA,MAAM,eAAe;QACrBvB,WAAWA;IACb,GAAG;QAACA;KAAQ;IAEZ,MAAMyB,qBAAqBH,YAAY;QACrCN,QAAQ;QACRE,QAAAA,kBAAAA;IACF,GAAG;QAACA;KAAe;IAEnB,MAAMQ,YAAY3B,aAAa4B,2BAA2BC;IAC1D,MAAMC,UAAU9B,aAAa+B,mBAAmBC;IAEhD,OAAO,WAAP,GACE;;0BACE,KAAC;gBACC,MAAK;eACDxB,cAAAA;gBACJ,WAAWY;gBACX,KAAKR;gBACL,SAASU;;oBAEPxB,CAAAA,AAAmB,YAAnBA,kBAA8B,CAACD,KAAI,KACnCH,CAAAA,YAAY,WAAZA,GAAY,IAACiC,WAAAA;wBAAU,SAASF;yBAA2B1B,QAAAA,UAAAA,UAAAA,WAAAA,GAAW,IAAC+B,SAAAA,CAAAA,EAAAA;oBAExE,CAAC,CAACjC,SAAS,WAATA,GACD,IAAC;wBAAK,WAAWoC;kCAAoBpC;;oBAEnB,WAAnBC,kBAA6B,CAAC,CAACD,SAC9BH,CAAAA,YAAY,WAAZA,GAAY,IAACiC,WAAAA;wBAAU,SAASF;uCAA2B,IAACS,kBAAgBA,CAAAA,EAAAA;;;0BAShF,IAAChC,kBAAAA,uBAAAA,EAAAA;gBACC,cAAcZ;gBACd,iBAAiBC;eACba,eAAAA;gBACJ,UAAUM,UAAU,OAAO,IAAIyB;gBAC/B,MAAI,iBAAE/B,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,IAAI,AAAD,IAAC,QAAIY;gBAC5B,SAASU;0BAERnB;;;;AAIT;AAEA,MAAM6B,eAAelD,gBAAgBM;AACrC,kCAAeJ,UAAUgD"}

package/dist/FilterButton/index.js

@@ -1,2 +1 @@
-export { default, classNames as FilterButtonClassNames, } from './FilterButton.js';
-//# sourceMappingURL=index.js.map
+export { classNames as FilterButtonClassNames, default } from "./FilterButton.js";

package/dist/FilterButton/types.js

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

package/dist/FormGroup/FormGroup.js

@@ -1,17 +1,46 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, } from 'react';
-import { typography } from '@finam/web-ui-kit-core/styles/typography';
-import { Root, Label, Content } from './FormGroup.styles.js';
-const FormGroup = forwardRef((_a, ref) => {
-    var { label, LabelProps = {}, children, row } = _a, otherProps = __rest(_a, ["label", "LabelProps", "children", "row"]);
-    const { variant, color, weight, tabularNumbers } = LabelProps, labelElementProps = __rest(LabelProps, ["variant", "color", "weight", "tabularNumbers"]);
-    return (_jsxs(Root, Object.assign({}, otherProps, { ref: ref, children: [label && (_jsx(Label, Object.assign({}, labelElementProps, { className: typography({
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { typography } from "@finam/web-ui-kit-core/styles/typography";
+import { Content, Label, Root } from "./FormGroup.styles.js";
+const FormGroup = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { label, LabelProps = {}, children, row } = _ref1, otherProps = _object_without_properties__(_ref1, [
+        "label",
+        "LabelProps",
+        "children",
+        "row"
+    ]), [ref] = _rest;
+    const { variant, color, weight, tabularNumbers } = LabelProps, labelElementProps = _object_without_properties__(LabelProps, [
+        "variant",
+        "color",
+        "weight",
+        "tabularNumbers"
+    ]);
+    return /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({}, otherProps), {
+        ref: ref,
+        children: [
+            label && /*#__PURE__*/ jsx(Label, _object_spread_props__(_({}, labelElementProps), {
+                className: typography({
                     variant: variant || 'body14',
                     color: color || 'secondary',
                     weight,
-                    tabularNumbers,
-                }), children: label }))), _jsx(Content, { className: row ? 'row' : undefined, children: children })] })));
+                    tabularNumbers
+                }),
+                children: label
+            })),
+            /*#__PURE__*/ jsx(Content, {
+                className: row ? 'row' : void 0,
+                children: children
+            })
+        ]
+    }));
 });
-export default FormGroup;
+const FormGroup_FormGroup = FormGroup;
+export default FormGroup_FormGroup;
+
 //# sourceMappingURL=FormGroup.js.map

package/dist/FormGroup/FormGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../src/FormGroup/FormGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAIL,UAAU,GAEX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAsB,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAe7D,MAAM,SAAS,GAAG,UAAU,CAAwB,CAAC,EAMpD,EAAE,GAAG,EAAE,EAAE;QAN2C,EACnD,KAAK,EACL,UAAU,GAAG,EAAE,EACf,QAAQ,EACR,GAAG,OAEJ,EADI,UAAU,cALsC,0CAMpD,CADc;IAEb,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,KAA2B,UAAU,EAAhC,iBAAiB,UAAK,UAAU,EAA7E,gDAAgE,CAAa,CAAC;IAEpF,OAAO,CACL,MAAC,IAAI,oBAAK,UAAU,IAAE,GAAG,EAAE,GAAG,aAC3B,KAAK,IAAI,CACR,KAAC,KAAK,oBACA,iBAAiB,IACrB,SAAS,EAAE,UAAU,CAAC;oBACpB,OAAO,EAAE,OAAO,IAAI,QAAQ;oBAC5B,KAAK,EAAE,KAAK,IAAI,WAAW;oBAC3B,MAAM;oBACN,cAAc;iBACf,CAAC,YAED,KAAK,IACA,CACT,EACD,KAAC,OAAO,IAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,YACxC,QAAQ,GACD,KACL,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormGroup/FormGroup.js","sources":["../../src/FormGroup/FormGroup.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ReactNode,\n  ReactElement,\n  forwardRef,\n  HTMLAttributes,\n} from 'react';\nimport { typography, TypographyVariants } from '@finam/web-ui-kit-core/styles/typography';\nimport { Root, Label, Content } from './FormGroup.styles.js';\n\ntype LabelProps = TypographyVariants & Omit<HTMLAttributes<HTMLLabelElement>, 'children'>;\n\nexport interface Props extends ComponentPropsWithoutRef<typeof Root> {\n  /** Текст-заголовок группы переключателей */\n  label?: ReactNode;\n  /** Дополнительные параметры для заголовка */\n  LabelProps?: LabelProps;\n  /** Отображение в строку */\n  row?: boolean;\n  /** Дочерние элементы переключателей */\n  children: ReactElement<any> | ReactElement<any>[];\n}\n\nconst FormGroup = forwardRef<HTMLDivElement, Props>(({\n  label,\n  LabelProps = {},\n  children,\n  row,\n  ...otherProps\n}, ref) => {\n  const { variant, color, weight, tabularNumbers, ...labelElementProps } = LabelProps;\n\n  return (\n    <Root {...otherProps} ref={ref}>\n      {label && (\n        <Label\n          {...labelElementProps}\n          className={typography({\n            variant: variant || 'body14',\n            color: color || 'secondary',\n            weight,\n            tabularNumbers,\n          })}\n        >\n          {label}\n        </Label>\n      )}\n      <Content className={row ? 'row' : undefined}>\n        {children}\n      </Content>\n    </Root>\n  );\n});\n\nexport default FormGroup;\n"],"names":["FormGroup","forwardRef","label","LabelProps","children","row","otherProps","ref","variant","color","weight","tabularNumbers","labelElementProps","Root","Label","typography","Content","undefined"],"mappings":";;;;;;;AAuBA,MAAMA,YAAY,WAAHA,GAAGC,WAAkC,CAAC,IAAD;;;;iCAAC,EACnDC,KAAK,EACLC,aAAa,CAAC,CAAC,EACfC,QAAQ,EACRC,GAAG,EAEJ,UADIC,aAAAA,6BAAAA,OAAAA;;;;;SACFC,IAAAA,GAAAA;IACD,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAEC,cAAc,EAAwB,GAAGR,YAAtBS,oBAAAA,6BAAsBT,YAAAA;;;;;;IAEzE,OAAO,WAAP,GACE,KAACU,MAAIA,uBAAAA,EAAAA,CAAAA,GAAKP,aAAAA;QAAY,KAAKC;;YACxBL,SAAS,WAATA,GACC,IAACY,OAAKA,uBAAAA,EAAAA,CAAAA,GACAF,oBAAAA;gBACJ,WAAWG,WAAW;oBACpB,SAASP,WAAW;oBACpB,OAAOC,SAAS;oBAChBC;oBACAC;gBACF;0BAECT;;0BAGL,IAACc,SAAOA;gBAAC,WAAWX,MAAM,QAAQY;0BAC/Bb;;;;AAIT;AAEA,4BAAeJ"}

package/dist/FormGroup/FormGroup.styles.js

@@ -1,19 +1,20 @@
-import { styled } from '@linaria/react';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_rk6ioxu",
   propsAsIs: false
 });
-export const Label = /*#__PURE__*/styled('label')({
+const Label = /*#__PURE__*/styled('label')({
   name: "Label",
   class: "ui_components_l2z7b96",
   propsAsIs: false
 });
-export const Content = /*#__PURE__*/styled('div')({
+const Content = /*#__PURE__*/styled('div')({
   name: "Content",
   class: "ui_components_cprz36w",
   propsAsIs: false
 });
+export { Content, Label, Root };
 //# sourceMappingURL=FormGroup.styles.js.map
 
 import "./FormGroup.styles.css";

package/dist/FormGroup/FormGroup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.styles.js","sourceRoot":"","sources":["../../src/FormGroup/FormGroup.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE7B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;mBAEd,MAAM,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;kBASf,MAAM,CAAC,OAAO,CAAC,CAAC;;;;;mBAKf,MAAM,CAAC,OAAO,CAAC,CAAC;;CAElC,CAAC"}
+{"version":3,"file":"FormGroup/FormGroup.styles.js","sources":["../../src/FormGroup/FormGroup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const Root = styled.div`\n  position: relative;\n`;\n\nexport const Label = styled.label`\n  display: block;\n  margin-bottom: ${tokens.spacing.m};\n`;\n\nexport const Content = styled.div`\n  display: flex;\n  flex-flow: column wrap;\n\n  &.row {\n    flex-direction: row;\n  }\n\n  & > * + * {\n    margin-top: ${tokens.spacing.m};\n  }\n\n  &.row > * + * {\n    margin-top: 0;\n    margin-left: ${tokens.spacing.m};\n  }\n`;\n"],"names":["Root","styled","Label","tokens","Content"],"mappings":";;AAGO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;AAE/B,CAAC;AAEM,MAAMC,QAAQD,OAAO,KAAK,CAAC;;iBAEjB,EAAEE,OAAO,OAAO,CAAC,CAAC,CAAC;AACpC,CAAC;AAEM,MAAMC,UAAUH,OAAO,GAAG,CAAC;;;;;;;;;gBASlB,EAAEE,OAAO,OAAO,CAAC,CAAC,CAAC;;;;;iBAKlB,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;AAEpC,CAAC"}

package/dist/FormGroup/index.js

@@ -1,3 +1,5 @@
-import FormGroup from './FormGroup.js';
-export default FormGroup;
+import FormGroup from "./FormGroup.js";
+const src_FormGroup = FormGroup;
+export default src_FormGroup;
+
 //# sourceMappingURL=index.js.map

package/dist/FormGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FormGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAoB,MAAM,gBAAgB,CAAC;AAGlD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormGroup/index.js","sources":["../../src/FormGroup/index.ts"],"sourcesContent":["import FormGroup, { Props } from './FormGroup.js';\n\nexport type { Props as FormGroupProps };\nexport default FormGroup;\n"],"names":["FormGroup"],"mappings":";AAGA,sBAAeA"}

package/dist/IconButton/IconButton.js

@@ -1,13 +1,35 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import classnames from 'clsx';
-import { iconButton } from '@finam/web-ui-kit-core/styles/iconButton';
-export const classNames = iconButton.classNames.variants;
-const IconButton = forwardRef((_a, ref) => {
-    var { size = 'm', color = 'secondary', children, className } = _a, buttonProps = __rest(_a, ["size", "color", "children", "className"]);
-    const rootClassName = classnames(iconButton({ size, color }), className);
-    return (_jsx("button", Object.assign({ type: "button" }, buttonProps, { className: rootClassName, ref: ref, children: children })));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import clsx from "clsx";
+import { iconButton } from "@finam/web-ui-kit-core/styles/iconButton";
+const classNames = iconButton.classNames.variants;
+const IconButton = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { size = 'm', color = 'secondary', children, className } = _ref1, buttonProps = _object_without_properties__(_ref1, [
+        "size",
+        "color",
+        "children",
+        "className"
+    ]), [ref] = _rest;
+    const rootClassName = clsx(iconButton({
+        size,
+        color
+    }), className);
+    return /*#__PURE__*/ jsx("button", _object_spread_props__(_({
+        type: "button"
+    }, buttonProps), {
+        className: rootClassName,
+        ref: ref,
+        children: children
+    }));
 });
-export default memo(IconButton);
+const IconButton_IconButton = /*#__PURE__*/ memo(IconButton);
+export default IconButton_IconButton;
+export { classNames };
+
 //# sourceMappingURL=IconButton.js.map

package/dist/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAwB,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAGtE,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC;AASzD,MAAM,UAAU,GAAG,UAAU,CAA2B,CAAC,EAMxD,EAAE,GAAG,EAAE,EAAE;QAN+C,EACvD,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,SAAS,OAEV,EADI,WAAW,cALyC,0CAMxD,CADe;IAEd,MAAM,aAAa,GAAG,UAAU,CAC9B,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAC3B,SAAS,CACV,CAAC;IAEF,OAAO,CACL,+BAAQ,IAAI,EAAC,QAAQ,IAAK,WAAW,IAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,YACtE,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"IconButton/IconButton.js","sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef, memo, ButtonHTMLAttributes } from 'react';\nimport classnames from 'clsx';\nimport { iconButton } from '@finam/web-ui-kit-core/styles/iconButton';\nimport type { Color, Size } from './types.js';\n\nexport const classNames = iconButton.classNames.variants;\n\nexport interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Размер кнопки */\n  size?: Size;\n  /** Основной цвет кнопки */\n  color?: Color;\n}\n\nconst IconButton = forwardRef<HTMLButtonElement, Props>(({\n  size = 'm',\n  color = 'secondary',\n  children,\n  className,\n  ...buttonProps\n}, ref) => {\n  const rootClassName = classnames(\n    iconButton({ size, color }),\n    className,\n  );\n\n  return (\n    <button type=\"button\" {...buttonProps} className={rootClassName} ref={ref}>\n      {children}\n    </button>\n  );\n});\n\nexport default memo(IconButton);\n"],"names":["classNames","iconButton","IconButton","forwardRef","size","color","children","className","buttonProps","ref","rootClassName","classnames","memo"],"mappings":";;;;;;;AAKO,MAAMA,aAAaC,WAAW,UAAU,CAAC,QAAQ;AASxD,MAAMC,aAAa,WAAHA,GAAGC,WAAqC,CAAC,IAAD;;;;iCAAC,EACvDC,OAAO,GAAG,EACVC,QAAQ,WAAW,EACnBC,QAAQ,EACRC,SAAS,EAEV,UADIC,cAAAA,6BAAAA,OAAAA;;;;;SACFC,IAAAA,GAAAA;IACD,MAAMC,gBAAgBC,KACpBV,WAAW;QAAEG;QAAMC;IAAM,IACzBE;IAGF,OAAO,WAAP,GACE,IAAC;QAAO,MAAK;OAAaC,cAAAA;QAAa,WAAWE;QAAe,KAAKD;kBACnEH;;AAGP;AAEA,4CAAeM,KAAKV"}

package/dist/IconButton/index.js

@@ -1,2 +1 @@
-export { default, classNames as IconButtonClassNames, } from './IconButton.js';
-//# sourceMappingURL=index.js.map
+export { classNames as IconButtonClassNames, default } from "./IconButton.js";

package/dist/IconButton/types.js

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

package/dist/InlineBanner/InlineBanner.js

@@ -1,58 +1,121 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, memo, useMemo } from 'react';
-import classNames from 'clsx';
-import ExclamationMarkCircle from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircle';
-import ExclamationMarkCircleFilled from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircleFilled';
-import ExclamationMarkTriangle from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangle';
-import ExclamationMarkTriangleFilled from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangleFilled';
-import CheckmarkCircle from '@finam/web-ui-kit-icons/Checkmark/CheckmarkCircle';
-import CheckmarkCircleFilled from '@finam/web-ui-kit-icons/Checkmark/CheckmarkCircleFilled';
-import InfoMarkCircle from '@finam/web-ui-kit-icons/InfoMark/InfoMarkCircle';
-import DismissGhostMid from '@finam/web-ui-kit-icons/Dismiss/DismissGhostMid';
-import Typography from '../Typography/Typography.js';
-import { classNameOrientation, classNameSize, classNameVariantPriority } from './utils.js';
-import { Root, iconClass, titleClass, messageClass, closeIconClass, TextContentWrap, Button } from './InlineBanner.styles.js';
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useMemo } from "react";
+import clsx from "clsx";
+import ExclamationMarkCircle from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircle";
+import ExclamationMarkCircleFilled from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircleFilled";
+import ExclamationMarkTriangle from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangle";
+import ExclamationMarkTriangleFilled from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangleFilled";
+import CheckmarkCircle from "@finam/web-ui-kit-icons/Checkmark/CheckmarkCircle";
+import CheckmarkCircleFilled from "@finam/web-ui-kit-icons/Checkmark/CheckmarkCircleFilled";
+import InfoMarkCircle from "@finam/web-ui-kit-icons/InfoMark/InfoMarkCircle";
+import DismissGhostMid from "@finam/web-ui-kit-icons/Dismiss/DismissGhostMid";
+import Typography from "../Typography/Typography.js";
+import { classNameOrientation, classNameSize, classNameVariantPriority } from "./utils.js";
+import { Button, Root, TextContentWrap, closeIconClass, iconClass, messageClass, titleClass } from "./InlineBanner.styles.js";
 const iconVariant = {
     info: {
         mid: InfoMarkCircle,
-        high: InfoMarkCircle,
+        high: InfoMarkCircle
     },
     danger: {
         mid: ExclamationMarkTriangle,
-        high: ExclamationMarkTriangleFilled,
+        high: ExclamationMarkTriangleFilled
     },
     warning: {
         mid: ExclamationMarkCircle,
-        high: ExclamationMarkCircleFilled,
+        high: ExclamationMarkCircleFilled
     },
     success: {
         mid: CheckmarkCircle,
-        high: CheckmarkCircleFilled,
-    },
+        high: CheckmarkCircleFilled
+    }
 };
 const buttonColorMap = {
     info: 'default',
     danger: 'negative',
     warning: 'warning',
-    success: 'positive',
+    success: 'positive'
 };
 const buttonAlternativeTypeMap = {
     info: 'inverse',
     danger: 'ondark',
     warning: 'onlight',
-    success: 'ondark',
+    success: 'ondark'
 };
 const typographySizeVariantMap = {
     s: 'caption12',
-    m: 'body14',
+    m: 'body14'
 };
-const InlineBanner = forwardRef((_a, ref) => {
-    var { variant = 'info', priority = 'mid', orientation = 'vertical', icon, title, message, buttonText, hideTitle = false, hideIcon = false, hideCloseIcon = false, hideButton = false, fullWidth = false, onButtonClick, onClose, className, size = 's' } = _a, props = __rest(_a, ["variant", "priority", "orientation", "icon", "title", "message", "buttonText", "hideTitle", "hideIcon", "hideCloseIcon", "hideButton", "fullWidth", "onButtonClick", "onClose", "className", "size"]);
-    const Icon = useMemo(() => icon !== null && icon !== void 0 ? icon : iconVariant[variant][priority], [priority, variant, icon]);
-    return (_jsxs(Root, Object.assign({}, props, { ref: ref, className: classNames(className, classNameOrientation(orientation), classNameVariantPriority(variant, priority), classNameSize(size), {
-            fullWidth,
-        }), children: [!hideIcon && (_jsx(Icon, { className: iconClass })), _jsxs(TextContentWrap, { children: [!hideTitle && (_jsx(Typography, { className: titleClass, variant: typographySizeVariantMap[size], weight: "bold", children: title })), _jsx(Typography, { className: messageClass, variant: typographySizeVariantMap[size], children: message }), !hideButton && buttonText && (_jsx(Button, { variant: "outline", alternativeType: buttonAlternativeTypeMap[variant], color: priority !== 'high' ? buttonColorMap[variant] : 'alternative', size: "xs", onClick: onButtonClick, children: buttonText }))] }), !hideCloseIcon && (_jsx(DismissGhostMid, { className: closeIconClass, onClick: onClose }))] })));
+const InlineBanner = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { variant = 'info', priority = 'mid', orientation = 'vertical', icon, title, message, buttonText, hideTitle = false, hideIcon = false, hideCloseIcon = false, hideButton = false, fullWidth = false, onButtonClick, onClose, className, size = 's' } = _ref1, props = _object_without_properties__(_ref1, [
+        "variant",
+        "priority",
+        "orientation",
+        "icon",
+        "title",
+        "message",
+        "buttonText",
+        "hideTitle",
+        "hideIcon",
+        "hideCloseIcon",
+        "hideButton",
+        "fullWidth",
+        "onButtonClick",
+        "onClose",
+        "className",
+        "size"
+    ]), [ref] = _rest;
+    const Icon = useMemo(()=>null != icon ? icon : iconVariant[variant][priority], [
+        priority,
+        variant,
+        icon
+    ]);
+    return /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({}, props), {
+        ref: ref,
+        className: clsx(className, classNameOrientation(orientation), classNameVariantPriority(variant, priority), classNameSize(size), {
+            fullWidth
+        }),
+        children: [
+            !hideIcon && /*#__PURE__*/ jsx(Icon, {
+                className: iconClass
+            }),
+            /*#__PURE__*/ jsxs(TextContentWrap, {
+                children: [
+                    !hideTitle && /*#__PURE__*/ jsx(Typography, {
+                        className: titleClass,
+                        variant: typographySizeVariantMap[size],
+                        weight: "bold",
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        className: messageClass,
+                        variant: typographySizeVariantMap[size],
+                        children: message
+                    }),
+                    !hideButton && buttonText && /*#__PURE__*/ jsx(Button, {
+                        variant: "outline",
+                        alternativeType: buttonAlternativeTypeMap[variant],
+                        color: 'high' !== priority ? buttonColorMap[variant] : 'alternative',
+                        size: "xs",
+                        onClick: onButtonClick,
+                        children: buttonText
+                    })
+                ]
+            }),
+            !hideCloseIcon && /*#__PURE__*/ jsx(DismissGhostMid, {
+                className: closeIconClass,
+                onClick: onClose
+            })
+        ]
+    }));
 });
-export default memo(InlineBanner);
+const InlineBanner_InlineBanner = /*#__PURE__*/ memo(InlineBanner);
+export default InlineBanner_InlineBanner;
+
 //# sourceMappingURL=InlineBanner.js.map