npm - @vkontakte/vkui - Versions diffs - 8.0.2 → 8.1.1 - Mend

@vkontakte/vkui 8.0.2 → 8.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1386) hide show

package/dist/components/Tabs/TabsModeContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabsModeContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsModeContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,WAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACzD,uBAAuB,EAAE,SAAS,CAAC,yBAAyB,CAAC,CAAC;IAC9D,2BAA2B,EAAE,~~QAAQ~~,CAAC,SAAS,CAAC,6BAA6B,CAAC,CAAC,CAAC;~~CACjF~~;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAOxD,CAAC"}
1	+ {"version":3,"file":"TabsModeContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsModeContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,WAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACzD,uBAAuB,EAAE,SAAS,CAAC,yBAAyB,CAAC,CAAC;IAC9D,2BAA2B,EAAE,WAAW,CAAC,SAAS,CAAC,6BAA6B,CAAC,CAAC,CAAC;CACpF;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAOxD,CAAC"}

package/dist/components/Tabs/TabsModeContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Tabs/TabsModeContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TabsProps } from './Tabs';\n\n/* eslint-disable jsdoc/require-jsdoc /\nexport interface TabsContextProps {\n mode: TabsProps['mode'];\n withGaps: boolean;\n layoutFillMode: NonNullable<TabsProps['layoutFillMode']>;\n withScrollToSelectedTab: TabsProps['withScrollToSelectedTab'];\n scrollBehaviorToSelectedTab: ~~Required~~<TabsProps['scrollBehaviorToSelectedTab']>;\n}\n/ eslint-enable jsdoc/require-jsdoc */\n\nexport const TabsModeContext: React.Context<TabsContextProps> =\n React.createContext<TabsContextProps>({\n mode: 'default',\n withGaps: false,\n layoutFillMode: 'auto',\n withScrollToSelectedTab: false,\n scrollBehaviorToSelectedTab: 'nearest',\n });\n"],"names":["React","TabsModeContext","createContext","mode","withGaps","layoutFillMode","withScrollToSelectedTab","scrollBehaviorToSelectedTab"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAW/B,qCAAqC,GAErC,OAAO,MAAMC,kBACXD,MAAME,aAAa,CAAmB;IACpCC,MAAM;IACNC,UAAU;IACVC,gBAAgB;IAChBC,yBAAyB;IACzBC,6BAA6B;AAC/B,GAAG"}
1	+ {"version":3,"sources":["../../../src/components/Tabs/TabsModeContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TabsProps } from './Tabs';\n\n/* eslint-disable jsdoc/require-jsdoc /\nexport interface TabsContextProps {\n mode: TabsProps['mode'];\n withGaps: boolean;\n layoutFillMode: NonNullable<TabsProps['layoutFillMode']>;\n withScrollToSelectedTab: TabsProps['withScrollToSelectedTab'];\n scrollBehaviorToSelectedTab: NonNullable<TabsProps['scrollBehaviorToSelectedTab']>;\n}\n/ eslint-enable jsdoc/require-jsdoc */\n\nexport const TabsModeContext: React.Context<TabsContextProps> =\n React.createContext<TabsContextProps>({\n mode: 'default',\n withGaps: false,\n layoutFillMode: 'auto',\n withScrollToSelectedTab: false,\n scrollBehaviorToSelectedTab: 'nearest',\n });\n"],"names":["React","TabsModeContext","createContext","mode","withGaps","layoutFillMode","withScrollToSelectedTab","scrollBehaviorToSelectedTab"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAW/B,qCAAqC,GAErC,OAAO,MAAMC,kBACXD,MAAME,aAAa,CAAmB;IACpCC,MAAM;IACNC,UAAU;IACVC,gBAAgB;IAChBC,yBAAyB;IACzBC,6BAA6B;AAC/B,GAAG"}

package/dist/components/TabsItem/TabsItem.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ export interface TabsItemProps extends HTMLAttributesWithRootRef<HTMLElement>, A
      * - Для `mode="default"` используйте иконки размером 24.
      * - Для всех остальных `mode` используйте иконки размером 20.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Добавляет элемент слева от `after`.
      *
@@ -16,21 +16,21 @@ export interface TabsItemProps extends HTMLAttributesWithRootRef<HTMLElement>, A
      *   Либо [`Counter`](https://vkui.io/components/counter) с параметрами `mode="prominent" size="s"`.
      * - `number` – для показа текстового блока с переданным числом.
      */
-    status?: React.ReactElement | number;
+    status?: React.ReactElement | number | undefined;
     /**
      * Добавляет иконку справа.
      *
      * Например, `<Icon16Dropdown />`.
      */
-    after?: React.ReactNode;
+    after?: React.ReactNode | undefined;
     /**
      * Флаг для отображения выбранного состояния.
      */
-    selected?: boolean;
+    selected?: boolean | undefined;
     /**
      * Блокировка взаимодействия с компонентом.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/tabs#tabs-item

package/dist/components/TabsItem/TabsItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../src/components/TabsItem/TabsItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAGvF,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAsBxE,MAAM,WAAW,aACf,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAC5C,wBAAwB,EACxB,IAAI,CACF,iBAAiB,EACf,WAAW,GACX,YAAY,GACZ,WAAW,GACX,SAAS,GACT,WAAW,GACX,WAAW,GACX,UAAU,GACV,kBAAkB,CACrB;IACH;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IACzB~~;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;~~IACrC~~;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IACxB~~;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;~~IACnB~~;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;~~CACpB~~;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,sLAgBtB,aAAa,KAAG,KAAK,CAAC,SA4IxB,CAAC"}
1	+ {"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../src/components/TabsItem/TabsItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAGvF,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAsBxE,MAAM,WAAW,aACf,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAC5C,wBAAwB,EACxB,IAAI,CACF,iBAAiB,EACf,WAAW,GACX,YAAY,GACZ,WAAW,GACX,SAAS,GACT,WAAW,GACX,WAAW,GACX,UAAU,GACV,kBAAkB,CACrB;IACH;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,sLAgBtB,aAAa,KAAG,KAAK,CAAC,SA4IxB,CAAC"}

package/dist/components/TabsItem/TabsItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/TabsItem/TabsItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { AnchorHTMLAttributesOnly, HTMLAttributesWithRootRef } from '../../types';\nimport { TabsControllerContext } from '../Tabs/TabsControllerContext';\nimport { TabsModeContext } from '../Tabs/TabsModeContext';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './TabsItem.module.css';\n\nconst densityClassNames = {\n none: styles.densityNone,\n compact: styles.densityCompact,\n};\n\nconst stylesMode = {\n default: styles.modeDefault,\n accent: styles.modeAccent,\n secondary: styles.modeSecondary,\n};\n\nconst fillModeClassNames = {\n stretched: styles.stretched,\n shrinked: styles.shrinked,\n};\n\nexport interface TabsItemProps\n extends HTMLAttributesWithRootRef<HTMLElement>,\n AnchorHTMLAttributesOnly,\n Pick<\n TappableOmitProps,\n \| 'Component'\n \| 'activeMode'\n \| 'hoverMode'\n \| 'hovered'\n \| 'activated'\n \| 'hasActive'\n \| 'hasHover'\n \| 'focusVisibleMode'\n > {\n /*\n Добавляет иконку слева.\n \n - Для `mode=\"default\"` используйте иконки размером 24.\n * - Для всех остальных `mode` используйте иконки размером 20.\n /\n before?: React.ReactNode;\n /\n Добавляет элемент слева от `after`.\n \n - `React.ReactElement` – либо [`Badge`](https://vkui.io/components/badge) с параметром `mode=\"prominent\"`.\n * Либо [`Counter`](https://vkui.io/components/counter) с параметрами `mode=\"prominent\" size=\"s\"`.\n * - `number` – для показа текстового блока с переданным числом.\n /\n status?: React.ReactElement \| number;\n /\n Добавляет иконку справа.\n \n Например, `<Icon16Dropdown />`.\n /\n after?: React.ReactNode;\n /\n Флаг для отображения выбранного состояния.\n /\n selected?: boolean;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean;\n}\n\nconst warn = warnOnce('TabsItem');\n\n/\n @see https://vkui.io/components/tabs#tabs-item\n /\nexport const TabsItem = ({\n before,\n children,\n status,\n after,\n selected: selectedProp = false,\n role = 'tab',\n tabIndex: tabIndexProp,\n getRootRef,\n hoverMode = styles.hover,\n activeMode = '',\n hasActive = false,\n focusVisibleMode = 'inside',\n id,\n onClick,\n ...restProps\n}: TabsItemProps): React.ReactNode => {\n const { density = 'none' } = useAdaptivity();\n const { mode, withGaps, layoutFillMode, scrollBehaviorToSelectedTab, withScrollToSelectedTab } =\n React.useContext(TabsModeContext);\n const controller = React.useContext(TabsControllerContext);\n let statusComponent = null;\n\n const isTabFlow = role === 'tab';\n\n const selected = selectedProp \|\| (!!id && controller?.selectedTab === id);\n\n if (hasReactNode(status)) {\n statusComponent =\n typeof status === 'number' ? (\n <Subhead\n Component=\"span\"\n className={classNames(styles.status, styles.statusCount)}\n weight=\"2\"\n >\n <VisuallyHidden> </VisuallyHidden>\n {status}\n </Subhead>\n ) : (\n <span className={styles.status}>\n <VisuallyHidden> </VisuallyHidden>\n {status}\n </span>\n );\n }\n\n if (process.env.NODE_ENV === 'development' && isTabFlow) {\n if (!restProps['aria-controls']) {\n warn(`Передайте в \"aria-controls\" id контролируемого блока`, 'warn');\n } else if (!id) {\n warn(\n `Передайте \"id\" компоненту для использования в \"aria-labelledby\" контролируемого блока`,\n 'warn',\n );\n }\n }\n\n let tabIndex = tabIndexProp;\n if (isTabFlow && tabIndex === undefined) {\n tabIndex = selected ? 0 : -1;\n }\n\n const rootRef = useExternRef(getRootRef);\n\n const prevSelectedRef = React.useRef<boolean \| undefined>(undefined);\n\n const { document } = useDOM();\n React.useEffect(\n function scrollToSelectedItem() {\n const isInitialRender = prevSelectedRef.current === undefined;\n const shouldScrollToSelected =\n withScrollToSelectedTab &&\n !isInitialRender &&\n prevSelectedRef.current !== selected &&\n selected;\n\n prevSelectedRef.current = selected;\n\n if (!shouldScrollToSelected \|\| !rootRef.current \|\| !document) {\n return;\n }\n\n const tabDOMRect = rootRef.current.getBoundingClientRect();\n const isTabVerticallyOutsideOfViewport =\n tabDOMRect.top < 0 \|\| tabDOMRect.bottom > document.documentElement.clientHeight;\n\n / проверяем, возможен ли вертикальный скролл, а он возможен для scrollIntoView если\n * элемент вертикально вне зоны видимости /\n if (isTabVerticallyOutsideOfViewport) {\n return;\n }\n\n / Не все браузеры поддерживают используемые нами опции. /\n try {\n rootRef.current.scrollIntoView({\n inline: scrollBehaviorToSelectedTab,\n block: 'nearest',\n behavior: 'smooth',\n });\n } catch {\n / Вызывать scrollIntoView с булевым аргументом не следует, потому что это повлечёт\n * вертикальный скролл.\n **/\n }\n },\n [rootRef, document, scrollBehaviorToSelectedTab, withScrollToSelectedTab, selected],\n );\n\n const _onClick: React.MouseEventHandler<HTMLElement> = React.useCallback(\n (e) => {\n onClick?.(e);\n if (id) {\n controller?.onChange(id);\n }\n },\n [id, onClick, controller],\n );\n\n return (\n <Tappable\n getRootRef={rootRef}\n hoverMode={hoverMode}\n activeMode={activeMode}\n hasActive={hasActive}\n focusVisibleMode={focusVisibleMode}\n role={role}\n aria-selected={selected}\n tabIndex={tabIndex}\n baseClassName={classNames(\n styles.host,\n mode && stylesMode[mode],\n selected && styles.selected,\n density !== 'regular' && densityClassNames[density],\n withGaps && styles.withGaps,\n layoutFillMode !== 'auto' && fillModeClassNames[layoutFillMode],\n )}\n onClick={controller ? _onClick : onClick}\n id={id}\n {...restProps}\n >\n {before && <div className={styles.before}>{before}</div>}\n <Headline\n Component=\"span\"\n className={styles.label}\n level={mode === 'default' ? '1' : '2'}\n weight=\"2\"\n >\n {children}\n </Headline>\n {statusComponent}\n {after && <div className={styles.after}>{after}</div>}\n {mode === 'default' && (\n <div className={styles.underline} aria-hidden data-selected={selected} />\n )}\n </Tappable>\n );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","useExternRef","useDOM","warnOnce","TabsControllerContext","TabsModeContext","Tappable","Headline","Subhead","VisuallyHidden","densityClassNames","none","compact","stylesMode","default","accent","secondary","fillModeClassNames","stretched","shrinked","warn","TabsItem","before","children","status","after","selected","selectedProp","role","tabIndex","tabIndexProp","getRootRef","hoverMode","activeMode","hasActive","focusVisibleMode","id","onClick","restProps","density","mode","withGaps","layoutFillMode","scrollBehaviorToSelectedTab","withScrollToSelectedTab","useContext","controller","statusComponent","isTabFlow","selectedTab","Component","className","weight","span","process","env","NODE_ENV","undefined","rootRef","prevSelectedRef","useRef","document","useEffect","scrollToSelectedItem","isInitialRender","current","shouldScrollToSelected","tabDOMRect","getBoundingClientRect","isTabVerticallyOutsideOfViewport","top","bottom","documentElement","clientHeight","scrollIntoView","inline","block","behavior","_onClick","useCallback","e","onChange","aria-selected","baseClassName","div","level","aria-hidden","data-selected"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/TabsItem/TabsItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { AnchorHTMLAttributesOnly, HTMLAttributesWithRootRef } from '../../types';\nimport { TabsControllerContext } from '../Tabs/TabsControllerContext';\nimport { TabsModeContext } from '../Tabs/TabsModeContext';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './TabsItem.module.css';\n\nconst densityClassNames = {\n none: styles.densityNone,\n compact: styles.densityCompact,\n};\n\nconst stylesMode = {\n default: styles.modeDefault,\n accent: styles.modeAccent,\n secondary: styles.modeSecondary,\n};\n\nconst fillModeClassNames = {\n stretched: styles.stretched,\n shrinked: styles.shrinked,\n};\n\nexport interface TabsItemProps\n extends HTMLAttributesWithRootRef<HTMLElement>,\n AnchorHTMLAttributesOnly,\n Pick<\n TappableOmitProps,\n \| 'Component'\n \| 'activeMode'\n \| 'hoverMode'\n \| 'hovered'\n \| 'activated'\n \| 'hasActive'\n \| 'hasHover'\n \| 'focusVisibleMode'\n > {\n /*\n Добавляет иконку слева.\n \n - Для `mode=\"default\"` используйте иконки размером 24.\n * - Для всех остальных `mode` используйте иконки размером 20.\n /\n before?: React.ReactNode \| undefined;\n /\n Добавляет элемент слева от `after`.\n \n - `React.ReactElement` – либо [`Badge`](https://vkui.io/components/badge) с параметром `mode=\"prominent\"`.\n * Либо [`Counter`](https://vkui.io/components/counter) с параметрами `mode=\"prominent\" size=\"s\"`.\n * - `number` – для показа текстового блока с переданным числом.\n /\n status?: React.ReactElement \| number \| undefined;\n /\n Добавляет иконку справа.\n \n Например, `<Icon16Dropdown />`.\n /\n after?: React.ReactNode \| undefined;\n /\n Флаг для отображения выбранного состояния.\n /\n selected?: boolean \| undefined;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean \| undefined;\n}\n\nconst warn = warnOnce('TabsItem');\n\n/\n @see https://vkui.io/components/tabs#tabs-item\n /\nexport const TabsItem = ({\n before,\n children,\n status,\n after,\n selected: selectedProp = false,\n role = 'tab',\n tabIndex: tabIndexProp,\n getRootRef,\n hoverMode = styles.hover,\n activeMode = '',\n hasActive = false,\n focusVisibleMode = 'inside',\n id,\n onClick,\n ...restProps\n}: TabsItemProps): React.ReactNode => {\n const { density = 'none' } = useAdaptivity();\n const { mode, withGaps, layoutFillMode, scrollBehaviorToSelectedTab, withScrollToSelectedTab } =\n React.useContext(TabsModeContext);\n const controller = React.useContext(TabsControllerContext);\n let statusComponent = null;\n\n const isTabFlow = role === 'tab';\n\n const selected = selectedProp \|\| (!!id && controller?.selectedTab === id);\n\n if (hasReactNode(status)) {\n statusComponent =\n typeof status === 'number' ? (\n <Subhead\n Component=\"span\"\n className={classNames(styles.status, styles.statusCount)}\n weight=\"2\"\n >\n <VisuallyHidden> </VisuallyHidden>\n {status}\n </Subhead>\n ) : (\n <span className={styles.status}>\n <VisuallyHidden> </VisuallyHidden>\n {status}\n </span>\n );\n }\n\n if (process.env.NODE_ENV === 'development' && isTabFlow) {\n if (!restProps['aria-controls']) {\n warn(`Передайте в \"aria-controls\" id контролируемого блока`, 'warn');\n } else if (!id) {\n warn(\n `Передайте \"id\" компоненту для использования в \"aria-labelledby\" контролируемого блока`,\n 'warn',\n );\n }\n }\n\n let tabIndex = tabIndexProp;\n if (isTabFlow && tabIndex === undefined) {\n tabIndex = selected ? 0 : -1;\n }\n\n const rootRef = useExternRef(getRootRef);\n\n const prevSelectedRef = React.useRef<boolean \| undefined>(undefined);\n\n const { document } = useDOM();\n React.useEffect(\n function scrollToSelectedItem() {\n const isInitialRender = prevSelectedRef.current === undefined;\n const shouldScrollToSelected =\n withScrollToSelectedTab &&\n !isInitialRender &&\n prevSelectedRef.current !== selected &&\n selected;\n\n prevSelectedRef.current = selected;\n\n if (!shouldScrollToSelected \|\| !rootRef.current \|\| !document) {\n return;\n }\n\n const tabDOMRect = rootRef.current.getBoundingClientRect();\n const isTabVerticallyOutsideOfViewport =\n tabDOMRect.top < 0 \|\| tabDOMRect.bottom > document.documentElement.clientHeight;\n\n / проверяем, возможен ли вертикальный скролл, а он возможен для scrollIntoView если\n * элемент вертикально вне зоны видимости /\n if (isTabVerticallyOutsideOfViewport) {\n return;\n }\n\n / Не все браузеры поддерживают используемые нами опции. /\n try {\n rootRef.current.scrollIntoView({\n inline: scrollBehaviorToSelectedTab,\n block: 'nearest',\n behavior: 'smooth',\n });\n } catch {\n / Вызывать scrollIntoView с булевым аргументом не следует, потому что это повлечёт\n * вертикальный скролл.\n **/\n }\n },\n [rootRef, document, scrollBehaviorToSelectedTab, withScrollToSelectedTab, selected],\n );\n\n const _onClick: React.MouseEventHandler<HTMLElement> = React.useCallback(\n (e) => {\n onClick?.(e);\n if (id) {\n controller?.onChange(id);\n }\n },\n [id, onClick, controller],\n );\n\n return (\n <Tappable\n getRootRef={rootRef}\n hoverMode={hoverMode}\n activeMode={activeMode}\n hasActive={hasActive}\n focusVisibleMode={focusVisibleMode}\n role={role}\n aria-selected={selected}\n tabIndex={tabIndex}\n baseClassName={classNames(\n styles.host,\n mode && stylesMode[mode],\n selected && styles.selected,\n density !== 'regular' && densityClassNames[density],\n withGaps && styles.withGaps,\n layoutFillMode !== 'auto' && fillModeClassNames[layoutFillMode],\n )}\n onClick={controller ? _onClick : onClick}\n id={id}\n {...restProps}\n >\n {before && <div className={styles.before}>{before}</div>}\n <Headline\n Component=\"span\"\n className={styles.label}\n level={mode === 'default' ? '1' : '2'}\n weight=\"2\"\n >\n {children}\n </Headline>\n {statusComponent}\n {after && <div className={styles.after}>{after}</div>}\n {mode === 'default' && (\n <div className={styles.underline} aria-hidden data-selected={selected} />\n )}\n </Tappable>\n );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","useExternRef","useDOM","warnOnce","TabsControllerContext","TabsModeContext","Tappable","Headline","Subhead","VisuallyHidden","densityClassNames","none","compact","stylesMode","default","accent","secondary","fillModeClassNames","stretched","shrinked","warn","TabsItem","before","children","status","after","selected","selectedProp","role","tabIndex","tabIndexProp","getRootRef","hoverMode","activeMode","hasActive","focusVisibleMode","id","onClick","restProps","density","mode","withGaps","layoutFillMode","scrollBehaviorToSelectedTab","withScrollToSelectedTab","useContext","controller","statusComponent","isTabFlow","selectedTab","Component","className","weight","span","process","env","NODE_ENV","undefined","rootRef","prevSelectedRef","useRef","document","useEffect","scrollToSelectedItem","isInitialRender","current","shouldScrollToSelected","tabDOMRect","getBoundingClientRect","isTabVerticallyOutsideOfViewport","top","bottom","documentElement","clientHeight","scrollIntoView","inline","block","behavior","_onClick","useCallback","e","onChange","aria-selected","baseClassName","div","level","aria-hidden","data-selected"],"mappings":"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"}

