@alphakits/ui 2.0.1 → 2.0.3

package/dist/collapse/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/collapse/component.tsx"],"sourcesContent":["import React, {\n    CSSProperties,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport cn from 'classnames';\nimport debounce from 'lodash/debounce';\nimport { ResizeObserver } from 'resize-observer';\n\n// import { ArrowDownMBlackIcon } from '@alfalab/icons-classic/ArrowDownMBlackIcon';\n// import { ArrowUpMBlackIcon } from '@alfalab/icons-classic/ArrowUpMBlackIcon';\nimport { Link, LinkProps } from '../link';\n\nimport styles from './index.module.css';\n\nexport type CollapseProps = {\n    /**\n     * состояние компонента\n     *\n     */\n    expanded?: boolean;\n\n    /**\n     * Первоначальное состояние компонента\n     */\n    defaultExpanded?: boolean;\n\n    /**\n     * Текст ссылки в `expanded` состоянии\n     *\n     */\n    collapsedLabel?: string;\n\n    /**\n     * Текст ссылки в `collapsed` состоянии\n     *\n     */\n    expandedLabel?: string;\n\n    /**\n     * Дочерние элементы `Collapse`\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для коллапс-контейнера\n     */\n    contentClassName?: string;\n\n    /**\n     * linkProps - пропсы для компонента ссылки\n     */\n    linkProps?: Pick<LinkProps, 'view' | 'size'>;\n\n    /**\n     * Идентификатор компонента в DOM\n     */\n    id?: string;\n\n    /**\n     * Обработчик смены состояний `expanded/collapsed`\n     */\n    onExpandedChange?: (expanded?: boolean) => void;\n\n    /**\n     * Обработчик события завершения анимации\n     */\n    onTransitionEnd?: (expanded?: boolean) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Collapse = forwardRef<HTMLDivElement, CollapseProps>((props: CollapseProps, ref) => {\n    const {\n        expanded,\n        defaultExpanded,\n        collapsedLabel,\n        expandedLabel,\n        children,\n        className,\n        contentClassName,\n        id,\n        onExpandedChange,\n        onTransitionEnd,\n        dataTestId,\n        linkProps,\n    } = props;\n\n    // const contentRef = useRef<HTMLDivElement>(null);\n    // const contentCaseRef = useRef<HTMLDivElement>(null);\n    // const [isExpanded, setIsExpanded] = useState(expanded);\n\n    // useEffect(() => {\n    //     setIsExpanded(expanded);\n    // }, [expanded]);\n\n    // const recalculate = useCallback(() => {\n    //     let contentHeight;\n\n    //     if (!contentCaseRef.current || !contentRef.current) {\n    //         return;\n    //     }\n\n    //     if (isExpanded) {\n    //         contentHeight = contentCaseRef.current.offsetHeight;\n    //     } else {\n    //         contentHeight = 0;\n    //     }\n\n    //     contentRef.current.style.height = `${contentHeight}px`;\n    // }, [isExpanded]);\n\n    // useEffect(() => {\n    //     const handleResize = _.debounce(() => recalculate(), 300);\n\n    //     window.addEventListener('resize', handleResize);\n\n    //     return () => window.removeEventListener('resize', handleResize);\n    // }, [recalculate]);\n\n    // useEffect(() => recalculate(), [isExpanded, recalculate]);\n\n    // // const ToggledIcon = isExpanded ? ArrowUpMBlackIcon : ArrowDownMBlackIcon; // rightAddons linka\n\n    // const handleExpandedChange = useCallback(() => {\n    //     setIsExpanded(!isExpanded);\n    //     if (onExpandedChange) onExpandedChange();\n    // }, [isExpanded, onExpandedChange]);\n\n    const uncontrolled = expanded === undefined;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n    const contentCaseRef = useRef<HTMLDivElement>(null);\n    const [expandedState, setExpandedState] = useState(defaultExpanded || expanded);\n\n    const isExpanded = uncontrolled ? expandedState : expanded;\n\n    const recalculate = useCallback(() => {\n        let contentHeight;\n\n        if (!contentCaseRef.current || !contentRef.current) {\n            return;\n        }\n\n        if (isExpanded) {\n            contentHeight = contentCaseRef.current.offsetHeight;\n        } else {\n            contentHeight = 0;\n        }\n\n        contentRef.current.style.height = `${contentHeight}px`;\n    }, [isExpanded]);\n\n    const handleTransitionEnd = useCallback(() => {\n        if (onTransitionEnd) onTransitionEnd(expanded);\n    }, [expanded, onTransitionEnd]);\n\n    const handleExpandedChange = useCallback(() => {\n        if (uncontrolled) {\n            setExpandedState(!isExpanded);\n        }\n        console.log(isExpanded);\n\n        if (onExpandedChange) onExpandedChange();\n    }, [isExpanded, onExpandedChange, uncontrolled]);\n\n    useEffect(() => {\n        const handleResize = debounce(() => recalculate(), 300);\n\n        window.addEventListener('resize', handleResize);\n\n        return () => window.removeEventListener('resize', handleResize);\n    }, [recalculate]);\n\n    useEffect(() => {\n        const observer = new ResizeObserver(recalculate);\n\n        if (contentCaseRef.current) {\n            observer.observe(contentCaseRef.current);\n        }\n\n        return () => {\n            observer.disconnect();\n        };\n    }, [recalculate]);\n\n    useEffect(() => recalculate(), [isExpanded, recalculate]);\n\n    const contentStyles: CSSProperties = useMemo(() => {\n        const contentHeight = contentRef.current?.offsetHeight;\n\n        return {\n            height: isExpanded && !contentHeight ? '0px' : `${contentHeight}px`,\n        };\n    }, [isExpanded]);\n\n    const showLabel = !!expandedLabel || !!collapsedLabel;\n\n    return (\n        <div\n            ref={ ref }\n            className={ cn(className, styles.collapse) }\n            id={ id }\n            data-test-id={ dataTestId }\n        >\n            <div\n                onTransitionEnd={ handleTransitionEnd }\n                ref={ contentRef }\n                className={ cn(styles.content, contentClassName, {\n                    [styles.expandedContent]: isExpanded,\n                }) }\n                style={ contentStyles }\n            >\n                <div className={ cn(styles.children_wrap) } ref={ contentCaseRef }>\n                    { children }\n                </div>\n            </div>\n            { showLabel && (\n                <Link\n                    view={ linkProps?.view || 'secondary' }\n                    size={ linkProps?.size || 'm' }\n                    pseudo={ true }\n                    onClick={ handleExpandedChange }\n                >\n                    { isExpanded ? expandedLabel : collapsedLabel }\n                </Link>\n            ) }\n        </div>\n    );\n});\n"],"names":["Collapse","forwardRef","props","ref","expanded","defaultExpanded","collapsedLabel","expandedLabel","children","className","contentClassName","id","onExpandedChange","onTransitionEnd","dataTestId","linkProps","uncontrolled","contentRef","useRef","contentCaseRef","expandedState","setExpandedState","useState","isExpanded","recalculate","useCallback","contentHeight","handleTransitionEnd","handleExpandedChange","useEffect","handleResize","debounce","observer","ResizeObserver","contentStyles","useMemo","_a","showLabel","jsxs","cn","styles","jsx","Link"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/collapse/component.tsx"],"sourcesContent":["import React, {\n    CSSProperties,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport cn from 'classnames';\nimport { debounce } from '../utils/debounce';\nimport { ResizeObserver } from 'resize-observer';\n\n// import { ArrowDownMBlackIcon } from '@alfalab/icons-classic/ArrowDownMBlackIcon';\n// import { ArrowUpMBlackIcon } from '@alfalab/icons-classic/ArrowUpMBlackIcon';\nimport { Link, LinkProps } from '../link';\n\nimport styles from './index.module.css';\n\nexport type CollapseProps = {\n    /**\n     * состояние компонента\n     *\n     */\n    expanded?: boolean;\n\n    /**\n     * Первоначальное состояние компонента\n     */\n    defaultExpanded?: boolean;\n\n    /**\n     * Текст ссылки в `expanded` состоянии\n     *\n     */\n    collapsedLabel?: string;\n\n    /**\n     * Текст ссылки в `collapsed` состоянии\n     *\n     */\n    expandedLabel?: string;\n\n    /**\n     * Дочерние элементы `Collapse`\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для коллапс-контейнера\n     */\n    contentClassName?: string;\n\n    /**\n     * linkProps - пропсы для компонента ссылки\n     */\n    linkProps?: Pick<LinkProps, 'view' | 'size'>;\n\n    /**\n     * Идентификатор компонента в DOM\n     */\n    id?: string;\n\n    /**\n     * Обработчик смены состояний `expanded/collapsed`\n     */\n    onExpandedChange?: (expanded?: boolean) => void;\n\n    /**\n     * Обработчик события завершения анимации\n     */\n    onTransitionEnd?: (expanded?: boolean) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Collapse = forwardRef<HTMLDivElement, CollapseProps>((props: CollapseProps, ref) => {\n    const {\n        expanded,\n        defaultExpanded,\n        collapsedLabel,\n        expandedLabel,\n        children,\n        className,\n        contentClassName,\n        id,\n        onExpandedChange,\n        onTransitionEnd,\n        dataTestId,\n        linkProps,\n    } = props;\n\n    // const contentRef = useRef<HTMLDivElement>(null);\n    // const contentCaseRef = useRef<HTMLDivElement>(null);\n    // const [isExpanded, setIsExpanded] = useState(expanded);\n\n    // useEffect(() => {\n    //     setIsExpanded(expanded);\n    // }, [expanded]);\n\n    // const recalculate = useCallback(() => {\n    //     let contentHeight;\n\n    //     if (!contentCaseRef.current || !contentRef.current) {\n    //         return;\n    //     }\n\n    //     if (isExpanded) {\n    //         contentHeight = contentCaseRef.current.offsetHeight;\n    //     } else {\n    //         contentHeight = 0;\n    //     }\n\n    //     contentRef.current.style.height = `${contentHeight}px`;\n    // }, [isExpanded]);\n\n    // useEffect(() => {\n    //     const handleResize = _.debounce(() => recalculate(), 300);\n\n    //     window.addEventListener('resize', handleResize);\n\n    //     return () => window.removeEventListener('resize', handleResize);\n    // }, [recalculate]);\n\n    // useEffect(() => recalculate(), [isExpanded, recalculate]);\n\n    // // const ToggledIcon = isExpanded ? ArrowUpMBlackIcon : ArrowDownMBlackIcon; // rightAddons linka\n\n    // const handleExpandedChange = useCallback(() => {\n    //     setIsExpanded(!isExpanded);\n    //     if (onExpandedChange) onExpandedChange();\n    // }, [isExpanded, onExpandedChange]);\n\n    const uncontrolled = expanded === undefined;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n    const contentCaseRef = useRef<HTMLDivElement>(null);\n    const [expandedState, setExpandedState] = useState(defaultExpanded || expanded);\n\n    const isExpanded = uncontrolled ? expandedState : expanded;\n\n    const recalculate = useCallback(() => {\n        let contentHeight;\n\n        if (!contentCaseRef.current || !contentRef.current) {\n            return;\n        }\n\n        if (isExpanded) {\n            contentHeight = contentCaseRef.current.offsetHeight;\n        } else {\n            contentHeight = 0;\n        }\n\n        contentRef.current.style.height = `${contentHeight}px`;\n    }, [isExpanded]);\n\n    const handleTransitionEnd = useCallback(() => {\n        if (onTransitionEnd) onTransitionEnd(expanded);\n    }, [expanded, onTransitionEnd]);\n\n    const handleExpandedChange = useCallback(() => {\n        if (uncontrolled) {\n            setExpandedState(!isExpanded);\n        }\n        console.log(isExpanded);\n\n        if (onExpandedChange) onExpandedChange();\n    }, [isExpanded, onExpandedChange, uncontrolled]);\n\n    useEffect(() => {\n        const handleResize = debounce(() => recalculate(), 300);\n\n        window.addEventListener('resize', handleResize);\n\n        return () => {\n            handleResize.cancel();\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [recalculate]);\n\n    useEffect(() => {\n        const observer = new ResizeObserver(recalculate);\n\n        if (contentCaseRef.current) {\n            observer.observe(contentCaseRef.current);\n        }\n\n        return () => {\n            observer.disconnect();\n        };\n    }, [recalculate]);\n\n    useEffect(() => recalculate(), [isExpanded, recalculate]);\n\n    const contentStyles: CSSProperties = useMemo(() => {\n        const contentHeight = contentRef.current?.offsetHeight;\n\n        return {\n            height: isExpanded && !contentHeight ? '0px' : `${contentHeight}px`,\n        };\n    }, [isExpanded]);\n\n    const showLabel = !!expandedLabel || !!collapsedLabel;\n\n    return (\n        <div\n            ref={ ref }\n            className={ cn(className, styles.collapse) }\n            id={ id }\n            data-test-id={ dataTestId }\n        >\n            <div\n                onTransitionEnd={ handleTransitionEnd }\n                ref={ contentRef }\n                className={ cn(styles.content, contentClassName, {\n                    [styles.expandedContent]: isExpanded,\n                }) }\n                style={ contentStyles }\n            >\n                <div className={ cn(styles.children_wrap) } ref={ contentCaseRef }>\n                    { children }\n                </div>\n            </div>\n            { showLabel && (\n                <Link\n                    view={ linkProps?.view || 'secondary' }\n                    size={ linkProps?.size || 'm' }\n                    pseudo={ true }\n                    onClick={ handleExpandedChange }\n                >\n                    { isExpanded ? expandedLabel : collapsedLabel }\n                </Link>\n            ) }\n        </div>\n    );\n});\n"],"names":["Collapse","forwardRef","props","ref","expanded","defaultExpanded","collapsedLabel","expandedLabel","children","className","contentClassName","id","onExpandedChange","onTransitionEnd","dataTestId","linkProps","uncontrolled","contentRef","useRef","contentCaseRef","expandedState","setExpandedState","useState","isExpanded","recalculate","useCallback","contentHeight","handleTransitionEnd","handleExpandedChange","useEffect","handleResize","debounce","observer","ResizeObserver","contentStyles","useMemo","_a","showLabel","jsxs","cn","styles","jsx","Link"],"mappings":"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"}

package/dist/collapse/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.index-module_collapse__ORa-f{font-family:var(--font-family)}.index-module_collapse__ORa-f *,.index-module_collapse__ORa-f:before,.index-module_collapse__ORa-f:after{box-sizing:border-box}.index-module_content__UDk-m{position:relative;overflow:hidden;visibility:hidden;height:0;transition:height .2s}.index-module_expandedContent__iQszl{visibility:visible;height:auto;margin-bottom:15px}.index-module_children_wrap__ekYCk{display:flex;flex-direction:column}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.collapse_ORa-{font-family:var(--font-family)}.collapse_ORa- *,.collapse_ORa-:before,.collapse_ORa-:after{box-sizing:border-box}.content_UDk-{position:relative;overflow:hidden;visibility:hidden;height:0;transition:height .2s}.expandedContent_iQsz{visibility:visible;height:auto;margin-bottom:15px}.children_wrap_ekYC{display:flex;flex-direction:column}

package/dist/collapse/index.module.css.js

@@ -1,15 +1,15 @@
 import './index.module.css';
-const e = "index-module_collapse__ORa-f", n = "index-module_content__UDk-m", t = "index-module_expandedContent__iQszl", o = "index-module_children_wrap__ekYCk", d = {
-  collapse: e,
-  content: n,
+const n = "collapse_ORa-", e = "content_UDk-", t = "expandedContent_iQsz", o = "children_wrap_ekYC", c = {
+  collapse: n,
+  content: e,
   expandedContent: t,
   children_wrap: o
 };
 export {
   o as children_wrap,
-  e as collapse,
-  n as content,
-  d as default,
+  n as collapse,
+  e as content,
+  c as default,
   t as expandedContent
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/copy-button/component.d.ts

@@ -1,5 +1,5 @@
 import { TextProps } from '../typography/text';
-export declare type CopyButtonProps = {
+export type CopyButtonProps = {
     text: string;
     color?: TextProps['color'];
     fullText?: string;

package/dist/copy-button/index.module.css

@@ -1 +1 @@
-.index-module_wrapper__dZRhL{display:flex;align-items:center}.index-module_link_button__VKWD-{margin-left:8px}.index-module_link_button__VKWD- svg{width:20px}
+.wrapper_dZRh{display:flex;align-items:center}.link_button_VKWD{margin-left:8px}.link_button_VKWD svg{width:20px}

package/dist/copy-button/index.module.css.js

@@ -1,10 +1,10 @@
 import './index.module.css';
-const t = "index-module_wrapper__dZRhL", n = "index-module_link_button__VKWD-", e = {
+const t = "wrapper_dZRh", n = "link_button_VKWD", o = {
   wrapper: t,
   link_button: n
 };
 export {
-  e as default,
+  o as default,
   n as link_button,
   t as wrapper
 };

package/dist/date-switcher/index.module.css

@@ -1 +1 @@
-.index-module_date_switcher__-TXru{display:flex;align-items:center;justify-content:flex-start}.index-module_date_switcher__-TXru>*:not(:last-child){margin-right:12px}.index-module_date_wrap__Tzlmm{display:flex;justify-content:center;align-items:center}.index-module_day__HX9YV{min-width:70px}.index-module_week__s9uze{min-width:140px}
+.date_switcher_-TXr{display:flex;align-items:center;justify-content:flex-start}.date_switcher_-TXr>*:not(:last-child){margin-right:12px}.date_wrap_Tzlm{display:flex;justify-content:center;align-items:center}.day_HX9Y{min-width:70px}.week_s9uz{min-width:140px}

package/dist/date-switcher/index.module.css.js

@@ -1,15 +1,15 @@
 import './index.module.css';
-const e = "index-module_date_switcher__-TXru", d = "index-module_date_wrap__Tzlmm", _ = "index-module_day__HX9YV", t = "index-module_week__s9uze", a = {
+const e = "date_switcher_-TXr", t = "date_wrap_Tzlm", a = "day_HX9Y", s = "week_s9uz", d = {
   date_switcher: e,
-  date_wrap: d,
-  day: _,
-  week: t
+  date_wrap: t,
+  day: a,
+  week: s
 };
 export {
   e as date_switcher,
-  d as date_wrap,
-  _ as day,
-  a as default,
-  t as week
+  t as date_wrap,
+  a as day,
+  d as default,
+  s as week
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/decorated-item/index.module.css

@@ -1 +1 @@
-.index-module_component__Ixhte{display:flex}.index-module_component__Ixhte>:first-child{margin-right:12px}.index-module_textWrap__bCPEX{font-size:14px;font-weight:500;padding-bottom:12px;flex:1}.index-module_title__Gh4bf{display:flex;justify-content:space-between;line-height:24px;color:var(--color-text-primary)}.index-module_title__Gh4bf span{padding-left:10px;font-weight:700;white-space:nowrap}.index-module_description__ZQqtl{line-height:20px;color:var(--color-text-accent);padding-top:7px}
+.component_Ixht{display:flex}.component_Ixht>:first-child{margin-right:12px}.textWrap_bCPE{font-size:14px;font-weight:500;padding-bottom:12px;flex:1}.title_Gh4b{display:flex;justify-content:space-between;line-height:24px;color:var(--color-text-primary)}.title_Gh4b span{padding-left:10px;font-weight:700;white-space:nowrap}.description_ZQqt{line-height:20px;color:var(--color-text-accent);padding-top:7px}

package/dist/decorated-item/index.module.css.js

@@ -1,5 +1,5 @@
 import './index.module.css';
-const t = "index-module_component__Ixhte", e = "index-module_textWrap__bCPEX", o = "index-module_title__Gh4bf", n = "index-module_description__ZQqtl", i = {
+const t = "component_Ixht", e = "textWrap_bCPE", o = "title_Gh4b", n = "description_ZQqt", c = {
   component: t,
   textWrap: e,
   title: o,
@@ -7,7 +7,7 @@ const t = "index-module_component__Ixhte", e = "index-module_textWrap__bCPEX", o
 };
 export {
   t as component,
-  i as default,
+  c as default,
   n as description,
   e as textWrap,
   o as title

package/dist/divider/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export declare type DividerProps = {
+export type DividerProps = {
     /**
      * Кастомный класс
      */

package/dist/divider/index.module.css

@@ -1 +1 @@
-:root{--divider-color: var(--color-border-secondary)}.index-module_divider__ZKiTt{background:var(--divider-color);margin:0}.index-module_s__IublT{margin:0}.index-module_horizontal__KaDB2.index-module_divider__ZKiTt{height:1px;width:100%}.index-module_horizontal__KaDB2.index-module_m__HRxzG{margin:var(--gap-s) 0}.index-module_horizontal__KaDB2.index-module_l__Qw-4h{margin:var(--gap-xl) 0}.index-module_vertical__9k6eu.index-module_divider__ZKiTt{width:1px;height:100%;display:flex;align-self:stretch}.index-module_vertical__9k6eu.index-module_m__HRxzG{margin:0 var(--gap-s)}.index-module_vertical__9k6eu.index-module_l__Qw-4h{margin:0 var(--gap-xl)}
+:root{--divider-color: var(--color-border-secondary)}.divider_ZKiT{background:var(--divider-color);margin:0}.s_Iubl{margin:0}.horizontal_KaDB.divider_ZKiT{height:1px;width:100%}.horizontal_KaDB.m_HRxz{margin:var(--gap-s) 0}.horizontal_KaDB.l_Qw-4{margin:var(--gap-xl) 0}.vertical_9k6e.divider_ZKiT{width:1px;height:100%;display:flex;align-self:stretch}.vertical_9k6e.m_HRxz{margin:0 var(--gap-s)}.vertical_9k6e.l_Qw-4{margin:0 var(--gap-xl)}

package/dist/divider/index.module.css.js

@@ -1,19 +1,19 @@
 import './index.module.css';
-const e = "index-module_divider__ZKiTt", o = "index-module_s__IublT", d = "index-module_horizontal__KaDB2", i = "index-module_m__HRxzG", l = "index-module_l__Qw-4h", _ = "index-module_vertical__9k6eu", t = {
-  divider: e,
+const t = "divider_ZKiT", o = "s_Iubl", i = "horizontal_KaDB", s = "m_HRxz", l = "l_Qw-4", c = "vertical_9k6e", e = {
+  divider: t,
   s: o,
-  horizontal: d,
-  m: i,
+  horizontal: i,
+  m: s,
   l,
-  vertical: _
+  vertical: c
 };
 export {
-  t as default,
-  e as divider,
-  d as horizontal,
+  e as default,
+  t as divider,
+  i as horizontal,
   l,
-  i as m,
+  s as m,
   o as s,
-  _ as vertical
+  c as vertical
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/dot/component.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-declare type Props = {
+type Props = {
     color?: 'green' | 'orange' | 'red' | 'blue' | 'grey' | 'teal' | 'purple';
     size: 'sm' | 'md';
 };

package/dist/dot/index.module.css

@@ -1 +1 @@
-.index-module_dot__yq5P7{border-radius:50%}.index-module_dot__yq5P7.index-module_sm__VWY0w{width:4px;height:4px}.index-module_dot__yq5P7.index-module_md__j7DRG{width:8px;height:8px}.index-module_dot__yq5P7.index-module_green__XwZ97{background:var(--color-bg-positive)}.index-module_dot__yq5P7.index-module_orange__TT74v{background:var(--color-graphic-attention)}.index-module_dot__yq5P7.index-module_red__-zhwA{background:var(--color-graphic-negative)}.index-module_dot__yq5P7.index-module_blue__ouTHj{background:var(--color-bg-accent)}.index-module_dot__yq5P7.index-module_grey__SLgp5{background:var(--color-graphic-thirdly)}.index-module_dot__yq5P7.index-module_purple__8pLyX{background:var(--color-status-purple)}.index-module_dot__yq5P7.index-module_teal__5h0IW{background:var(--color-status-teal)}
+.dot_yq5P{border-radius:50%}.dot_yq5P.sm_VWY0{width:4px;height:4px}.dot_yq5P.md_j7DR{width:8px;height:8px}.dot_yq5P.green_XwZ9{background:var(--color-bg-positive)}.dot_yq5P.orange_TT74{background:var(--color-graphic-attention)}.dot_yq5P.red_-zhw{background:var(--color-graphic-negative)}.dot_yq5P.blue_ouTH{background:var(--color-bg-accent)}.dot_yq5P.grey_SLgp{background:var(--color-graphic-thirdly)}.dot_yq5P.purple_8pLy{background:var(--color-status-purple)}.dot_yq5P.teal_5h0I{background:var(--color-status-teal)}

package/dist/dot/index.module.css.js

@@ -1,27 +1,27 @@
 import './index.module.css';
-const e = "index-module_dot__yq5P7", d = "index-module_sm__VWY0w", _ = "index-module_md__j7DRG", o = "index-module_green__XwZ97", n = "index-module_orange__TT74v", l = "index-module_red__-zhwA", t = "index-module_blue__ouTHj", u = "index-module_grey__SLgp5", s = "index-module_purple__8pLyX", m = "index-module_teal__5h0IW", r = {
+const e = "dot_yq5P", t = "sm_VWY0", o = "md_j7DR", n = "green_XwZ9", s = "orange_TT74", r = "red_-zhw", c = "blue_ouTH", l = "grey_SLgp", d = "purple_8pLy", g = "teal_5h0I", _ = {
   dot: e,
-  sm: d,
-  md: _,
-  green: o,
-  orange: n,
-  red: l,
-  blue: t,
-  grey: u,
-  purple: s,
-  teal: m
+  sm: t,
+  md: o,
+  green: n,
+  orange: s,
+  red: r,
+  blue: c,
+  grey: l,
+  purple: d,
+  teal: g
 };
 export {
-  t as blue,
-  r as default,
+  c as blue,
+  _ as default,
   e as dot,
-  o as green,
-  u as grey,
-  _ as md,
-  n as orange,
-  s as purple,
-  l as red,
-  d as sm,
-  m as teal
+  n as green,
+  l as grey,
+  o as md,
+  s as orange,
+  d as purple,
+  r as red,
+  t as sm,
+  g as teal
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/empty-page/component.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { IButtonProps } from '../button';
-export declare type EmptyPageProps = {
+export type EmptyPageProps = {
     overlay?: boolean;
     image?: string;
     code?: string;

package/dist/empty-page/index.module.css

@@ -1 +1 @@
-.index-module_wrapper__X4Vyh{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-bg-primary);gap:32px;width:100%;height:100%;padding:32px 16px;box-sizing:border-box}.index-module_content__xoB7w{max-width:400px;text-align:center}.index-module_overlay__GChru{position:fixed;inset:0;z-index:99999997}.index-module_image__qJIV8{width:250px!important;min-width:250px!important}
+.wrapper_X4Vy{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-bg-primary);gap:32px;width:100%;height:100%;padding:32px 16px;box-sizing:border-box}.content_xoB7{max-width:400px;text-align:center}.overlay_GChr{position:fixed;inset:0;z-index:99999997}.image_qJIV{width:250px!important;min-width:250px!important}

package/dist/empty-page/index.module.css.js

@@ -1,15 +1,15 @@
 import './index.module.css';
-const e = "index-module_wrapper__X4Vyh", o = "index-module_content__xoB7w", n = "index-module_overlay__GChru", t = "index-module_image__qJIV8", _ = {
+const e = "wrapper_X4Vy", t = "content_xoB7", o = "overlay_GChr", a = "image_qJIV", n = {
   wrapper: e,
-  content: o,
-  overlay: n,
-  image: t
+  content: t,
+  overlay: o,
+  image: a
 };
 export {
-  o as content,
-  _ as default,
-  t as image,
-  n as overlay,
+  t as content,
+  n as default,
+  a as image,
+  o as overlay,
   e as wrapper
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/flex/component.d.ts

@@ -9,7 +9,7 @@ declare enum Spaces {
     xl = 24,
     xxl = 32
 }
-declare type Props = {
+type Props = {
     children?: ReactNode;
     className?: string;
     gap?: keyof typeof Spaces;

package/dist/flex/index.module.css

@@ -1 +1 @@
-.index-module_component__f6FBj{display:flex;align-items:center;justify-content:space-between}.index-module_wrap__pji79{flex-wrap:wrap}.index-module_align_center__ADi9O{align-items:center}.index-module_align_start__aicBS{align-items:flex-start}.index-module_align_end__SD1--{align-items:flex-end}.index-module_align_stretch__DBMhl{align-items:stretch}.index-module_justify_center__enCYa{justify-content:center}.index-module_justify_start__TRWGZ{justify-content:flex-start}.index-module_justify_end__7DKqg{justify-content:flex-end}.index-module_justify_between__rZIJ-{justify-content:space-between}.index-module_justify_around__1Y35a{justify-content:space-around}.index-module_direction_row__D1fq1{flex-direction:row}.index-module_direction_column__X-Fxm{flex-direction:column}.index-module_gap_xxxs__TC-NP{gap:2px}.index-module_gap_xxs__8J2WP{gap:4px}.index-module_gap_xs__n5Jht{gap:8px}.index-module_gap_sm__MpYHL{gap:12px}.index-module_gap_md__hOPNY{gap:16px}.index-module_gap_l__7SmI2{gap:24px}.index-module_gap_xl__gxptO{gap:32px}.index-module_gap_xxl__0rCIC{gap:48px}.index-module_marginBottom_xxxs__mSx42{padding:2px}.index-module_marginBottom_xxs__H5Lu0{padding:4px}.index-module_marginBottom_xs__NOZn1{padding:8px}.index-module_marginBottom_sm__6su9V{padding:12px}.index-module_marginBottom_md__PxIku{padding:16px}.index-module_marginBottom_l__I1OS1{padding:24px}.index-module_marginBottom_xl__DQlDH{padding:32px}.index-module_marginBottom_xxl__-7u1J{padding:48px}
+.component_f6FB{display:flex;align-items:center;justify-content:space-between}.wrap_pji7{flex-wrap:wrap}.align_center_ADi9{align-items:center}.align_start_aicB{align-items:flex-start}.align_end_SD1-{align-items:flex-end}.align_stretch_DBMh{align-items:stretch}.justify_center_enCY{justify-content:center}.justify_start_TRWG{justify-content:flex-start}.justify_end_7DKq{justify-content:flex-end}.justify_between_rZIJ{justify-content:space-between}.justify_around_1Y35{justify-content:space-around}.direction_row_D1fq{flex-direction:row}.direction_column_X-Fx{flex-direction:column}.gap_xxxs_TC-N{gap:2px}.gap_xxs_8J2W{gap:4px}.gap_xs_n5Jh{gap:8px}.gap_sm_MpYH{gap:12px}.gap_md_hOPN{gap:16px}.gap_l_7SmI{gap:24px}.gap_xl_gxpt{gap:32px}.gap_xxl_0rCI{gap:48px}.marginBottom_xxxs_mSx4{padding:2px}.marginBottom_xxs_H5Lu{padding:4px}.marginBottom_xs_NOZn{padding:8px}.marginBottom_sm_6su9{padding:12px}.marginBottom_md_PxIk{padding:16px}.marginBottom_l_I1OS{padding:24px}.marginBottom_xl_DQlD{padding:32px}.marginBottom_xxl_-7u1{padding:48px}

package/dist/flex/index.module.css.js

@@ -1,23 +1,23 @@
 import './index.module.css';
-const _ = "index-module_component__f6FBj", t = "index-module_wrap__pji79", n = "index-module_align_center__ADi9O", o = "index-module_align_start__aicBS", e = "index-module_align_end__SD1--", m = "index-module_align_stretch__DBMhl", i = "index-module_justify_center__enCYa", x = "index-module_justify_start__TRWGZ", s = "index-module_justify_end__7DKqg", d = "index-module_justify_between__rZIJ-", a = "index-module_justify_around__1Y35a", l = "index-module_direction_row__D1fq1", g = "index-module_direction_column__X-Fxm", r = "index-module_gap_xxxs__TC-NP", u = "index-module_gap_xxs__8J2WP", c = "index-module_gap_xs__n5Jht", p = "index-module_gap_sm__MpYHL", B = "index-module_gap_md__hOPNY", f = "index-module_gap_l__7SmI2", j = "index-module_gap_xl__gxptO", y = "index-module_gap_xxl__0rCIC", w = "index-module_marginBottom_xxxs__mSx42", D = "index-module_marginBottom_xxs__H5Lu0", h = "index-module_marginBottom_xs__NOZn1", I = "index-module_marginBottom_sm__6su9V", O = "index-module_marginBottom_md__PxIku", S = "index-module_marginBottom_l__I1OS1", C = "index-module_marginBottom_xl__DQlDH", J = "index-module_marginBottom_xxl__-7u1J", P = {
-  component: _,
-  wrap: t,
+const t = "component_f6FB", _ = "wrap_pji7", n = "align_center_ADi9", o = "align_start_aicB", s = "align_end_SD1-", a = "align_stretch_DBMh", m = "justify_center_enCY", i = "justify_start_TRWG", g = "justify_end_7DKq", x = "justify_between_rZIJ", r = "justify_around_1Y35", c = "direction_row_D1fq", e = "direction_column_X-Fx", l = "gap_xxxs_TC-N", p = "gap_xxs_8J2W", B = "gap_xs_n5Jh", u = "gap_sm_MpYH", d = "gap_md_hOPN", f = "gap_l_7SmI", j = "gap_xl_gxpt", y = "gap_xxl_0rCI", w = "marginBottom_xxxs_mSx4", D = "marginBottom_xxs_H5Lu", h = "marginBottom_xs_NOZn", I = "marginBottom_sm_6su9", S = "marginBottom_md_PxIk", b = "marginBottom_l_I1OS", C = "marginBottom_xl_DQlD", J = "marginBottom_xxl_-7u1", N = {
+  component: t,
+  wrap: _,
   align_center: n,
   align_start: o,
-  align_end: e,
-  align_stretch: m,
-  justify_center: i,
-  justify_start: x,
-  justify_end: s,
-  justify_between: d,
-  justify_around: a,
-  direction_row: l,
-  direction_column: g,
-  gap_xxxs: r,
-  gap_xxs: u,
-  gap_xs: c,
-  gap_sm: p,
-  gap_md: B,
+  align_end: s,
+  align_stretch: a,
+  justify_center: m,
+  justify_start: i,
+  justify_end: g,
+  justify_between: x,
+  justify_around: r,
+  direction_row: c,
+  direction_column: e,
+  gap_xxxs: l,
+  gap_xxs: p,
+  gap_xs: B,
+  gap_sm: u,
+  gap_md: d,
   gap_l: f,
   gap_xl: j,
   gap_xxl: y,
@@ -25,41 +25,41 @@ const _ = "index-module_component__f6FBj", t = "index-module_wrap__pji79", n = "
   marginBottom_xxs: D,
   marginBottom_xs: h,
   marginBottom_sm: I,
-  marginBottom_md: O,
-  marginBottom_l: S,
+  marginBottom_md: S,
+  marginBottom_l: b,
   marginBottom_xl: C,
   marginBottom_xxl: J
 };
 export {
   n as align_center,
-  e as align_end,
+  s as align_end,
   o as align_start,
-  m as align_stretch,
-  _ as component,
-  P as default,
-  g as direction_column,
-  l as direction_row,
+  a as align_stretch,
+  t as component,
+  N as default,
+  e as direction_column,
+  c as direction_row,
   f as gap_l,
-  B as gap_md,
-  p as gap_sm,
+  d as gap_md,
+  u as gap_sm,
   j as gap_xl,
-  c as gap_xs,
+  B as gap_xs,
   y as gap_xxl,
-  u as gap_xxs,
-  r as gap_xxxs,
-  a as justify_around,
-  d as justify_between,
-  i as justify_center,
-  s as justify_end,
-  x as justify_start,
-  S as marginBottom_l,
-  O as marginBottom_md,
+  p as gap_xxs,
+  l as gap_xxxs,
+  r as justify_around,
+  x as justify_between,
+  m as justify_center,
+  g as justify_end,
+  i as justify_start,
+  b as marginBottom_l,
+  S as marginBottom_md,
   I as marginBottom_sm,
   C as marginBottom_xl,
   h as marginBottom_xs,
   J as marginBottom_xxl,
   D as marginBottom_xxs,
   w as marginBottom_xxxs,
-  t as wrap
+  _ as wrap
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/flex-columns/index.module.css

@@ -1 +1 @@
-.index-module_flexColumns__aTLJX{width:100%;display:grid}.index-module_flexColumns__aTLJX>*{min-width:100%!important}
+.flexColumns_aTLJ{width:100%;display:grid}.flexColumns_aTLJ>*{min-width:100%!important}

package/dist/flex-columns/index.module.css.js

@@ -1,9 +1,9 @@
 import './index.module.css';
-const l = "index-module_flexColumns__aTLJX", e = {
+const l = "flexColumns_aTLJ", s = {
   flexColumns: l
 };
 export {
-  e as default,
+  s as default,
   l as flexColumns
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/footer/index.module.css

@@ -1 +1 @@
-.index-module_wrapper__EnjfK{display:flex;margin:0 auto}@media(max-width:547px){.index-module_wrapper__EnjfK{flex-direction:column}}.index-module_row_wrapper__8067q{flex:1}.index-module_title__Tgf-N{font-weight:700;font-size:14px;line-height:20px;color:var(--color-text-primary-inverted)}.index-module_block__rSzcB{margin-bottom:19px;display:flex;flex-direction:column;align-items:flex-start}.index-module_block__rSzcB>.index-module_title__Tgf-N{font-size:16px;line-height:24px;margin-bottom:25px}.index-module_block__rSzcB>.index-module_link__Oe3C9{margin-bottom:21px;text-decoration:none;font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:var(--color-text-primary-inverted)}:is(.index-module_block__rSzcB>.index-module_link__Oe3C9):hover{color:var(--color-text-accent)}.index-module_text__qVH7d{font-weight:500;font-size:12px;line-height:24px;color:var(--color-text-thirdly);display:block;padding-right:8px}.index-module_email__h6jhO{font-weight:700;font-size:16px;color:var(--color-text-accent)}.index-module_buttons__dZl85{display:flex;align-items:center}.index-module_buttons__dZl85>*{margin-right:5px}.index-module_bottomBlock__fjWwD{display:flex;align-items:center;padding-top:40px}.index-module_contactBlock__kAr-f{display:flex;flex-direction:column;margin-bottom:29px}.index-module_contactBlock__kAr-f>.index-module_title__Tgf-N{margin-bottom:2px}.index-module_contactBlock__kAr-f>.index-module_phone__yts-p{font-weight:700;font-size:16px;line-height:20px;color:var(--color-text-primary-inverted);margin-bottom:1px}
+.wrapper_Enjf{display:flex;margin:0 auto}@media(max-width:547px){.wrapper_Enjf{flex-direction:column}}.row_wrapper_8067{flex:1}.title_Tgf-{font-weight:700;font-size:14px;line-height:20px;color:var(--color-text-primary-inverted)}.block_rSzc{margin-bottom:19px;display:flex;flex-direction:column;align-items:flex-start}.block_rSzc>.title_Tgf-{font-size:16px;line-height:24px;margin-bottom:25px}.block_rSzc>.link_Oe3C{margin-bottom:21px;text-decoration:none;font-style:normal;font-weight:500;font-size:14px;line-height:24px;color:var(--color-text-primary-inverted)}:is(.block_rSzc>.link_Oe3C):hover{color:var(--color-text-accent)}.text_qVH7{font-weight:500;font-size:12px;line-height:24px;color:var(--color-text-thirdly);display:block;padding-right:8px}.email_h6jh{font-weight:700;font-size:16px;color:var(--color-text-accent)}.buttons_dZl8{display:flex;align-items:center}.buttons_dZl8>*{margin-right:5px}.bottomBlock_fjWw{display:flex;align-items:center;padding-top:40px}.contactBlock_kAr-{display:flex;flex-direction:column;margin-bottom:29px}.contactBlock_kAr->.title_Tgf-{margin-bottom:2px}.contactBlock_kAr->.phone_yts-{font-weight:700;font-size:16px;line-height:20px;color:var(--color-text-primary-inverted);margin-bottom:1px}

package/dist/footer/index.module.css.js

@@ -1,29 +1,29 @@
 import './index.module.css';
-const o = "index-module_wrapper__EnjfK", t = "index-module_row_wrapper__8067q", e = "index-module_title__Tgf-N", n = "index-module_block__rSzcB", _ = "index-module_link__Oe3C9", l = "index-module_text__qVH7d", c = "index-module_email__h6jhO", d = "index-module_buttons__dZl85", i = "index-module_bottomBlock__fjWwD", s = "index-module_contactBlock__kAr-f", r = "index-module_phone__yts-p", m = {
-  wrapper: o,
-  row_wrapper: t,
-  title: e,
+const t = "wrapper_Enjf", o = "row_wrapper_8067", c = "title_Tgf-", n = "block_rSzc", e = "link_Oe3C", l = "text_qVH7", s = "email_h6jh", r = "buttons_dZl8", p = "bottomBlock_fjWw", a = "contactBlock_kAr-", _ = "phone_yts-", k = {
+  wrapper: t,
+  row_wrapper: o,
+  title: c,
   block: n,
-  link: _,
+  link: e,
   text: l,
-  email: c,
-  buttons: d,
-  bottomBlock: i,
-  contactBlock: s,
-  phone: r
+  email: s,
+  buttons: r,
+  bottomBlock: p,
+  contactBlock: a,
+  phone: _
 };
 export {
   n as block,
-  i as bottomBlock,
-  d as buttons,
-  s as contactBlock,
-  m as default,
-  c as email,
-  _ as link,
-  r as phone,
-  t as row_wrapper,
+  p as bottomBlock,
+  r as buttons,
+  a as contactBlock,
+  k as default,
+  s as email,
+  e as link,
+  _ as phone,
+  o as row_wrapper,
   l as text,
-  e as title,
-  o as wrapper
+  c as title,
+  t as wrapper
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/form/components/form-loading/index.module.css

@@ -1 +1 @@
-.index-module_header__UtYpF{padding:24px 0;display:flex;align-items:center;justify-content:space-between;margin-right:48px}.index-module_title__mrNu8{width:130px;height:32px}.index-module_addon__-bw-y{width:32px;height:32px}.index-module_input__MEN8P{height:60px;min-height:60px;width:100%;margin-bottom:16px}.index-module_content__jYVgc{padding:16px 32px}@media(max-width:823px){.index-module_content__jYVgc{padding:16px!important}}.index-module_buttons__PtGvG{padding:24px 0;display:flex;align-items:center}.index-module_button__hWCWD{height:44px;width:100px;margin-right:20px}
+.header_UtYp{padding:24px 0;display:flex;align-items:center;justify-content:space-between;margin-right:48px}.title_mrNu{width:130px;height:32px}.addon_-bw-{width:32px;height:32px}.input_MEN8{height:60px;min-height:60px;width:100%;margin-bottom:16px}.content_jYVg{padding:16px 32px}@media(max-width:823px){.content_jYVg{padding:16px!important}}.buttons_PtGv{padding:24px 0;display:flex;align-items:center}.button_hWCW{height:44px;width:100px;margin-right:20px}

package/dist/form/components/form-loading/index.module.css.js

@@ -1,21 +1,21 @@
 import './index.module.css';
-const t = "index-module_header__UtYpF", n = "index-module_title__mrNu8", e = "index-module_addon__-bw-y", o = "index-module_input__MEN8P", d = "index-module_content__jYVgc", _ = "index-module_buttons__PtGvG", u = "index-module_button__hWCWD", s = {
+const t = "header_UtYp", n = "title_mrNu", o = "addon_-bw-", e = "input_MEN8", s = "content_jYVg", c = "buttons_PtGv", u = "button_hWCW", d = {
   header: t,
   title: n,
-  addon: e,
-  input: o,
-  content: d,
-  buttons: _,
+  addon: o,
+  input: e,
+  content: s,
+  buttons: c,
   button: u
 };
 export {
-  e as addon,
+  o as addon,
   u as button,
-  _ as buttons,
-  d as content,
-  s as default,
+  c as buttons,
+  s as content,
+  d as default,
   t as header,
-  o as input,
+  e as input,
   n as title
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/form/templates/base-form/index.d.ts

@@ -1,7 +1,7 @@
 import { default as React, PropsWithChildren } from 'react';
 import { FormikErrors, FormikProps, FormikValues } from 'formik';
 import { TFunction } from '../../../modal';
-export declare type Props<T extends FormikValues> = {
+export type Props<T extends FormikValues> = {
     initialValues: T;
     validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;
     /** customValidationFields - значения полей которые необходимо валидировать */

package/dist/form/templates/filters-form/index.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { FormikProps, FormikValues } from 'formik';
 import { TFunction } from '../../../modal';
-declare type Props<T> = {
+type Props<T> = {
     initialValues: Record<string, unknown> & T;
     defaultValues: Record<string, unknown> & T;
     children: (props: FormikProps<FormikValues & T>) => React.ReactNode;
@@ -9,6 +9,6 @@ declare type Props<T> = {
     close: () => void;
     t: TFunction;
 };
-declare type FiltersFormType = <T>(props: Props<T>) => React.ReactElement;
+type FiltersFormType = <T>(props: Props<T>) => React.ReactElement;
 export declare const FiltersForm: FiltersFormType;
 export {};

package/dist/form/templates/rest-form/form.d.ts

@@ -1,5 +1,5 @@
 import { FormikProps, FormikValues } from 'formik';
 import { Props } from '.';
-declare type FormProps<T extends FormikValues> = Props<T> & FormikProps<T>;
+type FormProps<T extends FormikValues> = Props<T> & FormikProps<T>;
 export declare function Form<T extends FormikValues>({ recordId, title, subtitle, headerBottomAddons, initialValues, submitButtonText, customFooter, loading, updating, removing, customValidationFields, validate, save, remove, close, back, t, children, headerAddon, error, softError, ...formProps }: FormProps<T>): JSX.Element;
 export {};

package/dist/form/templates/rest-form/index.d.ts

@@ -1,7 +1,7 @@
 import { default as React, PropsWithChildren } from 'react';
 import { FormikErrors, FormikProps, FormikValues } from 'formik';
 import { TFunction } from '../../../modal';
-export declare type Props<T extends FormikValues> = {
+export type Props<T extends FormikValues> = {
     recordId?: number;
     title: string;
     subtitle?: string;

package/dist/form-control/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React, HTMLAttributes, ReactNode } from 'react';
-export declare type FormControlProps = HTMLAttributes<HTMLDivElement> & {
+export type FormControlProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Растягивает компонент на ширину контейнера
      */