package/dist/components/Tappable/Tappable.d.ts CHANGED Viewed

@@ -5,19 +5,19 @@ export interface TappableProps extends ClickableProps, StateProps {
      * Задает border-radius элементу
      * В режиме `auto` на маленьких экранах `border-radius: 0`, иначе определяется токеном `--vkui--size_border_radius--regular`.
      */
-    borderRadiusMode?: 'auto' | 'inherit';
+    borderRadiusMode?: 'auto' | 'inherit' | undefined;
     /**
      * @deprecated Since 7.3.0. Будет удалeно в **VKUI v9**.
      *
      * Используйте свойство `activeMode`.
      */
-    activeClassName?: string;
+    activeClassName?: string | undefined;
     /**
      * @deprecated Since 7.3.0. Будет удалeно в **VKUI v9**.
      *
      * Используйте свойство `hoverMode`.
      */
-    hoverClassName?: string;
+    hoverClassName?: string | undefined;
 }
 /**
  * @deprecated Не наследуйтесь от этого типа и от TappableProps.

package/dist/components/Tappable/Tappable.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tappable.d.ts","sourceRoot":"","sources":["../../../src/components/Tappable/Tappable.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExF,OAAO,EAA+C,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AA+BvF,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,UAAU;IAC/D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;~~IACtC~~;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;~~IACzB~~;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;~~CACzB~~;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,aAAa,EACb,kBAAkB,GAAG,eAAe,GAAG,WAAW,CACnD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,oHAStB,aAAa,KAAG,KAAK,CAAC,SAqCxB,CAAC"}
1	+ {"version":3,"file":"Tappable.d.ts","sourceRoot":"","sources":["../../../src/components/Tappable/Tappable.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExF,OAAO,EAA+C,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AA+BvF,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,UAAU;IAC/D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAClD;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,aAAa,EACb,kBAAkB,GAAG,eAAe,GAAG,WAAW,CACnD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,oHAStB,aAAa,KAAG,KAAK,CAAC,SAqCxB,CAAC"}

package/dist/components/Tappable/Tappable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Tappable/Tappable.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport { mergeCalls } from '../../lib/mergeCalls';\nimport { checkClickable, Clickable, type ClickableProps } from '../Clickable/Clickable';\nimport { Ripple, useMaybeNeedRipple, useRipple } from './Ripple';\nimport { activeClass, DEFAULT_STATE_MODE, hoverClass, type StateProps } from './state';\nimport styles from './Tappable.module.css';\n\nfunction getViewWidthClassName(\n viewWidth: ViewWidthType \| 'none',\n legacySizeX: SizeTypeValues \| undefined,\n) {\n // TODO [>=10]: #9015 Удалить это условие\n if (legacySizeX !== undefined && legacySizeX === 'compact') {\n return styles.withBorder;\n }\n if (viewWidth === 'none') {\n return styles.withBorderOnSmallTabletMinus;\n }\n if (viewWidth < ViewWidth.SMALL_TABLET) {\n return styles.withBorder;\n }\n return;\n}\n\nfunction hasPointerClassName(hasPointer: boolean \| undefined) {\n switch (hasPointer) {\n case undefined:\n return styles.hasPointerNone;\n case false:\n return styles.hasPointerFalse;\n }\n\n return undefined;\n}\n\nexport interface TappableProps extends ClickableProps, StateProps {\n /*\n Задает border-radius элементу\n * В режиме `auto` на маленьких экранах `border-radius: 0`, иначе определяется токеном `--vkui--size_border_radius--regular`.\n /\n borderRadiusMode?: 'auto' \| 'inherit';\n /\n @deprecated Since 7.3.0. Будет удалeно в VKUI v9.\n \n Используйте свойство `activeMode`.\n /\n activeClassName?: string; // TODO [>=9]: удалить неиспользуемое свойство.\n /\n @deprecated Since 7.3.0. Будет удалeно в VKUI v9.\n \n Используйте свойство `hoverMode`.\n /\n hoverClassName?: string; // TODO [>=9]: удалить неиспользуемое свойство.\n}\n\n/\n @deprecated Не наследуйтесь от этого типа и от TappableProps.\n \n Компонентам не нужны лишние свойства Tappable компонента.\n */\nexport type TappableOmitProps = Omit<\n TappableProps,\n 'DefaultComponent' \| 'baseClassName' \| 'baseStyle'\n>;\n\nexport const Tappable = ({\n baseClassName,\n borderRadiusMode = 'auto',\n children,\n hoverMode = DEFAULT_STATE_MODE,\n activeMode = DEFAULT_STATE_MODE,\n onPointerDown,\n onPointerCancel,\n ...restProps\n}: TappableProps): React.ReactNode => {\n const isClickable = checkClickable(restProps);\n\n const { sizeX: legacySizeX, viewWidth = 'none', hasPointer } = useAdaptivity();\n\n const needRipple = useMaybeNeedRipple(activeMode, hasPointer);\n const { clicks, ...rippleEvents } = useRipple(needRipple, hasPointer);\n\n const handlers = mergeCalls(rippleEvents, {\n onPointerDown,\n onPointerCancel,\n });\n\n const typeProps = restProps.Component === 'button' ? { type: 'button' } : {};\n\n return (\n <Clickable\n baseClassName={classNames(\n 'vkuiInternalTappable',\n baseClassName,\n styles.host,\n getViewWidthClassName(viewWidth, legacySizeX),\n borderRadiusMode === 'inherit' && styles.borderRadiusInherit,\n hasPointerClassName(hasPointer),\n )}\n hoverClassName={hoverClass(hoverMode)}\n activeClassName={activeClass(activeMode)}\n {...typeProps}\n {...handlers}\n {...restProps}\n >\n {children}\n {isClickable && (hoverMode === 'background' \|\| activeMode === 'background') && (\n <Ripple needRipple={needRipple} clicks={clicks} />\n )}\n </Clickable>\n );\n};\n"],"names":["classNames","useAdaptivity","ViewWidth","mergeCalls","checkClickable","Clickable","Ripple","useMaybeNeedRipple","useRipple","activeClass","DEFAULT_STATE_MODE","hoverClass","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","hasPointerClassName","hasPointer","Tappable","baseClassName","borderRadiusMode","children","hoverMode","activeMode","onPointerDown","onPointerCancel","restProps","isClickable","sizeX","needRipple","clicks","rippleEvents","handlers","typeProps","Component","type","hoverClassName","activeClassName"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAA8BC,SAAS,QAA4B,gCAAuB;AAC1F,SAASC,UAAU,QAAQ,0BAAuB;AAClD,SAASC,cAAc,EAAEC,SAAS,QAA6B,4BAAyB;AACxF,SAASC,MAAM,EAAEC,kBAAkB,EAAEC,SAAS,QAAQ,cAAW;AACjE,SAASC,WAAW,EAAEC,kBAAkB,EAAEC,UAAU,QAAyB,aAAU;AAGvF,SAASC,sBACPC,SAAiC,EACjCC,WAAuC;IAEvC,yCAAyC;IACzC,IAAIA,gBAAgBC,aAAaD,gBAAgB,WAAW;QAC1D;IACF;IACA,IAAID,cAAc,QAAQ;QACxB;IACF;IACA,IAAIA,YAAYX,UAAUc,YAAY,EAAE;QACtC;IACF;IACA;AACF;AAEA,SAASC,oBAAoBC,UAA+B;IAC1D,OAAQA;QACN,KAAKH;YACH;QACF,KAAK;YACH;IACJ;IAEA,OAAOA;AACT;AAgCA,OAAO,MAAMI,WAAW,CAAC,EACvBC,aAAa,EACbC,mBAAmB,MAAM,EACzBC,QAAQ,EACRC,YAAYb,kBAAkB,EAC9Bc,aAAad,kBAAkB,EAC/Be,aAAa,EACbC,eAAe,EACf,GAAGC,WACW;IACd,MAAMC,cAAcxB,eAAeuB;IAEnC,MAAM,EAAEE,OAAOf,WAAW,EAAED,YAAY,MAAM,EAAEK,UAAU,EAAE,GAAGjB;IAE/D,MAAM6B,aAAavB,mBAAmBiB,YAAYN;IAClD,MAAM,EAAEa,MAAM,EAAE,GAAGC,cAAc,GAAGxB,UAAUsB,YAAYZ;IAE1D,MAAMe,WAAW9B,WAAW6B,cAAc;QACxCP;QACAC;IACF;IAEA,MAAMQ,YAAYP,UAAUQ,SAAS,KAAK,WAAW;QAAEC,MAAM;IAAS,IAAI,CAAC;IAE3E,qBACE,MAAC/B;QACCe,eAAepB,WACb,wBACAoB,qCAEAR,sBAAsBC,WAAWC,cACjCO,qBAAqB,kDACrBJ,oBAAoBC;QAEtBmB,gBAAgB1B,WAAWY;QAC3Be,iBAAiB7B,YAAYe;QAC5B,GAAGU,SAAS;QACZ,GAAGD,QAAQ;QACX,GAAGN,SAAS;;YAEZL;YACAM,eAAgBL,CAAAA,cAAc,gBAAgBC,eAAe,YAAW,mBACvE,KAAClB;gBAAOwB,YAAYA;gBAAYC,QAAQA;;;;AAIhD,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/Tappable/Tappable.tsx"],"sourcesContent":["'use client';\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport { mergeCalls } from '../../lib/mergeCalls';\nimport { checkClickable, Clickable, type ClickableProps } from '../Clickable/Clickable';\nimport { Ripple, useMaybeNeedRipple, useRipple } from './Ripple';\nimport { activeClass, DEFAULT_STATE_MODE, hoverClass, type StateProps } from './state';\nimport styles from './Tappable.module.css';\n\nfunction getViewWidthClassName(\n viewWidth: ViewWidthType \| 'none',\n legacySizeX: SizeTypeValues \| undefined,\n) {\n // TODO [>=10]: #9015 Удалить это условие\n if (legacySizeX !== undefined && legacySizeX === 'compact') {\n return styles.withBorder;\n }\n if (viewWidth === 'none') {\n return styles.withBorderOnSmallTabletMinus;\n }\n if (viewWidth < ViewWidth.SMALL_TABLET) {\n return styles.withBorder;\n }\n return;\n}\n\nfunction hasPointerClassName(hasPointer: boolean \| undefined) {\n switch (hasPointer) {\n case undefined:\n return styles.hasPointerNone;\n case false:\n return styles.hasPointerFalse;\n }\n\n return undefined;\n}\n\nexport interface TappableProps extends ClickableProps, StateProps {\n /*\n Задает border-radius элементу\n * В режиме `auto` на маленьких экранах `border-radius: 0`, иначе определяется токеном `--vkui--size_border_radius--regular`.\n /\n borderRadiusMode?: 'auto' \| 'inherit' \| undefined;\n /\n @deprecated Since 7.3.0. Будет удалeно в VKUI v9.\n \n Используйте свойство `activeMode`.\n /\n activeClassName?: string \| undefined; // TODO [>=9]: удалить неиспользуемое свойство.\n /\n @deprecated Since 7.3.0. Будет удалeно в VKUI v9.\n \n Используйте свойство `hoverMode`.\n /\n hoverClassName?: string \| undefined; // TODO [>=9]: удалить неиспользуемое свойство.\n}\n\n/\n @deprecated Не наследуйтесь от этого типа и от TappableProps.\n \n Компонентам не нужны лишние свойства Tappable компонента.\n */\nexport type TappableOmitProps = Omit<\n TappableProps,\n 'DefaultComponent' \| 'baseClassName' \| 'baseStyle'\n>;\n\nexport const Tappable = ({\n baseClassName,\n borderRadiusMode = 'auto',\n children,\n hoverMode = DEFAULT_STATE_MODE,\n activeMode = DEFAULT_STATE_MODE,\n onPointerDown,\n onPointerCancel,\n ...restProps\n}: TappableProps): React.ReactNode => {\n const isClickable = checkClickable(restProps);\n\n const { sizeX: legacySizeX, viewWidth = 'none', hasPointer } = useAdaptivity();\n\n const needRipple = useMaybeNeedRipple(activeMode, hasPointer);\n const { clicks, ...rippleEvents } = useRipple(needRipple, hasPointer);\n\n const handlers = mergeCalls(rippleEvents, {\n onPointerDown,\n onPointerCancel,\n });\n\n const typeProps = restProps.Component === 'button' ? { type: 'button' } : {};\n\n return (\n <Clickable\n baseClassName={classNames(\n 'vkuiInternalTappable',\n baseClassName,\n styles.host,\n getViewWidthClassName(viewWidth, legacySizeX),\n borderRadiusMode === 'inherit' && styles.borderRadiusInherit,\n hasPointerClassName(hasPointer),\n )}\n hoverClassName={hoverClass(hoverMode)}\n activeClassName={activeClass(activeMode)}\n {...typeProps}\n {...handlers}\n {...restProps}\n >\n {children}\n {isClickable && (hoverMode === 'background' \|\| activeMode === 'background') && (\n <Ripple needRipple={needRipple} clicks={clicks} />\n )}\n </Clickable>\n );\n};\n"],"names":["classNames","useAdaptivity","ViewWidth","mergeCalls","checkClickable","Clickable","Ripple","useMaybeNeedRipple","useRipple","activeClass","DEFAULT_STATE_MODE","hoverClass","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","hasPointerClassName","hasPointer","Tappable","baseClassName","borderRadiusMode","children","hoverMode","activeMode","onPointerDown","onPointerCancel","restProps","isClickable","sizeX","needRipple","clicks","rippleEvents","handlers","typeProps","Component","type","hoverClassName","activeClassName"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAA8BC,SAAS,QAA4B,gCAAuB;AAC1F,SAASC,UAAU,QAAQ,0BAAuB;AAClD,SAASC,cAAc,EAAEC,SAAS,QAA6B,4BAAyB;AACxF,SAASC,MAAM,EAAEC,kBAAkB,EAAEC,SAAS,QAAQ,cAAW;AACjE,SAASC,WAAW,EAAEC,kBAAkB,EAAEC,UAAU,QAAyB,aAAU;AAGvF,SAASC,sBACPC,SAAiC,EACjCC,WAAuC;IAEvC,yCAAyC;IACzC,IAAIA,gBAAgBC,aAAaD,gBAAgB,WAAW;QAC1D;IACF;IACA,IAAID,cAAc,QAAQ;QACxB;IACF;IACA,IAAIA,YAAYX,UAAUc,YAAY,EAAE;QACtC;IACF;IACA;AACF;AAEA,SAASC,oBAAoBC,UAA+B;IAC1D,OAAQA;QACN,KAAKH;YACH;QACF,KAAK;YACH;IACJ;IAEA,OAAOA;AACT;AAgCA,OAAO,MAAMI,WAAW,CAAC,EACvBC,aAAa,EACbC,mBAAmB,MAAM,EACzBC,QAAQ,EACRC,YAAYb,kBAAkB,EAC9Bc,aAAad,kBAAkB,EAC/Be,aAAa,EACbC,eAAe,EACf,GAAGC,WACW;IACd,MAAMC,cAAcxB,eAAeuB;IAEnC,MAAM,EAAEE,OAAOf,WAAW,EAAED,YAAY,MAAM,EAAEK,UAAU,EAAE,GAAGjB;IAE/D,MAAM6B,aAAavB,mBAAmBiB,YAAYN;IAClD,MAAM,EAAEa,MAAM,EAAE,GAAGC,cAAc,GAAGxB,UAAUsB,YAAYZ;IAE1D,MAAMe,WAAW9B,WAAW6B,cAAc;QACxCP;QACAC;IACF;IAEA,MAAMQ,YAAYP,UAAUQ,SAAS,KAAK,WAAW;QAAEC,MAAM;IAAS,IAAI,CAAC;IAE3E,qBACE,MAAC/B;QACCe,eAAepB,WACb,wBACAoB,qCAEAR,sBAAsBC,WAAWC,cACjCO,qBAAqB,kDACrBJ,oBAAoBC;QAEtBmB,gBAAgB1B,WAAWY;QAC3Be,iBAAiB7B,YAAYe;QAC5B,GAAGU,SAAS;QACZ,GAAGD,QAAQ;QACX,GAAGN,SAAS;;YAEZL;YACAM,eAAgBL,CAAAA,cAAc,gBAAgBC,eAAe,YAAW,mBACvE,KAAClB;gBAAOwB,YAAYA;gBAAYC,QAAQA;;;;AAIhD,EAAE"}

package/dist/components/Tappable/state.d.ts CHANGED Viewed

@@ -5,11 +5,11 @@ export interface StateProps {
     /**
      * Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active.
      */
-    activeMode?: StateModeLiteral;
+    activeMode?: StateModeLiteral | undefined;
     /**
      * Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover.
      */
-    hoverMode?: StateModeLiteral;
+    hoverMode?: StateModeLiteral | undefined;
 }
 /**
  * Состояние по умолчанию.

package/dist/components/Tappable/state.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/components/Tappable/state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,KAAK,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAE/D,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;~~IAE9B~~;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;~~CAC9B~~;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAwB,CAAC;AAQ1D;;GAEG;AACH,wBAAgB,UAAU,CAAC,SAAS,GAAE,gBAAqC,GAAG,MAAM,CAInF;AAQD;;GAEG;AACH,wBAAgB,WAAW,CAAC,UAAU,GAAE,gBAAqC,GAAG,MAAM,CAIrF"}
1	+ {"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/components/Tappable/state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,KAAK,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAE/D,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAC1C;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAwB,CAAC;AAQ1D;;GAEG;AACH,wBAAgB,UAAU,CAAC,SAAS,GAAE,gBAAqC,GAAG,MAAM,CAInF;AAQD;;GAEG;AACH,wBAAgB,WAAW,CAAC,UAAU,GAAE,gBAAqC,GAAG,MAAM,CAIrF"}

package/dist/components/Tappable/state.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Tappable/state.tsx"],"sourcesContent":["import type { LiteralUnion } from '../../types';\nimport styles from './Tappable.module.css';\n\ntype StateMode = 'opacity' \| 'background' \| 'none';\nexport type StateModeLiteral = LiteralUnion<StateMode, string>;\n\nexport interface StateProps {\n /*\n Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active.\n /\n activeMode?: StateModeLiteral;\n\n /\n Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover.\n /\n hoverMode?: StateModeLiteral;\n}\n\n/\n Состояние по умолчанию.\n /\nexport const DEFAULT_STATE_MODE: StateMode = 'background';\n\nconst stylesHovered: Record<string, string> = {\n background: styles.hoveredBackground,\n opacity: styles.hoveredOpacity,\n none: '',\n};\n\n/\n Определяем класс наведения.\n /\nexport function hoverClass(hoverMode: StateModeLiteral = DEFAULT_STATE_MODE): string {\n const presetClass = stylesHovered[hoverMode] as string \| undefined;\n\n return presetClass !== undefined ? presetClass : hoverMode;\n}\n\nconst stylesActivated: Record<string, string> = {\n background: styles.activatedBackground,\n opacity: styles.activatedOpacity,\n none: '',\n};\n\n/\n Определяем класс наведения.\n */\nexport function activeClass(activeMode: StateModeLiteral = DEFAULT_STATE_MODE): string {\n const presetClass = stylesActivated[activeMode] as string \| undefined;\n\n return presetClass !== undefined ? presetClass : activeMode;\n}\n"],"names":["DEFAULT_STATE_MODE","stylesHovered","background","opacity","none","hoverClass","hoverMode","presetClass","undefined","stylesActivated","activeClass","activeMode"],"mappings":"AAkBA;;CAEC,GACD,OAAO,MAAMA,qBAAgC,aAAa;AAE1D,MAAMC,gBAAwC;IAC5CC,UAAU;IACVC,OAAO;IACPC,MAAM;AACR;AAEA;;CAEC,GACD,OAAO,SAASC,WAAWC,YAA8BN,kBAAkB;IACzE,MAAMO,cAAcN,aAAa,CAACK,UAAU;IAE5C,OAAOC,gBAAgBC,YAAYD,cAAcD;AACnD;AAEA,MAAMG,kBAA0C;IAC9CP,UAAU;IACVC,OAAO;IACPC,MAAM;AACR;AAEA;;CAEC,GACD,OAAO,SAASM,YAAYC,aAA+BX,kBAAkB;IAC3E,MAAMO,cAAcE,eAAe,CAACE,WAAW;IAE/C,OAAOJ,gBAAgBC,YAAYD,cAAcI;AACnD"}
1	+ {"version":3,"sources":["../../../src/components/Tappable/state.tsx"],"sourcesContent":["import type { LiteralUnion } from '../../types';\nimport styles from './Tappable.module.css';\n\ntype StateMode = 'opacity' \| 'background' \| 'none';\nexport type StateModeLiteral = LiteralUnion<StateMode, string>;\n\nexport interface StateProps {\n /*\n Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active.\n /\n activeMode?: StateModeLiteral \| undefined;\n\n /\n Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover.\n /\n hoverMode?: StateModeLiteral \| undefined;\n}\n\n/\n Состояние по умолчанию.\n /\nexport const DEFAULT_STATE_MODE: StateMode = 'background';\n\nconst stylesHovered: Record<string, string> = {\n background: styles.hoveredBackground,\n opacity: styles.hoveredOpacity,\n none: '',\n};\n\n/\n Определяем класс наведения.\n /\nexport function hoverClass(hoverMode: StateModeLiteral = DEFAULT_STATE_MODE): string {\n const presetClass = stylesHovered[hoverMode] as string \| undefined;\n\n return presetClass !== undefined ? presetClass : hoverMode;\n}\n\nconst stylesActivated: Record<string, string> = {\n background: styles.activatedBackground,\n opacity: styles.activatedOpacity,\n none: '',\n};\n\n/\n Определяем класс наведения.\n */\nexport function activeClass(activeMode: StateModeLiteral = DEFAULT_STATE_MODE): string {\n const presetClass = stylesActivated[activeMode] as string \| undefined;\n\n return presetClass !== undefined ? presetClass : activeMode;\n}\n"],"names":["DEFAULT_STATE_MODE","stylesHovered","background","opacity","none","hoverClass","hoverMode","presetClass","undefined","stylesActivated","activeClass","activeMode"],"mappings":"AAkBA;;CAEC,GACD,OAAO,MAAMA,qBAAgC,aAAa;AAE1D,MAAMC,gBAAwC;IAC5CC,UAAU;IACVC,OAAO;IACPC,MAAM;AACR;AAEA;;CAEC,GACD,OAAO,SAASC,WAAWC,YAA8BN,kBAAkB;IACzE,MAAMO,cAAcN,aAAa,CAACK,UAAU;IAE5C,OAAOC,gBAAgBC,YAAYD,cAAcD;AACnD;AAEA,MAAMG,kBAA0C;IAC9CP,UAAU;IACVC,OAAO;IACPC,MAAM;AACR;AAEA;;CAEC,GACD,OAAO,SAASM,YAAYC,aAA+BX,kBAAkB;IAC3E,MAAMO,cAAcE,eAAe,CAACE,WAAW;IAE/C,OAAOJ,gBAAgBC,YAAYD,cAAcI;AACnD"}

package/dist/components/Textarea/Textarea.d.ts CHANGED Viewed

@@ -5,28 +5,28 @@ export interface TextareaProps extends Pick<React.TextareaHTMLAttributes<HTMLTex
     /**
      * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ textArea: { getRootRef: ... } }`.
      */
-    getRef?: React.Ref<HTMLTextAreaElement>;
+    getRef?: React.Ref<HTMLTextAreaElement> | undefined;
     /**
      * Свойства, которые можно прокинуть внутрь компонента:
      * - `root`: свойства для прокидывания в корень компонента;
      * - `textArea`: свойства для прокидывания в поле ввода.
      */
     slotProps?: {
-        root?: React.HTMLAttributes<HTMLElement> & HasRootRef<HTMLElement> & HasDataAttribute;
+        root?: (React.HTMLAttributes<HTMLElement> & HasRootRef<HTMLElement> & HasDataAttribute) | undefined;
         textArea?: React.TextareaHTMLAttributes<HTMLTextAreaElement> & HasRootRef<HTMLTextAreaElement> & HasDataAttribute;
-    };
+    } | undefined;
     /**
      * Свойство управляющее автоматическим изменением высоты компонента.
      */
-    grow?: boolean;
+    grow?: boolean | undefined;
     /**
      * Обработчик, срабатывающий при изменении размера компонента.
      */
-    onResize?: (el: HTMLTextAreaElement) => void;
+    onResize?: ((el: HTMLTextAreaElement) => void) | undefined;
     /**
      * Значение по умолчанию.
      */
-    defaultValue?: string;
+    defaultValue?: string | undefined;
 }
 /**
  * @see https://vkui.io/components/textarea

package/dist/components/Textarea/Textarea.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAYxE,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAC/C,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,MAAM,GACN,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EAC1E,UAAU,CAAC,WAAW,CAAC,EACvB,QAAQ,EACR,cAAc;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;~~IACxC~~;;;;OAIG;IACH,SAAS,CAAC,~~EAAE~~;~~QACV~~,IAAI,CAAC,~~EAAE~~,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC;~~QACtF~~,QAAQ,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAC1D,UAAU,CAAC,mBAAmB,CAAC,GAC/B,gBAAgB,CAAC;KACpB,CAAC;~~IACF~~;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;~~IACf~~;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC;~~IAC7C~~;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;~~CACvB~~;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,yYA6CtB,aAAa,KAAG,KAAK,CAAC,SAqFxB,CAAC"}
1	+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAYxE,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAC/C,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,MAAM,GACN,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EAC1E,UAAU,CAAC,WAAW,CAAC,EACvB,QAAQ,EACR,cAAc;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;IACpD;;;;OAIG;IACH,SAAS,CAAC,EACN;QACE,IAAI,CAAC,EACD,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC,GAChF,SAAS,CAAC;QACd,QAAQ,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAC1D,UAAU,CAAC,mBAAmB,CAAC,GAC/B,gBAAgB,CAAC;KACpB,GACD,SAAS,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,yYA6CtB,aAAa,KAAG,KAAK,CAAC,SAqFxB,CAAC"}

package/dist/components/Textarea/Textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { useDOM } from '../../lib/dom';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasAlign, HasDataAttribute, HasRootRef } from '../../types';\nimport { FormField, type FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport { useResizeTextarea } from './useResizeTextarea';\nimport styles from './Textarea.module.css';\n\nconst warn = warnOnce('Textarea');\n\nconst densityClassNames = {\n none: styles.densityNone,\n compact: styles.densityCompact,\n};\n\nexport interface TextareaProps\n extends Pick<\n React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n \| 'autoComplete'\n \| 'autoCapitalize'\n \| 'autoCorrect'\n \| 'cols'\n \| 'dirName'\n \| 'disabled'\n \| 'maxLength'\n \| 'minLength'\n \| 'name'\n \| 'placeholder'\n \| 'readOnly'\n \| 'required'\n \| 'rows'\n \| 'value'\n \| 'wrap'\n \| 'form'\n \| 'onChange'\n \| 'onFocus'\n \| 'onBlur'\n >,\n Omit<React.HTMLAttributes<HTMLElement>, 'onChange' \| 'onFocus' \| 'onBlur'>,\n HasRootRef<HTMLElement>,\n HasAlign,\n FormFieldProps {\n /*\n @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ textArea: { getRootRef: ... } }`.\n /\n getRef?: React.Ref<HTMLTextAreaElement~~>;\~~n /\n Свойства, которые можно прокинуть внутрь компонента:\n * - `root`: свойства для прокидывания в корень компонента;\n * - `textArea`: свойства для прокидывания в поле ввода.\n /\n slotProps?: {\n root?: React.HTMLAttributes<HTMLElement> & HasRootRef<HTMLElement> & HasDataAttribute;\n textArea?: React.TextareaHTMLAttributes<HTMLTextAreaElement> &\n HasRootRef<HTMLTextAreaElement> &\n HasDataAttribute;\n };\n /\n Свойство управляющее автоматическим изменением высоты компонента.\n /\n grow?: boolean;\n /\n Обработчик, срабатывающий при изменении размера компонента.\n /\n onResize?: (el: HTMLTextAreaElement) => void;\n /\n Значение по умолчанию.\n /\n defaultValue?: string;\n}\n\n/\n @see https://vkui.io/components/textarea\n /\nexport const Textarea = ({\n // FormFieldProps\n status,\n mode,\n after,\n before,\n afterAlign,\n beforeAlign,\n maxHeight,\n\n // TextareaProps\n grow = true,\n onResize,\n align,\n getRef,\n\n // textarea props\n autoComplete,\n autoCapitalize,\n autoCorrect,\n cols,\n dirName,\n disabled,\n maxLength,\n minLength,\n name,\n placeholder,\n readOnly,\n required,\n value: valueProp,\n wrap,\n rows = 2,\n form,\n onChange: onChangeProp,\n onFocus,\n onBlur,\n id,\n inputMode,\n defaultValue,\n autoFocus,\n tabIndex,\n spellCheck,\n\n slotProps,\n ...restProps\n}: TextareaProps): React.ReactNode => {\n / istanbul ignore if: не проверяем в тестах */\n if (process.env.NODE_ENV === 'development' && getRef) {\n warn('Свойство `getRef` устаревшее, используйте `slotProps={ textArea: { getRootRef: ... } }`');\n }\n\n const { density = 'none' } = useAdaptivity();\n const platform = usePlatform();\n const { window } = useDOM();\n\n const { className, ...rootProps } = useMergeProps(restProps, slotProps?.root);\n\n const {\n onChange,\n getRootRef: getTextAreaRef,\n value,\n ...textAreaRest\n } = useMergeProps(\n {\n className: styles.el,\n getRootRef: getRef,\n autoComplete,\n autoCapitalize,\n autoCorrect,\n cols,\n dirName,\n disabled,\n maxLength,\n minLength,\n name,\n placeholder,\n readOnly,\n required,\n value: valueProp,\n wrap,\n rows,\n form,\n onChange: onChangeProp,\n onFocus,\n onBlur,\n id,\n inputMode,\n defaultValue,\n autoFocus,\n tabIndex,\n spellCheck,\n },\n slotProps?.textArea,\n );\n\n const [refResizeTextarea, resize] = useResizeTextarea(onResize, grow);\n const elementRef = useExternRef(getTextAreaRef, refResizeTextarea);\n\n React.useEffect(resize, [resize, density, platform, value]);\n useResizeObserver(window, resize);\n\n return (\n <FormField\n className={classNames(\n styles.host,\n density !== 'regular' && densityClassNames[density],\n align === 'right' && styles.alignRight,\n align === 'center' && styles.alignCenter,\n className,\n )}\n disabled={textAreaRest.disabled}\n status={status}\n mode={mode}\n after={after}\n before={before}\n afterAlign={afterAlign}\n beforeAlign={beforeAlign}\n maxHeight={maxHeight}\n {...rootProps}\n >\n <UnstyledTextField\n value={value}\n as=\"textarea\"\n rows={rows}\n getRootRef={elementRef}\n onChange={callMultiple(onChange, resize)}\n {...textAreaRest}\n />\n </FormField>\n );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","useMergeProps","usePlatform","useResizeObserver","callMultiple","useDOM","warnOnce","FormField","UnstyledTextField","useResizeTextarea","warn","densityClassNames","none","compact","Textarea","status","mode","after","before","afterAlign","beforeAlign","maxHeight","grow","onResize","align","getRef","autoComplete","autoCapitalize","autoCorrect","cols","dirName","disabled","maxLength","minLength","name","placeholder","readOnly","required","value","valueProp","wrap","rows","form","onChange","onChangeProp","onFocus","onBlur","id","inputMode","defaultValue","autoFocus","tabIndex","spellCheck","slotProps","restProps","process","env","NODE_ENV","density","platform","window","className","rootProps","root","getRootRef","getTextAreaRef","textAreaRest","textArea","refResizeTextarea","resize","elementRef","useEffect","as"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,iBAAiB,QAAQ,4CAAyC;AAC3E,SAASC,iBAAiB,QAAQ,yBAAsB;AAGxD,MAAMC,OAAOJ,SAAS;AAEtB,MAAMK,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;~~AA0DA~~;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvB,iBAAiB;AACjBC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,UAAU,EACVC,WAAW,EACXC,SAAS,EAET,gBAAgB;AAChBC,OAAO,IAAI,EACXC,QAAQ,EACRC,KAAK,EACLC,MAAM,EAEN,iBAAiB;AACjBC,YAAY,EACZC,cAAc,EACdC,WAAW,EACXC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,OAAOC,SAAS,EAChBC,IAAI,EACJC,OAAO,CAAC,EACRC,IAAI,EACJC,UAAUC,YAAY,EACtBC,OAAO,EACPC,MAAM,EACNC,EAAE,EACFC,SAAS,EACTC,YAAY,EACZC,SAAS,EACTC,QAAQ,EACRC,UAAU,EAEVC,SAAS,EACT,GAAGC,WACW;IACd,6CAA6C,GAC7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBhC,QAAQ;QACpDf,KAAK;IACP;IAEA,MAAM,EAAEgD,UAAU,MAAM,EAAE,GAAG3D;IAC7B,MAAM4D,WAAWzD;IACjB,MAAM,EAAE0D,MAAM,EAAE,GAAGvD;IAEnB,MAAM,EAAEwD,SAAS,EAAE,GAAGC,WAAW,GAAG7D,cAAcqD,WAAWD,WAAWU;IAExE,MAAM,EACJpB,QAAQ,EACRqB,YAAYC,cAAc,EAC1B3B,KAAK,EACL,GAAG4B,cACJ,GAAGjE,cACF;QACE4D,SAAS;QACTG,YAAYvC;QACZC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC,OAAOC;QACPC;QACAC;QACAC;QACAC,UAAUC;QACVC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF,GACAC,WAAWc;IAGb,MAAM,CAACC,mBAAmBC,OAAO,GAAG5D,kBAAkBc,UAAUD;IAChE,MAAMgD,aAAatE,aAAaiE,gBAAgBG;IAEhDvE,MAAM0E,SAAS,CAACF,QAAQ;QAACA;QAAQX;QAASC;QAAUrB;KAAM;IAC1DnC,kBAAkByD,QAAQS;IAE1B,qBACE,KAAC9D;QACCsD,WAAW/D,iCAET4D,YAAY,aAAa/C,iBAAiB,CAAC+C,QAAQ,EACnDlC,UAAU,uCACVA,UAAU,yCACVqC;QAEF9B,UAAUmC,aAAanC,QAAQ;QAC/BhB,QAAQA;QACRC,MAAMA;QACNC,OAAOA;QACPC,QAAQA;QACRC,YAAYA;QACZC,aAAaA;QACbC,WAAWA;QACV,GAAGyC,SAAS;kBAEb,cAAA,KAACtD;YACC8B,OAAOA;YACPkC,IAAG;YACH/B,MAAMA;YACNuB,YAAYM;YACZ3B,UAAUvC,aAAauC,UAAU0B;YAChC,GAAGH,YAAY;;;AAIxB,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { useDOM } from '../../lib/dom';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasAlign, HasDataAttribute, HasRootRef } from '../../types';\nimport { FormField, type FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport { useResizeTextarea } from './useResizeTextarea';\nimport styles from './Textarea.module.css';\n\nconst warn = warnOnce('Textarea');\n\nconst densityClassNames = {\n none: styles.densityNone,\n compact: styles.densityCompact,\n};\n\nexport interface TextareaProps\n extends Pick<\n React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n \| 'autoComplete'\n \| 'autoCapitalize'\n \| 'autoCorrect'\n \| 'cols'\n \| 'dirName'\n \| 'disabled'\n \| 'maxLength'\n \| 'minLength'\n \| 'name'\n \| 'placeholder'\n \| 'readOnly'\n \| 'required'\n \| 'rows'\n \| 'value'\n \| 'wrap'\n \| 'form'\n \| 'onChange'\n \| 'onFocus'\n \| 'onBlur'\n >,\n Omit<React.HTMLAttributes<HTMLElement>, 'onChange' \| 'onFocus' \| 'onBlur'>,\n HasRootRef<HTMLElement>,\n HasAlign,\n FormFieldProps {\n /*\n @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ textArea: { getRootRef: ... } }`.\n /\n getRef?: React.Ref<HTMLTextAreaElement> \| undefined;\n /\n Свойства, которые можно прокинуть внутрь компонента:\n * - `root`: свойства для прокидывания в корень компонента;\n * - `textArea`: свойства для прокидывания в поле ввода.\n /\n slotProps?:\n \| {\n root?:\n \| (React.HTMLAttributes<HTMLElement> & HasRootRef<HTMLElement> & HasDataAttribute)\n \| undefined;\n textArea?: React.TextareaHTMLAttributes<HTMLTextAreaElement> &\n HasRootRef<HTMLTextAreaElement> &\n HasDataAttribute;\n }\n \| undefined;\n /\n Свойство управляющее автоматическим изменением высоты компонента.\n /\n grow?: boolean \| undefined;\n /\n Обработчик, срабатывающий при изменении размера компонента.\n /\n onResize?: ((el: HTMLTextAreaElement) => void) \| undefined;\n /\n Значение по умолчанию.\n /\n defaultValue?: string \| undefined;\n}\n\n/\n @see https://vkui.io/components/textarea\n /\nexport const Textarea = ({\n // FormFieldProps\n status,\n mode,\n after,\n before,\n afterAlign,\n beforeAlign,\n maxHeight,\n\n // TextareaProps\n grow = true,\n onResize,\n align,\n getRef,\n\n // textarea props\n autoComplete,\n autoCapitalize,\n autoCorrect,\n cols,\n dirName,\n disabled,\n maxLength,\n minLength,\n name,\n placeholder,\n readOnly,\n required,\n value: valueProp,\n wrap,\n rows = 2,\n form,\n onChange: onChangeProp,\n onFocus,\n onBlur,\n id,\n inputMode,\n defaultValue,\n autoFocus,\n tabIndex,\n spellCheck,\n\n slotProps,\n ...restProps\n}: TextareaProps): React.ReactNode => {\n / istanbul ignore if: не проверяем в тестах */\n if (process.env.NODE_ENV === 'development' && getRef) {\n warn('Свойство `getRef` устаревшее, используйте `slotProps={ textArea: { getRootRef: ... } }`');\n }\n\n const { density = 'none' } = useAdaptivity();\n const platform = usePlatform();\n const { window } = useDOM();\n\n const { className, ...rootProps } = useMergeProps(restProps, slotProps?.root);\n\n const {\n onChange,\n getRootRef: getTextAreaRef,\n value,\n ...textAreaRest\n } = useMergeProps(\n {\n className: styles.el,\n getRootRef: getRef,\n autoComplete,\n autoCapitalize,\n autoCorrect,\n cols,\n dirName,\n disabled,\n maxLength,\n minLength,\n name,\n placeholder,\n readOnly,\n required,\n value: valueProp,\n wrap,\n rows,\n form,\n onChange: onChangeProp,\n onFocus,\n onBlur,\n id,\n inputMode,\n defaultValue,\n autoFocus,\n tabIndex,\n spellCheck,\n },\n slotProps?.textArea,\n );\n\n const [refResizeTextarea, resize] = useResizeTextarea(onResize, grow);\n const elementRef = useExternRef(getTextAreaRef, refResizeTextarea);\n\n React.useEffect(resize, [resize, density, platform, value]);\n useResizeObserver(window, resize);\n\n return (\n <FormField\n className={classNames(\n styles.host,\n density !== 'regular' && densityClassNames[density],\n align === 'right' && styles.alignRight,\n align === 'center' && styles.alignCenter,\n className,\n )}\n disabled={textAreaRest.disabled}\n status={status}\n mode={mode}\n after={after}\n before={before}\n afterAlign={afterAlign}\n beforeAlign={beforeAlign}\n maxHeight={maxHeight}\n {...rootProps}\n >\n <UnstyledTextField\n value={value}\n as=\"textarea\"\n rows={rows}\n getRootRef={elementRef}\n onChange={callMultiple(onChange, resize)}\n {...textAreaRest}\n />\n </FormField>\n );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","useMergeProps","usePlatform","useResizeObserver","callMultiple","useDOM","warnOnce","FormField","UnstyledTextField","useResizeTextarea","warn","densityClassNames","none","compact","Textarea","status","mode","after","before","afterAlign","beforeAlign","maxHeight","grow","onResize","align","getRef","autoComplete","autoCapitalize","autoCorrect","cols","dirName","disabled","maxLength","minLength","name","placeholder","readOnly","required","value","valueProp","wrap","rows","form","onChange","onChangeProp","onFocus","onBlur","id","inputMode","defaultValue","autoFocus","tabIndex","spellCheck","slotProps","restProps","process","env","NODE_ENV","density","platform","window","className","rootProps","root","getRootRef","getTextAreaRef","textAreaRest","textArea","refResizeTextarea","resize","elementRef","useEffect","as"],"mappings":"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"}

package/dist/components/ToolButton/ToolButton.d.ts CHANGED Viewed

@@ -4,21 +4,21 @@ export interface ToolButtonProps extends TappableOmitProps, AdaptiveIconRenderer
     /**
      * Режим отображения компонента.
      */
-    mode?: 'primary' | 'secondary' | 'tertiary' | 'outline';
+    mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | undefined;
     /**
      * Внешний вид компонента.
      */
-    appearance?: 'accent' | 'neutral';
+    appearance?: 'accent' | 'neutral' | undefined;
     /**
      * Направление контента.
      */
-    direction?: 'row' | 'column';
+    direction?: 'row' | 'column' | undefined;
     /**
      * Задаёт `50%` закругления для контейнера.
      *
      * > Note: игнорируется при `direction="column"` если передан `children`.
      */
-    rounded?: boolean;
+    rounded?: boolean | undefined;
 }
 /**
  * Кнопки, которые используются для вызова инструмента, вставки аттачей или

package/dist/components/ToolButton/ToolButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolButton/ToolButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAyBxE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,EAAE,yBAAyB;IACnF;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;~~IACxD~~;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;~~IAClC~~;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;~~IAC7B~~;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;~~CACnB~~;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,4FASxB,eAAe,KAAG,KAAK,CAAC,SAyB1B,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,KAAK,GAAG,QAAQ,EAC3B,WAAW,EAAE,OAAO,GACnB,MAAM,GAAG,SAAS,CAOpB"}
1	+ {"version":3,"file":"ToolButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolButton/ToolButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAyBxE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,EAAE,yBAAyB;IACnF;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,4FASxB,eAAe,KAAG,KAAK,CAAC,SAyB1B,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,KAAK,GAAG,QAAQ,EAC3B,WAAW,EAAE,OAAO,GACnB,MAAM,GAAG,SAAS,CAOpB"}

package/dist/components/ToolButton/ToolButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ToolButton/ToolButton.tsx"],"sourcesContent":["'use client';\n\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n AdaptiveIconRenderer,\n type AdaptiveIconRendererProps,\n} from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport styles from './ToolButton.module.css';\n\nconst stylesMode = {\n primary: styles.modePrimary,\n secondary: styles.modeSecondary,\n tertiary: styles.modeTertiary,\n outline: styles.modeOutline,\n};\n\nconst stylesAppearance = {\n accent: styles.appearanceAccent,\n neutral: styles.appearanceNeutral,\n};\n\nconst stylesDirection = {\n row: styles.directionRow,\n column: styles.directionColumn,\n};\n\nconst densityClassNames = {\n none: styles.densityNone,\n regular: styles.densityRegular,\n};\n\nexport interface ToolButtonProps extends TappableOmitProps, AdaptiveIconRendererProps {\n /*\n Режим отображения компонента.\n /\n mode?: 'primary' \| 'secondary' \| 'tertiary' \| 'outline';\n /\n Внешний вид компонента.\n /\n appearance?: 'accent' \| 'neutral';\n /\n Направление контента.\n /\n direction?: 'row' \| 'column';\n /\n Задаёт `50%` закругления для контейнера.\n \n > Note: игнорируется при `direction=\"column\"` если передан `children`.\n /\n rounded?: boolean;\n}\n\n/\n Кнопки, которые используются для вызова инструмента, вставки аттачей или\n * для форматирования. Их можно использовать как кнопки для разового действия\n * или для включения/выключения режима.\n \n @see https://vkui.io/components/tool-button\n */\nexport const ToolButton = ({\n mode = 'primary',\n appearance = 'accent',\n direction = 'row',\n children,\n IconCompact,\n IconRegular,\n rounded,\n ...restProps\n}: ToolButtonProps): React.ReactNode => {\n const { density = 'none' } = useAdaptivity();\n const hasChildren = hasReactNode(children);\n\n return (\n <Tappable\n hoverMode={styles.hover}\n activeMode={styles.active}\n Component={restProps.href ? 'a' : 'button'}\n focusVisibleMode=\"outside\"\n baseClassName={classNames(\n styles.host,\n rounded && getRoundedClassName(direction, hasChildren),\n hasChildren && direction === 'row' && styles.withFakeEndIcon,\n stylesMode[mode],\n stylesAppearance[appearance],\n stylesDirection[direction],\n density !== 'compact' && densityClassNames[density],\n )}\n {...restProps}\n >\n <AdaptiveIconRenderer IconCompact={IconCompact} IconRegular={IconRegular} />\n {hasChildren && <span className={styles.text}>{children}</span>}\n </Tappable>\n );\n};\n\nexport function getRoundedClassName(\n direction: 'row' \| 'column',\n hasChildren: boolean,\n): string \| undefined {\n switch (direction) {\n case 'row':\n return styles.rounded;\n case 'column':\n return hasChildren ? undefined : styles.rounded;\n }\n}\n"],"names":["classNames","hasReactNode","useAdaptivity","AdaptiveIconRenderer","Tappable","stylesMode","primary","secondary","tertiary","outline","stylesAppearance","accent","neutral","stylesDirection","row","column","densityClassNames","none","regular","ToolButton","mode","appearance","direction","children","IconCompact","IconRegular","rounded","restProps","density","hasChildren","hoverMode","activeMode","Component","href","focusVisibleMode","baseClassName","getRoundedClassName","span","className","undefined"],"mappings":"AAAA;;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,oBAAoB,QAEf,kDAA+C;AACtD,SAASC,QAAQ,QAAgC,0BAAuB;AAGxE,MAAMC,aAAa;IACjBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,mBAAmB;IACvBC,MAAM;IACNC,OAAO;AACT;AAEA,MAAMC,kBAAkB;IACtBC,GAAG;IACHC,MAAM;AACR;AAEA,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AAuBA;;;;;;CAMC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,OAAO,SAAS,EAChBC,aAAa,QAAQ,EACrBC,YAAY,KAAK,EACjBC,QAAQ,EACRC,WAAW,EACXC,WAAW,EACXC,OAAO,EACP,GAAGC,WACa;IAChB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAG1B;IAC7B,MAAM2B,cAAc5B,aAAasB;IAEjC,qBACE,MAACnB;QACC0B,SAAS;QACTC,UAAU;QACVC,WAAWL,UAAUM,IAAI,GAAG,MAAM;QAClCC,kBAAiB;QACjBC,eAAenC,mCAEb0B,WAAWU,oBAAoBd,WAAWO,cAC1CA,eAAeP,cAAc,4CAC7BjB,UAAU,CAACe,KAAK,EAChBV,gBAAgB,CAACW,WAAW,EAC5BR,eAAe,CAACS,UAAU,EAC1BM,YAAY,aAAaZ,iBAAiB,CAACY,QAAQ;QAEpD,GAAGD,SAAS;;0BAEb,KAACxB;gBAAqBqB,aAAaA;gBAAaC,aAAaA;;YAC5DI,6BAAe,KAACQ;gBAAKC,SAAS;0BAAgBf;;;;AAGrD,EAAE;AAEF,OAAO,SAASa,oBACdd,SAA2B,EAC3BO,WAAoB;IAEpB,OAAQP;QACN,KAAK;YACH;QACF,KAAK;YACH,OAAOO,cAAcU;IACzB;AACF"}
1	+ {"version":3,"sources":["../../../src/components/ToolButton/ToolButton.tsx"],"sourcesContent":["'use client';\n\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport {\n AdaptiveIconRenderer,\n type AdaptiveIconRendererProps,\n} from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport styles from './ToolButton.module.css';\n\nconst stylesMode = {\n primary: styles.modePrimary,\n secondary: styles.modeSecondary,\n tertiary: styles.modeTertiary,\n outline: styles.modeOutline,\n};\n\nconst stylesAppearance = {\n accent: styles.appearanceAccent,\n neutral: styles.appearanceNeutral,\n};\n\nconst stylesDirection = {\n row: styles.directionRow,\n column: styles.directionColumn,\n};\n\nconst densityClassNames = {\n none: styles.densityNone,\n regular: styles.densityRegular,\n};\n\nexport interface ToolButtonProps extends TappableOmitProps, AdaptiveIconRendererProps {\n /*\n Режим отображения компонента.\n /\n mode?: 'primary' \| 'secondary' \| 'tertiary' \| 'outline' \| undefined;\n /\n Внешний вид компонента.\n /\n appearance?: 'accent' \| 'neutral' \| undefined;\n /\n Направление контента.\n /\n direction?: 'row' \| 'column' \| undefined;\n /\n Задаёт `50%` закругления для контейнера.\n \n > Note: игнорируется при `direction=\"column\"` если передан `children`.\n /\n rounded?: boolean \| undefined;\n}\n\n/\n Кнопки, которые используются для вызова инструмента, вставки аттачей или\n * для форматирования. Их можно использовать как кнопки для разового действия\n * или для включения/выключения режима.\n \n @see https://vkui.io/components/tool-button\n */\nexport const ToolButton = ({\n mode = 'primary',\n appearance = 'accent',\n direction = 'row',\n children,\n IconCompact,\n IconRegular,\n rounded,\n ...restProps\n}: ToolButtonProps): React.ReactNode => {\n const { density = 'none' } = useAdaptivity();\n const hasChildren = hasReactNode(children);\n\n return (\n <Tappable\n hoverMode={styles.hover}\n activeMode={styles.active}\n Component={restProps.href ? 'a' : 'button'}\n focusVisibleMode=\"outside\"\n baseClassName={classNames(\n styles.host,\n rounded && getRoundedClassName(direction, hasChildren),\n hasChildren && direction === 'row' && styles.withFakeEndIcon,\n stylesMode[mode],\n stylesAppearance[appearance],\n stylesDirection[direction],\n density !== 'compact' && densityClassNames[density],\n )}\n {...restProps}\n >\n <AdaptiveIconRenderer IconCompact={IconCompact} IconRegular={IconRegular} />\n {hasChildren && <span className={styles.text}>{children}</span>}\n </Tappable>\n );\n};\n\nexport function getRoundedClassName(\n direction: 'row' \| 'column',\n hasChildren: boolean,\n): string \| undefined {\n switch (direction) {\n case 'row':\n return styles.rounded;\n case 'column':\n return hasChildren ? undefined : styles.rounded;\n }\n}\n"],"names":["classNames","hasReactNode","useAdaptivity","AdaptiveIconRenderer","Tappable","stylesMode","primary","secondary","tertiary","outline","stylesAppearance","accent","neutral","stylesDirection","row","column","densityClassNames","none","regular","ToolButton","mode","appearance","direction","children","IconCompact","IconRegular","rounded","restProps","density","hasChildren","hoverMode","activeMode","Component","href","focusVisibleMode","baseClassName","getRoundedClassName","span","className","undefined"],"mappings":"AAAA;;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SACEC,oBAAoB,QAEf,kDAA+C;AACtD,SAASC,QAAQ,QAAgC,0BAAuB;AAGxE,MAAMC,aAAa;IACjBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;AACT;AAEA,MAAMC,mBAAmB;IACvBC,MAAM;IACNC,OAAO;AACT;AAEA,MAAMC,kBAAkB;IACtBC,GAAG;IACHC,MAAM;AACR;AAEA,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AAuBA;;;;;;CAMC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,OAAO,SAAS,EAChBC,aAAa,QAAQ,EACrBC,YAAY,KAAK,EACjBC,QAAQ,EACRC,WAAW,EACXC,WAAW,EACXC,OAAO,EACP,GAAGC,WACa;IAChB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAG1B;IAC7B,MAAM2B,cAAc5B,aAAasB;IAEjC,qBACE,MAACnB;QACC0B,SAAS;QACTC,UAAU;QACVC,WAAWL,UAAUM,IAAI,GAAG,MAAM;QAClCC,kBAAiB;QACjBC,eAAenC,mCAEb0B,WAAWU,oBAAoBd,WAAWO,cAC1CA,eAAeP,cAAc,4CAC7BjB,UAAU,CAACe,KAAK,EAChBV,gBAAgB,CAACW,WAAW,EAC5BR,eAAe,CAACS,UAAU,EAC1BM,YAAY,aAAaZ,iBAAiB,CAACY,QAAQ;QAEpD,GAAGD,SAAS;;0BAEb,KAACxB;gBAAqBqB,aAAaA;gBAAaC,aAAaA;;YAC5DI,6BAAe,KAACQ;gBAAKC,SAAS;0BAAgBf;;;;AAGrD,EAAE;AAEF,OAAO,SAASa,oBACdd,SAA2B,EAC3BO,WAAoB;IAEpB,OAAQP;QACN,KAAK;YACH;QACF,KAAK;YACH,OAAOO,cAAcU;IACzB;AACF"}

package/dist/components/Tooltip/Tooltip.d.ts CHANGED Viewed

@@ -21,29 +21,29 @@ export interface TooltipProps extends AllowedFloatingComponentProps, AllowedTool
      *
      * > Если нужно разово инициировать показ тултипа при первом рендере, то используйте `defaultShown`.
      */
-    shown?: boolean;
+    shown?: boolean | undefined;
     /**
      * Добавляет возможность наводить на тултип.
      */
-    enableInteractive?: boolean;
+    enableInteractive?: boolean | undefined;
     /**
      * Добавляет возможность закрыть тултип через иконку-крестик.
      *
      * > Работает в сочетании с `enableInteractive` или при использовании `shown` и `onShownChange`.
      */
-    closable?: boolean;
+    closable?: boolean | undefined;
     /**
      * Скрывает стрелку, указывающую на якорный элемент.
      */
-    disableArrow?: boolean;
+    disableArrow?: boolean | undefined;
     /**
      * Отключает закрытие по нажатию.
      */
-    disableCloseAfterClick?: boolean;
+    disableCloseAfterClick?: boolean | undefined;
     /**
      * Отключает появление при фокусе.
      */
-    disableTriggerOnFocus?: boolean;
+    disableTriggerOnFocus?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/tooltip

package/dist/components/Tooltip/Tooltip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,KAAK,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AACtG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,cAAc,GACd,eAAe,GACf,yBAAyB,GACzB,yBAAyB,GACzB,UAAU,GACV,QAAQ,GACR,WAAW,GACX,mBAAmB,GACnB,uBAAuB,GACvB,wBAAwB,GACxB,UAAU,GACV,iBAAiB,CACpB,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,kBAAkB,CAAC,CAAC;AAEzF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,6BAA6B,EAAE,uBAAuB;IAC1F;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;~~IAChB~~;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;~~IAC5B~~;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;~~IACnB~~;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;~~IACvB~~;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;~~IACjC~~;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;~~CACjC~~;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,KAAG,KAAK,CAAC,SAWxE,CAAC"}
1	+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,KAAK,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AACtG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,cAAc,GACd,eAAe,GACf,yBAAyB,GACzB,yBAAyB,GACzB,UAAU,GACV,QAAQ,GACR,WAAW,GACX,mBAAmB,GACnB,uBAAuB,GACvB,wBAAwB,GACxB,UAAU,GACV,iBAAiB,CACpB,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,kBAAkB,CAAC,CAAC;AAEzF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,6BAA6B,EAAE,uBAAuB;IAC1F;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7C;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,KAAG,KAAK,CAAC,SAWxE,CAAC"}

package/dist/components/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useReferenceElement } from '../../hooks/useReferenceElement';\nimport type { FloatingComponentProps, OnShownChange } from '../../lib/floating';\nimport type { FloatingArrowProps as FloatingArrowPropsPrivate } from '../FloatingArrow/FloatingArrow';\nimport type { TooltipBaseProps } from '../TooltipBase/TooltipBase';\nimport { useTooltip } from './useTooltip';\n\ntype AllowedFloatingComponentProps = Pick<\n FloatingComponentProps,\n \| 'arrowHeight'\n \| 'arrowPadding'\n \| 'hoverDelay'\n \| 'placement'\n \| 'offsetByMainAxis'\n \| 'offsetByCrossAxis'\n \| 'defaultShown'\n \| 'onShownChange'\n \| 'hideWhenReferenceHidden'\n \| 'onReferenceHiddenChange'\n \| 'children'\n \| 'zIndex'\n \| 'usePortal'\n \| 'onPlacementChange'\n \| 'disableFlipMiddleware'\n \| 'disableShiftMiddleware'\n \| 'strategy'\n \| 'overflowPadding'\n>;\n\ntype AllowedTooltipBaseProps = Omit<TooltipBaseProps, 'arrowProps' \| 'onCloseIconClick'>;\n\n/*\n @alias\n * @public\n /\nexport type TooltipArrowProps = Omit<\n FloatingArrowPropsPrivate,\n 'getRootRef' \| 'coords' \| 'placement' \| 'Icon'\n>;\n\n/\n @alias\n * @public\n /\nexport type TooltipOnShownChange = OnShownChange;\n\nexport interface TooltipProps extends AllowedFloatingComponentProps, AllowedTooltipBaseProps {\n /\n Передача `boolean` позволяет контролировать состояния показа и скрытия вручную. Используйте\n * совместно с `onShownChange`.\n \n > Если нужно разово инициировать показ тултипа при первом рендере, то используйте `defaultShown`.\n /\n shown?: boolean;\n /\n Добавляет возможность наводить на тултип.\n /\n enableInteractive?: boolean;\n /\n Добавляет возможность закрыть тултип через иконку-крестик.\n \n > Работает в сочетании с `enableInteractive` или при использовании `shown` и `onShownChange`.\n /\n closable?: boolean;\n /\n Скрывает стрелку, указывающую на якорный элемент.\n /\n disableArrow?: boolean;\n /\n Отключает закрытие по нажатию.\n /\n disableCloseAfterClick?: boolean;\n /\n Отключает появление при фокусе.\n /\n disableTriggerOnFocus?: boolean;\n}\n\n/\n @see https://vkui.io/components/tooltip\n */\nexport const Tooltip = ({ children, ...restProps }: TooltipProps): React.ReactNode => {\n const { anchorRef, anchorProps, tooltip } = useTooltip(restProps);\n\n const anchor = useReferenceElement(children, anchorProps, anchorRef);\n\n return (\n <React.Fragment>\n {anchor}\n {tooltip}\n </React.Fragment>\n );\n};\n"],"names":["React","useReferenceElement","useTooltip","Tooltip","children","restProps","anchorRef","anchorProps","tooltip","anchor","Fragment"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,qCAAkC;AAItE,SAASC,UAAU,QAAQ,kBAAe;AAyE1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,WAAyB;IAC9D,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGN,WAAWG;IAEvD,MAAMI,SAASR,oBAAoBG,UAAUG,aAAaD;IAE1D,qBACE,MAACN,MAAMU,QAAQ;;YACZD;YACAD;;;AAGP,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useReferenceElement } from '../../hooks/useReferenceElement';\nimport type { FloatingComponentProps, OnShownChange } from '../../lib/floating';\nimport type { FloatingArrowProps as FloatingArrowPropsPrivate } from '../FloatingArrow/FloatingArrow';\nimport type { TooltipBaseProps } from '../TooltipBase/TooltipBase';\nimport { useTooltip } from './useTooltip';\n\ntype AllowedFloatingComponentProps = Pick<\n FloatingComponentProps,\n \| 'arrowHeight'\n \| 'arrowPadding'\n \| 'hoverDelay'\n \| 'placement'\n \| 'offsetByMainAxis'\n \| 'offsetByCrossAxis'\n \| 'defaultShown'\n \| 'onShownChange'\n \| 'hideWhenReferenceHidden'\n \| 'onReferenceHiddenChange'\n \| 'children'\n \| 'zIndex'\n \| 'usePortal'\n \| 'onPlacementChange'\n \| 'disableFlipMiddleware'\n \| 'disableShiftMiddleware'\n \| 'strategy'\n \| 'overflowPadding'\n>;\n\ntype AllowedTooltipBaseProps = Omit<TooltipBaseProps, 'arrowProps' \| 'onCloseIconClick'>;\n\n/*\n @alias\n * @public\n /\nexport type TooltipArrowProps = Omit<\n FloatingArrowPropsPrivate,\n 'getRootRef' \| 'coords' \| 'placement' \| 'Icon'\n>;\n\n/\n @alias\n * @public\n /\nexport type TooltipOnShownChange = OnShownChange;\n\nexport interface TooltipProps extends AllowedFloatingComponentProps, AllowedTooltipBaseProps {\n /\n Передача `boolean` позволяет контролировать состояния показа и скрытия вручную. Используйте\n * совместно с `onShownChange`.\n \n > Если нужно разово инициировать показ тултипа при первом рендере, то используйте `defaultShown`.\n /\n shown?: boolean \| undefined;\n /\n Добавляет возможность наводить на тултип.\n /\n enableInteractive?: boolean \| undefined;\n /\n Добавляет возможность закрыть тултип через иконку-крестик.\n \n > Работает в сочетании с `enableInteractive` или при использовании `shown` и `onShownChange`.\n /\n closable?: boolean \| undefined;\n /\n Скрывает стрелку, указывающую на якорный элемент.\n /\n disableArrow?: boolean \| undefined;\n /\n Отключает закрытие по нажатию.\n /\n disableCloseAfterClick?: boolean \| undefined;\n /\n Отключает появление при фокусе.\n /\n disableTriggerOnFocus?: boolean \| undefined;\n}\n\n/\n @see https://vkui.io/components/tooltip\n */\nexport const Tooltip = ({ children, ...restProps }: TooltipProps): React.ReactNode => {\n const { anchorRef, anchorProps, tooltip } = useTooltip(restProps);\n\n const anchor = useReferenceElement(children, anchorProps, anchorRef);\n\n return (\n <React.Fragment>\n {anchor}\n {tooltip}\n </React.Fragment>\n );\n};\n"],"names":["React","useReferenceElement","useTooltip","Tooltip","children","restProps","anchorRef","anchorProps","tooltip","anchor","Fragment"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,qCAAkC;AAItE,SAASC,UAAU,QAAQ,kBAAe;AAyE1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,WAAyB;IAC9D,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGN,WAAWG;IAEvD,MAAMI,SAASR,oBAAoBG,UAAUG,aAAaD;IAE1D,qBACE,MAACN,MAAMU,QAAQ;;YACZD;YACAD;;;AAGP,EAAE"}

package/dist/components/TooltipBase/TooltipBase.d.ts CHANGED Viewed

@@ -6,24 +6,24 @@ export interface TooltipBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLDiv
     /**
      * Стиль отображения подсказки.
      */
-    appearance?: 'accent' | 'neutral' | 'white' | 'black' | 'inversion';
+    appearance?: 'accent' | 'neutral' | 'white' | 'black' | 'inversion' | undefined;
     /**
      * Текст тултипа.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
     /**
      * Заголовок тултипа.
      */
-    title?: React.ReactNode;
+    title?: React.ReactNode | undefined;
     /**
      * [a11y] Id для заголовка тултипа.
      * Можно использовать для связи элемента с `role="dialog"` и заголовка через `aria-labelledby`.
      */
-    titleId?: string;
+    titleId?: string | undefined;
     /**
      * Для показа указателя, требуется передать хотя бы `coords` и `placement`.
      */
-    arrowProps?: Omit<FloatingArrowProps, 'Icon'>;
+    arrowProps?: Omit<FloatingArrowProps, 'Icon'> | undefined;
     /**
      * Пользовательская SVG иконка.
      *
@@ -37,25 +37,25 @@ export interface TooltipBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLDiv
      * 4. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
      * 5. Если стрелка наезжает на якорный элемент, то увеличьте смещение между целевым и всплывающим элементами.
      */
-    ArrowIcon?: FloatingArrowProps['Icon'];
+    ArrowIcon?: FloatingArrowProps['Icon'] | undefined;
     /**
      * Пользовательские css-классы, будут добавлены на root-элемент.
      */
-    className?: string;
+    className?: string | undefined;
     /**
      * Перебивает максимальную ширину заданную по умолчанию.
      *
      * Передача `null` полностью сбрасывает установку `max-width` на элемент.
      */
-    maxWidth?: number | string | null;
+    maxWidth?: number | string | null | undefined;
     /**
      * Скрытый текст для кнопки закрытия.
      */
-    closeIconLabel?: string;
+    closeIconLabel?: string | undefined;
     /**
      * Обработчик нажатия на кнопку закрытия. При передаче, показывается иконка.
      */
-    onCloseIconClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onCloseIconClick?: ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
 }
 /**
  * Низкоуровневый компонент для отрисовки тултипа.

package/dist/components/TooltipBase/TooltipBase.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipBase.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipBase/TooltipBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAOxF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AASrC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;~~IACpE~~;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IAC9B~~;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IACxB~~;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;~~IACjB~~;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;~~IAC9C~~;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;~~IACvC~~;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;~~IACnB~~;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;~~IAClC~~;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;~~IACxB~~;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;~~CACzE~~;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,yIAYzB,gBAAgB,KAAG,KAAK,CAAC,SA4C3B,CAAC"}
1	+ {"version":3,"file":"TooltipBase.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipBase/TooltipBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAOxF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AASrC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7E;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;IAChF;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvF;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,yIAYzB,gBAAgB,KAAG,KAAK,CAAC,SA4C3B,CAAC"}

package/dist/components/TooltipBase/TooltipBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/TooltipBase/TooltipBase.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Icon16Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { DefaultIcon } from '../FloatingArrow/DefaultIcon';\nimport { FloatingArrow, type FloatingArrowProps } from '../FloatingArrow/FloatingArrow';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './TooltipBase.module.css';\n\nexport const TOOLTIP_MAX_WIDTH = 220;\n\nconst stylesAppearance = {\n accent: styles.appearanceAccent,\n white: styles.appearanceWhite,\n black: styles.appearanceBlack,\n inversion: styles.appearanceInversion,\n};\n\nexport interface TooltipBaseProps\n extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children' \| 'title'> {\n /*\n Стиль отображения подсказки.\n /\n appearance?: 'accent' \| 'neutral' \| 'white' \| 'black' \| 'inversion';\n /\n Текст тултипа.\n /\n description?: React.ReactNode;\n /\n Заголовок тултипа.\n /\n title?: React.ReactNode;\n /\n [a11y] Id для заголовка тултипа.\n * Можно использовать для связи элемента с `role=\"dialog\"` и заголовка через `aria-labelledby`.\n /\n titleId?: string;\n /\n Для показа указателя, требуется передать хотя бы `coords` и `placement`.\n /\n arrowProps?: Omit<FloatingArrowProps, 'Icon'~~>;\~~n /\n Пользовательская SVG иконка.\n \n Требования:\n \n 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n * растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n * (смотри https://github.com/VKCOM/VKUI/pull/4496).\n * 3. Убедитесь, что компонент принимает все валидные для SVG параметры.\n * 4. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n * 5. Если стрелка наезжает на якорный элемент, то увеличьте смещение между целевым и всплывающим элементами.\n /\n ArrowIcon?: FloatingArrowProps['Icon'];\n /\n Пользовательские css-классы, будут добавлены на root-элемент.\n /\n className?: string;\n /\n Перебивает максимальную ширину заданную по умолчанию.\n \n Передача `null` полностью сбрасывает установку `max-width` на элемент.\n /\n maxWidth?: number \| string \| null;\n /\n Скрытый текст для кнопки закрытия.\n /\n closeIconLabel?: string;\n /\n Обработчик нажатия на кнопку закрытия. При передаче, показывается иконка.\n /\n onCloseIconClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\n/\n Низкоуровневый компонент для отрисовки тултипа.\n * @private\n */\nexport const TooltipBase = ({\n appearance = 'accent',\n arrowProps,\n ArrowIcon = DefaultIcon,\n description,\n title,\n titleId,\n maxWidth = TOOLTIP_MAX_WIDTH,\n closeIconLabel = 'Закрыть',\n onCloseIconClick,\n className,\n ...restProps\n}: TooltipBaseProps): React.ReactNode => {\n return (\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n styles.host,\n appearance !== 'neutral' && stylesAppearance[appearance],\n className,\n )}\n role=\"tooltip\"\n >\n {arrowProps && (\n <FloatingArrow\n {...arrowProps}\n iconClassName={classNames(styles.arrow, arrowProps.iconClassName)}\n Icon={ArrowIcon}\n />\n )}\n <div className={styles.content} style={maxWidth !== null ? { maxWidth } : undefined}>\n <div>\n {hasReactNode(title) && (\n <Subhead id={titleId} className={styles.title} weight=\"2\">\n {title}\n </Subhead>\n )}\n {hasReactNode(description) && (\n <Subhead className={styles.description}>{description}</Subhead>\n )}\n </div>\n {typeof onCloseIconClick === 'function' && (\n <Tappable\n Component=\"button\"\n className={styles.closeButton}\n hoverMode=\"opacity\"\n activeMode=\"opacity\"\n onClick={onCloseIconClick}\n >\n <VisuallyHidden>{closeIconLabel}</VisuallyHidden>\n <Icon16Cancel display=\"block\" />\n </Tappable>\n )}\n </div>\n </RootComponent>\n );\n};\n"],"names":["Icon16Cancel","classNames","hasReactNode","DefaultIcon","FloatingArrow","RootComponent","Tappable","Subhead","VisuallyHidden","TOOLTIP_MAX_WIDTH","stylesAppearance","accent","white","black","inversion","TooltipBase","appearance","arrowProps","ArrowIcon","description","title","titleId","maxWidth","closeIconLabel","onCloseIconClick","className","restProps","baseClassName","role","iconClassName","Icon","div","style","undefined","id","weight","Component","hoverMode","activeMode","onClick","display"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,WAAW,QAAQ,kCAA+B;AAC3D,SAASC,aAAa,QAAiC,oCAAiC;AACxF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,OAAO,MAAMC,oBAAoB,IAAI;AAErC,MAAMC,mBAAmB;IACvBC,MAAM;IACNC,KAAK;IACLC,KAAK;IACLC,SAAS;AACX;AA2DA;;;CAGC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,aAAa,QAAQ,EACrBC,UAAU,EACVC,YAAYf,WAAW,EACvBgB,WAAW,EACXC,KAAK,EACLC,OAAO,EACPC,WAAWb,iBAAiB,EAC5Bc,iBAAiB,SAAS,EAC1BC,gBAAgB,EAChBC,SAAS,EACT,GAAGC,WACc;IACjB,qBACE,MAACrB;QACE,GAAGqB,SAAS;QACbC,eAAe1B,oCAEbe,eAAe,aAAaN,gBAAgB,CAACM,WAAW,EACxDS;QAEFG,MAAK;;YAEJX,4BACC,KAACb;gBACE,GAAGa,UAAU;gBACdY,eAAe5B,qCAAyBgB,WAAWY,aAAa;gBAChEC,MAAMZ;;0BAGV,MAACa;gBAAIN,SAAS;gBAAkBO,OAAOV,aAAa,OAAO;oBAAEA;gBAAS,IAAIW;;kCACxE,MAACF;;4BACE7B,aAAakB,wBACZ,KAACb;gCAAQ2B,IAAIb;gCAASI,SAAS;gCAAgBU,QAAO;0CACnDf;;4BAGJlB,aAAaiB,8BACZ,KAACZ;gCAAQkB,SAAS;0CAAuBN;;;;oBAG5C,OAAOK,qBAAqB,4BAC3B,MAAClB;wBACC8B,WAAU;wBACVX,SAAS;wBACTY,WAAU;wBACVC,YAAW;wBACXC,SAASf;;0CAET,KAAChB;0CAAgBe;;0CACjB,KAACvB;gCAAawC,SAAQ;;;;;;;;AAMlC,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/TooltipBase/TooltipBase.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Icon16Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { DefaultIcon } from '../FloatingArrow/DefaultIcon';\nimport { FloatingArrow, type FloatingArrowProps } from '../FloatingArrow/FloatingArrow';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './TooltipBase.module.css';\n\nexport const TOOLTIP_MAX_WIDTH = 220;\n\nconst stylesAppearance = {\n accent: styles.appearanceAccent,\n white: styles.appearanceWhite,\n black: styles.appearanceBlack,\n inversion: styles.appearanceInversion,\n};\n\nexport interface TooltipBaseProps\n extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children' \| 'title'> {\n /*\n Стиль отображения подсказки.\n /\n appearance?: 'accent' \| 'neutral' \| 'white' \| 'black' \| 'inversion' \| undefined;\n /\n Текст тултипа.\n /\n description?: React.ReactNode \| undefined;\n /\n Заголовок тултипа.\n /\n title?: React.ReactNode \| undefined;\n /\n [a11y] Id для заголовка тултипа.\n * Можно использовать для связи элемента с `role=\"dialog\"` и заголовка через `aria-labelledby`.\n /\n titleId?: string \| undefined;\n /\n Для показа указателя, требуется передать хотя бы `coords` и `placement`.\n /\n arrowProps?: Omit<FloatingArrowProps, 'Icon'> \| undefined;\n /\n Пользовательская SVG иконка.\n \n Требования:\n \n 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n * растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n * (смотри https://github.com/VKCOM/VKUI/pull/4496).\n * 3. Убедитесь, что компонент принимает все валидные для SVG параметры.\n * 4. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n * 5. Если стрелка наезжает на якорный элемент, то увеличьте смещение между целевым и всплывающим элементами.\n /\n ArrowIcon?: FloatingArrowProps['Icon'] \| undefined;\n /\n Пользовательские css-классы, будут добавлены на root-элемент.\n /\n className?: string \| undefined;\n /\n Перебивает максимальную ширину заданную по умолчанию.\n \n Передача `null` полностью сбрасывает установку `max-width` на элемент.\n /\n maxWidth?: number \| string \| null \| undefined;\n /\n Скрытый текст для кнопки закрытия.\n /\n closeIconLabel?: string \| undefined;\n /\n Обработчик нажатия на кнопку закрытия. При передаче, показывается иконка.\n /\n onCloseIconClick?: ((event: React.MouseEvent<HTMLButtonElement>) => void) \| undefined;\n}\n\n/\n Низкоуровневый компонент для отрисовки тултипа.\n * @private\n */\nexport const TooltipBase = ({\n appearance = 'accent',\n arrowProps,\n ArrowIcon = DefaultIcon,\n description,\n title,\n titleId,\n maxWidth = TOOLTIP_MAX_WIDTH,\n closeIconLabel = 'Закрыть',\n onCloseIconClick,\n className,\n ...restProps\n}: TooltipBaseProps): React.ReactNode => {\n return (\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n styles.host,\n appearance !== 'neutral' && stylesAppearance[appearance],\n className,\n )}\n role=\"tooltip\"\n >\n {arrowProps && (\n <FloatingArrow\n {...arrowProps}\n iconClassName={classNames(styles.arrow, arrowProps.iconClassName)}\n Icon={ArrowIcon}\n />\n )}\n <div className={styles.content} style={maxWidth !== null ? { maxWidth } : undefined}>\n <div>\n {hasReactNode(title) && (\n <Subhead id={titleId} className={styles.title} weight=\"2\">\n {title}\n </Subhead>\n )}\n {hasReactNode(description) && (\n <Subhead className={styles.description}>{description}</Subhead>\n )}\n </div>\n {typeof onCloseIconClick === 'function' && (\n <Tappable\n Component=\"button\"\n className={styles.closeButton}\n hoverMode=\"opacity\"\n activeMode=\"opacity\"\n onClick={onCloseIconClick}\n >\n <VisuallyHidden>{closeIconLabel}</VisuallyHidden>\n <Icon16Cancel display=\"block\" />\n </Tappable>\n )}\n </div>\n </RootComponent>\n );\n};\n"],"names":["Icon16Cancel","classNames","hasReactNode","DefaultIcon","FloatingArrow","RootComponent","Tappable","Subhead","VisuallyHidden","TOOLTIP_MAX_WIDTH","stylesAppearance","accent","white","black","inversion","TooltipBase","appearance","arrowProps","ArrowIcon","description","title","titleId","maxWidth","closeIconLabel","onCloseIconClick","className","restProps","baseClassName","role","iconClassName","Icon","div","style","undefined","id","weight","Component","hoverMode","activeMode","onClick","display"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,WAAW,QAAQ,kCAA+B;AAC3D,SAASC,aAAa,QAAiC,oCAAiC;AACxF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,OAAO,MAAMC,oBAAoB,IAAI;AAErC,MAAMC,mBAAmB;IACvBC,MAAM;IACNC,KAAK;IACLC,KAAK;IACLC,SAAS;AACX;AA2DA;;;CAGC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,aAAa,QAAQ,EACrBC,UAAU,EACVC,YAAYf,WAAW,EACvBgB,WAAW,EACXC,KAAK,EACLC,OAAO,EACPC,WAAWb,iBAAiB,EAC5Bc,iBAAiB,SAAS,EAC1BC,gBAAgB,EAChBC,SAAS,EACT,GAAGC,WACc;IACjB,qBACE,MAACrB;QACE,GAAGqB,SAAS;QACbC,eAAe1B,oCAEbe,eAAe,aAAaN,gBAAgB,CAACM,WAAW,EACxDS;QAEFG,MAAK;;YAEJX,4BACC,KAACb;gBACE,GAAGa,UAAU;gBACdY,eAAe5B,qCAAyBgB,WAAWY,aAAa;gBAChEC,MAAMZ;;0BAGV,MAACa;gBAAIN,SAAS;gBAAkBO,OAAOV,aAAa,OAAO;oBAAEA;gBAAS,IAAIW;;kCACxE,MAACF;;4BACE7B,aAAakB,wBACZ,KAACb;gCAAQ2B,IAAIb;gCAASI,SAAS;gCAAgBU,QAAO;0CACnDf;;4BAGJlB,aAAaiB,8BACZ,KAACZ;gCAAQkB,SAAS;0CAAuBN;;;;oBAG5C,OAAOK,qBAAqB,4BAC3B,MAAClB;wBACC8B,WAAU;wBACVX,SAAS;wBACTY,WAAU;wBACVC,YAAW;wBACXC,SAASf;;0CAET,KAAChB;0CAAgBe;;0CACjB,KAACvB;gCAAawC,SAAQ;;;;;;;;AAMlC,EAAE"}