@vkontakte/vkui 8.0.2 → 8.1.1

package/dist/components/DropZone/DropZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/DropZone/DropZone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,UAAU,0BAA0B;IAClC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC7F;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,IAAI,EAAE,OAAO,YAAY,CAAC;CA2B3B,CAAC"}
+{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/DropZone/DropZone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,UAAU,0BAA0B;IAClC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG;;OAEG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,WAAW,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC,GAC9D,SAAS,CAAC;CACf;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,IAAI,EAAE,OAAO,YAAY,CAAC;CA2B3B,CAAC"}

package/dist/components/DropZone/DropZone.js

@@ -5,7 +5,7 @@ import { classNames } from "@vkontakte/vkjs";
 import { callMultiple } from "../../lib/callMultiple.js";
 import { defineComponentDisplayNames } from "../../lib/react/defineComponentDisplayNames.js";
 import { RootComponent } from "../RootComponent/RootComponent.js";
-import { DropZoneGrid } from "./components/DropZoneGrid.js";
+import { DropZoneGrid } from "./DropZoneGrid/DropZoneGrid.js";
 /**
  * Компонент позволяет пользователям загружать файлы, перетаскивая файлы в
  * область на странице.

package/dist/components/DropZone/DropZone.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DropZone/DropZone.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { DropZoneGrid } from './components/DropZoneGrid';\nimport styles from './DropZone.module.css';\n\ninterface DropZonePropsChildrenProps {\n  /**\n   * Флаг активного состояния компонента.\n   */\n  active: boolean;\n}\n\nexport interface DropZoneProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children'> {\n  /**\n   * Содержимое компонента. Можно прокинуть функцию для отрисовки содержимого.\n   */\n  children?: React.ReactNode | ((renderProps: DropZonePropsChildrenProps) => React.ReactNode);\n}\n\n/**\n * Компонент позволяет пользователям загружать файлы, перетаскивая файлы в\n * область на странице.\n *\n * @since 6.1.0\n * @see https://vkui.io/components/drop-zone\n */\nexport const DropZone: React.FC<DropZoneProps> & {\n  Grid: typeof DropZoneGrid;\n} = ({ onDragOver, onDragLeave, onDrop, children, ...props }: DropZoneProps): React.ReactNode => {\n  const [active, setActive] = React.useState(false);\n\n  const onActive: React.DragEventHandler<HTMLDivElement> = (event) => {\n    if (event.isPropagationStopped()) {\n      return;\n    }\n\n    setActive(true);\n  };\n\n  const offActive: React.DragEventHandler<HTMLDivElement> = () => {\n    setActive(false);\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(styles.host, active && styles.active)}\n      onDragOver={callMultiple(onDragOver, onActive)}\n      onDragLeave={callMultiple(onDragLeave, offActive)}\n      onDrop={callMultiple(onDrop, offActive)}\n      {...props}\n    >\n      {typeof children === 'function' ? children({ active }) : children}\n    </RootComponent>\n  );\n};\n\nDropZone.Grid = DropZoneGrid;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(DropZone.Grid, 'DropZone.Grid');\n}\n"],"names":["React","classNames","callMultiple","defineComponentDisplayNames","RootComponent","DropZoneGrid","DropZone","onDragOver","onDragLeave","onDrop","children","props","active","setActive","useState","onActive","event","isPropagationStopped","offActive","baseClassName","Grid","process","env","NODE_ENV"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,YAAY,QAAQ,+BAA4B;AAiBzD;;;;;;CAMC,GACD,OAAO,MAAMC,WAET,CAAC,EAAEC,UAAU,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGC,OAAsB;IACzE,MAAM,CAACC,QAAQC,UAAU,GAAGb,MAAMc,QAAQ,CAAC;IAE3C,MAAMC,WAAmD,CAACC;QACxD,IAAIA,MAAMC,oBAAoB,IAAI;YAChC;QACF;QAEAJ,UAAU;IACZ;IAEA,MAAMK,YAAoD;QACxDL,UAAU;IACZ;IAEA,qBACE,KAACT;QACCe,eAAelB,iCAAwBW;QACvCL,YAAYL,aAAaK,YAAYQ;QACrCP,aAAaN,aAAaM,aAAaU;QACvCT,QAAQP,aAAaO,QAAQS;QAC5B,GAAGP,KAAK;kBAER,OAAOD,aAAa,aAAaA,SAAS;YAAEE;QAAO,KAAKF;;AAG/D,EAAE;AAEFJ,SAASc,IAAI,GAAGf;AAEhB,IAAIgB,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCpB,4BAA4BG,SAASc,IAAI,EAAE;AAC7C"}
+{"version":3,"sources":["../../../src/components/DropZone/DropZone.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { DropZoneGrid } from './DropZoneGrid/DropZoneGrid';\nimport styles from './DropZone.module.css';\n\ninterface DropZonePropsChildrenProps {\n  /**\n   * Флаг активного состояния компонента.\n   */\n  active: boolean;\n}\n\nexport interface DropZoneProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children'> {\n  /**\n   * Содержимое компонента. Можно прокинуть функцию для отрисовки содержимого.\n   */\n  children?:\n    | React.ReactNode\n    | ((renderProps: DropZonePropsChildrenProps) => React.ReactNode)\n    | undefined;\n}\n\n/**\n * Компонент позволяет пользователям загружать файлы, перетаскивая файлы в\n * область на странице.\n *\n * @since 6.1.0\n * @see https://vkui.io/components/drop-zone\n */\nexport const DropZone: React.FC<DropZoneProps> & {\n  Grid: typeof DropZoneGrid;\n} = ({ onDragOver, onDragLeave, onDrop, children, ...props }: DropZoneProps): React.ReactNode => {\n  const [active, setActive] = React.useState(false);\n\n  const onActive: React.DragEventHandler<HTMLDivElement> = (event) => {\n    if (event.isPropagationStopped()) {\n      return;\n    }\n\n    setActive(true);\n  };\n\n  const offActive: React.DragEventHandler<HTMLDivElement> = () => {\n    setActive(false);\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(styles.host, active && styles.active)}\n      onDragOver={callMultiple(onDragOver, onActive)}\n      onDragLeave={callMultiple(onDragLeave, offActive)}\n      onDrop={callMultiple(onDrop, offActive)}\n      {...props}\n    >\n      {typeof children === 'function' ? children({ active }) : children}\n    </RootComponent>\n  );\n};\n\nDropZone.Grid = DropZoneGrid;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(DropZone.Grid, 'DropZone.Grid');\n}\n"],"names":["React","classNames","callMultiple","defineComponentDisplayNames","RootComponent","DropZoneGrid","DropZone","onDragOver","onDragLeave","onDrop","children","props","active","setActive","useState","onActive","event","isPropagationStopped","offActive","baseClassName","Grid","process","env","NODE_ENV"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,YAAY,QAAQ,iCAA8B;AAoB3D;;;;;;CAMC,GACD,OAAO,MAAMC,WAET,CAAC,EAAEC,UAAU,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGC,OAAsB;IACzE,MAAM,CAACC,QAAQC,UAAU,GAAGb,MAAMc,QAAQ,CAAC;IAE3C,MAAMC,WAAmD,CAACC;QACxD,IAAIA,MAAMC,oBAAoB,IAAI;YAChC;QACF;QAEAJ,UAAU;IACZ;IAEA,MAAMK,YAAoD;QACxDL,UAAU;IACZ;IAEA,qBACE,KAACT;QACCe,eAAelB,iCAAwBW;QACvCL,YAAYL,aAAaK,YAAYQ;QACrCP,aAAaN,aAAaM,aAAaU;QACvCT,QAAQP,aAAaO,QAAQS;QAC5B,GAAGP,KAAK;kBAER,OAAOD,aAAa,aAAaA,SAAS;YAAEE;QAAO,KAAKF;;AAG/D,EAAE;AAEFJ,SAASc,IAAI,GAAGf;AAEhB,IAAIgB,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCpB,4BAA4BG,SAASc,IAAI,EAAE;AAC7C"}

package/dist/components/DropZone/{components → DropZoneGrid}/DropZoneGrid.d.ts

@@ -3,7 +3,7 @@ export interface DropZoneGridProps extends HTMLAttributesWithRootRef<HTMLDivElem
     /**
      * Направление дочерних компонентов.
      */
-    direction?: 'row' | 'column';
+    direction?: 'row' | 'column' | undefined;
 }
 export declare const DropZoneGrid: ({ direction, ...props }: DropZoneGridProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DropZoneGrid.d.ts.map

package/dist/components/DropZone/DropZoneGrid/DropZoneGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZoneGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/DropZone/DropZoneGrid/DropZoneGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAShE,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAClF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,YAAY,GAAI,yBAAoC,iBAAiB,4CAEjF,CAAC"}

package/dist/components/DropZone/{components → DropZoneGrid}/DropZoneGrid.js

@@ -2,11 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from "@vkontakte/vkjs";
 import { RootComponent } from "../../RootComponent/RootComponent.js";
 const directionStyle = {
-    row: "vkuicomponents__row",
-    column: "vkuicomponents__column"
+    row: "vkuiDropZoneGrid__row",
+    column: "vkuiDropZoneGrid__column"
 };
 export const DropZoneGrid = ({ direction = 'column', ...props })=>/*#__PURE__*/ _jsx(RootComponent, {
-        baseClassName: classNames("vkuicomponents__host", directionStyle[direction]),
+        baseClassName: classNames("vkuiDropZoneGrid__host", directionStyle[direction]),
         ...props
     });
 

package/dist/components/DropZone/DropZoneGrid/DropZoneGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DropZone/DropZoneGrid/DropZoneGrid.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport styles from './DropZoneGrid.module.css';\n\nconst directionStyle = {\n  row: styles.row,\n  column: styles.column,\n};\n\nexport interface DropZoneGridProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Направление дочерних компонентов.\n   */\n  direction?: 'row' | 'column' | undefined;\n}\n\nexport const DropZoneGrid = ({ direction = 'column', ...props }: DropZoneGridProps) => (\n  <RootComponent baseClassName={classNames(styles.host, directionStyle[direction])} {...props} />\n);\n"],"names":["classNames","RootComponent","directionStyle","row","column","DropZoneGrid","direction","props","baseClassName"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,uCAAoC;AAGlE,MAAMC,iBAAiB;IACrBC,GAAG;IACHC,MAAM;AACR;AASA,OAAO,MAAMC,eAAe,CAAC,EAAEC,YAAY,QAAQ,EAAE,GAAGC,OAA0B,iBAChF,KAACN;QAAcO,eAAeR,qCAAwBE,cAAc,CAACI,UAAU;QAAI,GAAGC,KAAK;OAC3F"}

package/dist/components/DropdownIcon/DropdownIcon.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 export interface DropdownIconProps extends HTMLAttributesWithRootRef<SVGSVGElement> {
-    opened?: boolean;
+    opened?: boolean | undefined;
 }
 export declare const DropdownIcon: ({ opened, className, ...restProps }: DropdownIconProps) => React.ReactNode;
 //# sourceMappingURL=DropdownIcon.d.ts.map

package/dist/components/DropdownIcon/DropdownIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIcon.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB,CAAC,aAAa,CAAC;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,GAAI,qCAI1B,iBAAiB,KAAG,KAAK,CAAC,SAe5B,CAAC"}
+{"version":3,"file":"DropdownIcon.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB,CAAC,aAAa,CAAC;IACjF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,GAAI,qCAI1B,iBAAiB,KAAG,KAAK,CAAC,SAe5B,CAAC"}

package/dist/components/DropdownIcon/DropdownIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport {\n  Icon20ChevronUp,\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport type { HTMLAttributesWithRootRef } from '../../types';\n\nexport interface DropdownIconProps extends HTMLAttributesWithRootRef<SVGSVGElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  className,\n  ...restProps\n}: DropdownIconProps): React.ReactNode => {\n  const { density } = useAdaptivityConditionalRender();\n  const IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;\n  const IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;\n\n  return (\n    <React.Fragment>\n      {density.compact && (\n        <IconCompact className={classNames(density.compact.className, className)} {...restProps} />\n      )}\n      {density.regular && (\n        <IconRegular className={classNames(density.regular.className, className)} {...restProps} />\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["React","Icon20ChevronUp","Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","classNames","useAdaptivityConditionalRender","DropdownIcon","opened","className","restProps","density","IconCompact","IconRegular","Fragment","compact","regular"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SACEC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,QACV,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,8BAA8B,QAAQ,sDAA6C;AAO5F,OAAO,MAAMC,eAAe,CAAC,EAC3BC,SAAS,KAAK,EACdC,SAAS,EACT,GAAGC,WACe;IAClB,MAAM,EAAEC,OAAO,EAAE,GAAGL;IACpB,MAAMM,cAAcJ,SAASP,kBAAkBC;IAC/C,MAAMW,cAAcL,SAASJ,kBAAkBD;IAE/C,qBACE,MAACH,MAAMc,QAAQ;;YACZH,QAAQI,OAAO,kBACd,KAACH;gBAAYH,WAAWJ,WAAWM,QAAQI,OAAO,CAACN,SAAS,EAAEA;gBAAa,GAAGC,SAAS;;YAExFC,QAAQK,OAAO,kBACd,KAACH;gBAAYJ,WAAWJ,WAAWM,QAAQK,OAAO,CAACP,SAAS,EAAEA;gBAAa,GAAGC,SAAS;;;;AAI/F,EAAE"}
+{"version":3,"sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport {\n  Icon20ChevronUp,\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport type { HTMLAttributesWithRootRef } from '../../types';\n\nexport interface DropdownIconProps extends HTMLAttributesWithRootRef<SVGSVGElement> {\n  opened?: boolean | undefined;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  className,\n  ...restProps\n}: DropdownIconProps): React.ReactNode => {\n  const { density } = useAdaptivityConditionalRender();\n  const IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;\n  const IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;\n\n  return (\n    <React.Fragment>\n      {density.compact && (\n        <IconCompact className={classNames(density.compact.className, className)} {...restProps} />\n      )}\n      {density.regular && (\n        <IconRegular className={classNames(density.regular.className, className)} {...restProps} />\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["React","Icon20ChevronUp","Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","classNames","useAdaptivityConditionalRender","DropdownIcon","opened","className","restProps","density","IconCompact","IconRegular","Fragment","compact","regular"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SACEC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,QACV,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,8BAA8B,QAAQ,sDAA6C;AAO5F,OAAO,MAAMC,eAAe,CAAC,EAC3BC,SAAS,KAAK,EACdC,SAAS,EACT,GAAGC,WACe;IAClB,MAAM,EAAEC,OAAO,EAAE,GAAGL;IACpB,MAAMM,cAAcJ,SAASP,kBAAkBC;IAC/C,MAAMW,cAAcL,SAASJ,kBAAkBD;IAE/C,qBACE,MAACH,MAAMc,QAAQ;;YACZH,QAAQI,OAAO,kBACd,KAACH;gBAAYH,WAAWJ,WAAWM,QAAQI,OAAO,CAACN,SAAS,EAAEA;gBAAa,GAAGC,SAAS;;YAExFC,QAAQK,OAAO,kBACd,KAACH;gBAAYJ,WAAWJ,WAAWM,QAAQK,OAAO,CAACP,SAAS,EAAEA;gBAAa,GAAGC,SAAS;;;;AAI/F,EAAE"}

package/dist/components/Epic/Epic.d.ts

@@ -4,7 +4,7 @@ export interface EpicProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
     /**
      * Компонент Tabbar, который будет отображаться снизу.
      */
-    tabbar?: React.ReactNode;
+    tabbar?: React.ReactNode | undefined;
     /**
      * `id` активного окна.
      */

package/dist/components/Epic/Epic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Epic.d.ts","sourceRoot":"","sources":["../../../src/components/Epic/Epic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,iDAKlB,SAAS,KAAG,KAAK,CAAC,SA2BpB,CAAC"}
+{"version":3,"file":"Epic.d.ts","sourceRoot":"","sources":["../../../src/components/Epic/Epic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,iDAKlB,SAAS,KAAG,KAAK,CAAC,SA2BpB,CAAC"}

package/dist/components/Epic/Epic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Epic/Epic.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ScrollSaver } from './ScrollSaver';\nimport styles from './Epic.module.css';\n\nexport interface EpicProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Компонент Tabbar, который будет отображаться снизу.\n   */\n  tabbar?: React.ReactNode;\n  /**\n   * `id` активного окна.\n   */\n  activeStory: string;\n  /**\n   * Внутри `Epic` может находиться либо коллекция `Root`,\n   * либо коллекция `View`. У каждого элемента коллекции должен быть уникальный `id`.\n   */\n  children: React.ReactElement | Iterable<React.ReactElement>;\n}\n\nconst warn = warnOnce('Epic');\n\n/**\n * @see https://vkui.io/components/epic\n */\nexport const Epic = ({\n  activeStory,\n  tabbar,\n  children,\n  ...restProps\n}: EpicProps): React.ReactNode => {\n  const [scroll] = React.useState(() => new Map<string, number>());\n\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId((story as React.ReactElement<NavIdProps>).props, warn) === activeStory,\n    ) as Array<React.ReactElement<NavIdProps>> | undefined) ?? null;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(styles.host, tabbar && 'vkuiInternalEpic--hasTabbar')}\n    >\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll.get(activeStory) || 0}\n        saveScroll={(value) => {\n          scroll.set(activeStory, value);\n        }}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","getNavId","warnOnce","RootComponent","ScrollSaver","warn","Epic","activeStory","tabbar","children","restProps","scroll","useState","Map","story","Children","toArray","find","isValidElement","props","baseClassName","initialScroll","get","saveScroll","value","set"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAyB,wBAAqB;AAC/D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,mBAAgB;AAmB5C,MAAMC,OAAOH,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMI,OAAO,CAAC,EACnBC,WAAW,EACXC,MAAM,EACNC,QAAQ,EACR,GAAGC,WACO;IACV,MAAM,CAACC,OAAO,GAAGZ,MAAMa,QAAQ,CAAC,IAAM,IAAIC;IAE1C,MAAMC,QACJ,AAACf,MAAMgB,QAAQ,CAACC,OAAO,CAACP,UAAUQ,IAAI,CACpC,CAACH,sBACCf,MAAMmB,cAAc,CAACJ,UACrBb,SAAS,AAACa,MAAyCK,KAAK,EAAEd,UAAUE,gBACb;IAE7D,qBACE,MAACJ;QACE,GAAGO,SAAS;QACbU,eAAepB,6BAAwBQ,UAAU;;0BAEjD,KAACJ;gBAECiB,eAAeV,OAAOW,GAAG,CAACf,gBAAgB;gBAC1CgB,YAAY,CAACC;oBACXb,OAAOc,GAAG,CAAClB,aAAaiB;gBAC1B;0BAECV;eANIP;YAQNC;;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/Epic/Epic.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ScrollSaver } from './ScrollSaver';\nimport styles from './Epic.module.css';\n\nexport interface EpicProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Компонент Tabbar, который будет отображаться снизу.\n   */\n  tabbar?: React.ReactNode | undefined;\n  /**\n   * `id` активного окна.\n   */\n  activeStory: string;\n  /**\n   * Внутри `Epic` может находиться либо коллекция `Root`,\n   * либо коллекция `View`. У каждого элемента коллекции должен быть уникальный `id`.\n   */\n  children: React.ReactElement | Iterable<React.ReactElement>;\n}\n\nconst warn = warnOnce('Epic');\n\n/**\n * @see https://vkui.io/components/epic\n */\nexport const Epic = ({\n  activeStory,\n  tabbar,\n  children,\n  ...restProps\n}: EpicProps): React.ReactNode => {\n  const [scroll] = React.useState(() => new Map<string, number>());\n\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId((story as React.ReactElement<NavIdProps>).props, warn) === activeStory,\n    ) as Array<React.ReactElement<NavIdProps>> | undefined) ?? null;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(styles.host, tabbar && 'vkuiInternalEpic--hasTabbar')}\n    >\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll.get(activeStory) || 0}\n        saveScroll={(value) => {\n          scroll.set(activeStory, value);\n        }}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","getNavId","warnOnce","RootComponent","ScrollSaver","warn","Epic","activeStory","tabbar","children","restProps","scroll","useState","Map","story","Children","toArray","find","isValidElement","props","baseClassName","initialScroll","get","saveScroll","value","set"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAyB,wBAAqB;AAC/D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,mBAAgB;AAmB5C,MAAMC,OAAOH,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMI,OAAO,CAAC,EACnBC,WAAW,EACXC,MAAM,EACNC,QAAQ,EACR,GAAGC,WACO;IACV,MAAM,CAACC,OAAO,GAAGZ,MAAMa,QAAQ,CAAC,IAAM,IAAIC;IAE1C,MAAMC,QACJ,AAACf,MAAMgB,QAAQ,CAACC,OAAO,CAACP,UAAUQ,IAAI,CACpC,CAACH,sBACCf,MAAMmB,cAAc,CAACJ,UACrBb,SAAS,AAACa,MAAyCK,KAAK,EAAEd,UAAUE,gBACb;IAE7D,qBACE,MAACJ;QACE,GAAGO,SAAS;QACbU,eAAepB,6BAAwBQ,UAAU;;0BAEjD,KAACJ;gBAECiB,eAAeV,OAAOW,GAAG,CAACf,gBAAgB;gBAC1CgB,YAAY,CAACC;oBACXb,OAAOc,GAAG,CAAClB,aAAaiB;gBAC1B;0BAECV;eANIP;YAQNC;;;AAGP,EAAE"}

package/dist/components/Epic/ScrollSaver.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { HasChildren } from '../../types';
 export interface ScrollSaverProps extends HasChildren {
-    initialScroll?: number;
+    initialScroll?: number | undefined;
     saveScroll: (this: void, scroll: number) => any;
 }
 export declare const ScrollSaver: ({ children, initialScroll, saveScroll, }: ScrollSaverProps) => React.ReactNode;

package/dist/components/Epic/ScrollSaver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollSaver.d.ts","sourceRoot":"","sources":["../../../src/components/Epic/ScrollSaver.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC;CACjD;AAED,eAAO,MAAM,WAAW,GAAI,0CAIzB,gBAAgB,KAAG,KAAK,CAAC,SAS3B,CAAC"}
+{"version":3,"file":"ScrollSaver.d.ts","sourceRoot":"","sources":["../../../src/components/Epic/ScrollSaver.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC;CACjD;AAED,eAAO,MAAM,WAAW,GAAI,0CAIzB,gBAAgB,KAAG,KAAK,CAAC,SAS3B,CAAC"}

package/dist/components/Epic/ScrollSaver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport type { HasChildren } from '../../types';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\n\nexport interface ScrollSaverProps extends HasChildren {\n  initialScroll?: number;\n  saveScroll: (this: void, scroll: number) => any;\n}\n\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps): React.ReactNode => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === 'number') {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return <React.Fragment>{children}</React.Fragment>;\n};\n"],"names":["React","useIsomorphicLayoutEffect","ScrollContext","ScrollSaver","children","initialScroll","saveScroll","getScroll","scrollTo","useContext","y","Fragment"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,yCAAsC;AAEhF,SAASC,aAAa,QAAQ,8BAA2B;AAOzD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EACRC,aAAa,EACbC,UAAU,EACO;IACjB,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR,MAAMS,UAAU,CAACP;IACjDD,0BAA0B;QACxB,IAAI,OAAOI,kBAAkB,UAAU;YACrCG,SAAS,GAAGH;QACd;QACA,OAAO,IAAMC,WAAWC,YAAYG,CAAC;IACvC,GAAG,EAAE;IACL,qBAAO,KAACV,MAAMW,QAAQ;kBAAEP;;AAC1B,EAAE"}
+{"version":3,"sources":["../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport type { HasChildren } from '../../types';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\n\nexport interface ScrollSaverProps extends HasChildren {\n  initialScroll?: number | undefined;\n  saveScroll: (this: void, scroll: number) => any;\n}\n\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps): React.ReactNode => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === 'number') {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return <React.Fragment>{children}</React.Fragment>;\n};\n"],"names":["React","useIsomorphicLayoutEffect","ScrollContext","ScrollSaver","children","initialScroll","saveScroll","getScroll","scrollTo","useContext","y","Fragment"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,yCAAsC;AAEhF,SAASC,aAAa,QAAQ,8BAA2B;AAOzD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EACRC,aAAa,EACbC,UAAU,EACO;IACjB,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR,MAAMS,UAAU,CAACP;IACjDD,0BAA0B;QACxB,IAAI,OAAOI,kBAAkB,UAAU;YACrCG,SAAS,GAAGH;QACd;QACA,OAAO,IAAMC,WAAWC,YAAYG,CAAC;IACvC,GAAG,EAAE;IACL,qBAAO,KAACV,MAAMW,QAAQ;kBAAEP;;AAC1B,EAAE"}

package/dist/components/File/File.d.ts

@@ -5,16 +5,16 @@ export interface FileProps extends Omit<VKUIButtonProps, 'type'>, Pick<React.Inp
     /**
      * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.
      */
-    getRef?: React.Ref<HTMLInputElement>;
+    getRef?: React.Ref<HTMLInputElement> | undefined;
     /**
      * Свойства, которые можно прокинуть внутрь компонента:
      * - `root`: свойства для прокидывания в корень компонента;
      * - `input`: свойства для прокидывания в скрытый `input`.
      */
     slotProps?: {
-        root?: Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> & HasRootRef<HTMLLabelElement> & HasDataAttribute;
-        input?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & HasRootRef<HTMLInputElement> & HasDataAttribute;
-    };
+        root?: (Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> & HasRootRef<HTMLLabelElement> & HasDataAttribute) | undefined;
+        input?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & HasRootRef<HTMLInputElement> & HasDataAttribute) | undefined;
+    } | undefined;
 }
 /**
  * @see https://vkui.io/components/file

package/dist/components/File/File.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../../src/components/File/File.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKhE,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,EACnC,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EACpF,UAAU,CAAC,WAAW,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,GAClE,UAAU,CAAC,gBAAgB,CAAC,GAC5B,gBAAgB,CAAC;QACnB,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GACxE,UAAU,CAAC,gBAAgB,CAAC,GAC5B,gBAAgB,CAAC;KACpB,CAAC;CACH;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,mPAkClB,SAAS,KAAG,KAAK,CAAC,SAqDpB,CAAC"}
+{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../../src/components/File/File.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKhE,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,EACnC,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EACpF,UAAU,CAAC,WAAW,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EACN;QACE,IAAI,CAAC,EACD,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,GAC5D,UAAU,CAAC,gBAAgB,CAAC,GAC5B,gBAAgB,CAAC,GACnB,SAAS,CAAC;QACd,KAAK,CAAC,EACF,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GACjE,UAAU,CAAC,gBAAgB,CAAC,GAC5B,gBAAgB,CAAC,GACnB,SAAS,CAAC;KACf,GACD,SAAS,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,mPAkClB,SAAS,KAAG,KAAK,CAAC,SAqDpB,CAAC"}

package/dist/components/File/File.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/File/File.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { withLabelClickWrapper } from '../../lib/withLabelClickWrapper';\nimport type { HasDataAttribute, HasRootRef } from '../../types';\nimport { Button, type VKUIButtonProps } from '../Button/Button';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\nconst warn = warnOnce('File');\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, 'type'>,\n    Pick<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      | 'disabled'\n      | 'readOnly'\n      | 'required'\n      | 'autoFocus'\n      | 'name'\n      | 'value'\n      | 'accept'\n      | 'capture'\n      | 'multiple'\n      | 'form'\n      | 'onChange'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'onChange' | 'onFocus' | 'onBlur'>,\n    HasRootRef<HTMLElement> {\n  /**\n   * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.\n   */\n  getRef?: React.Ref<HTMLInputElement>;\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `root`: свойства для прокидывания в корень компонента;\n   * - `input`: свойства для прокидывания в скрытый `input`.\n   */\n  slotProps?: {\n    root?: Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &\n      HasRootRef<HTMLLabelElement> &\n      HasDataAttribute;\n    input?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> &\n      HasRootRef<HTMLInputElement> &\n      HasDataAttribute;\n  };\n}\n\n/**\n * @see https://vkui.io/components/file\n */\nexport const File = ({\n  // FileProps\n  getRootRef,\n  children = 'Выберите файл',\n  getRef,\n\n  // VKUIButtonProps\n  align = 'left',\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  appearance,\n\n  // Input props\n  disabled,\n  readOnly,\n  required,\n  autoFocus,\n  id,\n  name,\n  value,\n  accept,\n  capture,\n  multiple,\n  form,\n  onChange,\n  onFocus,\n  onBlur,\n\n  slotProps,\n  ...restProps\n}: FileProps): React.ReactNode => {\n  /* istanbul ignore if: не проверяем в тестах */\n  if (process.env.NODE_ENV === 'development' && getRef) {\n    warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');\n  }\n\n  const { onClick, ...rootRest } = useMergeProps(\n    {\n      getRootRef: getRootRef as React.Ref<HTMLLabelElement>,\n      ...restProps,\n    },\n    slotProps?.root,\n  );\n  const inputRest = useMergeProps(\n    {\n      getRootRef: getRef,\n      disabled,\n      readOnly,\n      required,\n      autoFocus,\n      id,\n      name,\n      value,\n      accept,\n      capture,\n      multiple,\n      form,\n      onChange,\n      onFocus,\n      onBlur,\n    },\n    slotProps?.input,\n  );\n\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      size={size}\n      before={before}\n      after={after}\n      loading={loading}\n      disabled={inputRest.disabled}\n      onClick={withLabelClickWrapper(onClick)}\n      {...rootRest}\n    >\n      <VisuallyHidden title=\"\" Component=\"input\" type=\"file\" {...inputRest} />\n      {children}\n    </Button>\n  );\n};\n"],"names":["useMergeProps","warnOnce","withLabelClickWrapper","Button","VisuallyHidden","warn","File","getRootRef","children","getRef","align","size","mode","stretched","before","after","loading","appearance","disabled","readOnly","required","autoFocus","id","name","value","accept","capture","multiple","form","onChange","onFocus","onBlur","slotProps","restProps","process","env","NODE_ENV","onClick","rootRest","root","inputRest","input","Component","title","type"],"mappings":"AAAA;;AAGA,SAASA,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,qBAAqB,QAAQ,qCAAkC;AAExE,SAASC,MAAM,QAA8B,sBAAmB;AAChE,SAASC,cAAc,QAAQ,sCAAmC;AAElE,MAAMC,OAAOJ,SAAS;AAyCtB;;CAEC,GACD,OAAO,MAAMK,OAAO,CAAC,EACnB,YAAY;AACZC,UAAU,EACVC,WAAW,eAAe,EAC1BC,MAAM,EAEN,kBAAkB;AAClBC,QAAQ,MAAM,EACdC,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,OAAO,EACPC,UAAU,EAEV,cAAc;AACdC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,EAAE,EACFC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,MAAM,EAENC,SAAS,EACT,GAAGC,WACO;IACV,6CAA6C,GAC7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB3B,QAAQ;QACpDJ,KAAK;IACP;IAEA,MAAM,EAAEgC,OAAO,EAAE,GAAGC,UAAU,GAAGtC,cAC/B;QACEO,YAAYA;QACZ,GAAG0B,SAAS;IACd,GACAD,WAAWO;IAEb,MAAMC,YAAYxC,cAChB;QACEO,YAAYE;QACZS;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF,GACAC,WAAWS;IAGb,qBACE,MAACtC;QACCuC,WAAU;QACVhC,OAAOA;QACPG,WAAWA;QACXD,MAAMA;QACNK,YAAYA;QACZN,MAAMA;QACNG,QAAQA;QACRC,OAAOA;QACPC,SAASA;QACTE,UAAUsB,UAAUtB,QAAQ;QAC5BmB,SAASnC,sBAAsBmC;QAC9B,GAAGC,QAAQ;;0BAEZ,KAAClC;gBAAeuC,OAAM;gBAAGD,WAAU;gBAAQE,MAAK;gBAAQ,GAAGJ,SAAS;;YACnEhC;;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/File/File.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { withLabelClickWrapper } from '../../lib/withLabelClickWrapper';\nimport type { HasDataAttribute, HasRootRef } from '../../types';\nimport { Button, type VKUIButtonProps } from '../Button/Button';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\nconst warn = warnOnce('File');\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, 'type'>,\n    Pick<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      | 'disabled'\n      | 'readOnly'\n      | 'required'\n      | 'autoFocus'\n      | 'name'\n      | 'value'\n      | 'accept'\n      | 'capture'\n      | 'multiple'\n      | 'form'\n      | 'onChange'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'onChange' | 'onFocus' | 'onBlur'>,\n    HasRootRef<HTMLElement> {\n  /**\n   * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.\n   */\n  getRef?: React.Ref<HTMLInputElement> | undefined;\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `root`: свойства для прокидывания в корень компонента;\n   * - `input`: свойства для прокидывания в скрытый `input`.\n   */\n  slotProps?:\n    | {\n        root?:\n          | (Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &\n              HasRootRef<HTMLLabelElement> &\n              HasDataAttribute)\n          | undefined;\n        input?:\n          | (Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> &\n              HasRootRef<HTMLInputElement> &\n              HasDataAttribute)\n          | undefined;\n      }\n    | undefined;\n}\n\n/**\n * @see https://vkui.io/components/file\n */\nexport const File = ({\n  // FileProps\n  getRootRef,\n  children = 'Выберите файл',\n  getRef,\n\n  // VKUIButtonProps\n  align = 'left',\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  appearance,\n\n  // Input props\n  disabled,\n  readOnly,\n  required,\n  autoFocus,\n  id,\n  name,\n  value,\n  accept,\n  capture,\n  multiple,\n  form,\n  onChange,\n  onFocus,\n  onBlur,\n\n  slotProps,\n  ...restProps\n}: FileProps): React.ReactNode => {\n  /* istanbul ignore if: не проверяем в тестах */\n  if (process.env.NODE_ENV === 'development' && getRef) {\n    warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');\n  }\n\n  const { onClick, ...rootRest } = useMergeProps(\n    {\n      getRootRef: getRootRef as React.Ref<HTMLLabelElement>,\n      ...restProps,\n    },\n    slotProps?.root,\n  );\n  const inputRest = useMergeProps(\n    {\n      getRootRef: getRef,\n      disabled,\n      readOnly,\n      required,\n      autoFocus,\n      id,\n      name,\n      value,\n      accept,\n      capture,\n      multiple,\n      form,\n      onChange,\n      onFocus,\n      onBlur,\n    },\n    slotProps?.input,\n  );\n\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      size={size}\n      before={before}\n      after={after}\n      loading={loading}\n      disabled={inputRest.disabled}\n      onClick={withLabelClickWrapper(onClick)}\n      {...rootRest}\n    >\n      <VisuallyHidden title=\"\" Component=\"input\" type=\"file\" {...inputRest} />\n      {children}\n    </Button>\n  );\n};\n"],"names":["useMergeProps","warnOnce","withLabelClickWrapper","Button","VisuallyHidden","warn","File","getRootRef","children","getRef","align","size","mode","stretched","before","after","loading","appearance","disabled","readOnly","required","autoFocus","id","name","value","accept","capture","multiple","form","onChange","onFocus","onBlur","slotProps","restProps","process","env","NODE_ENV","onClick","rootRest","root","inputRest","input","Component","title","type"],"mappings":"AAAA;;AAGA,SAASA,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,qBAAqB,QAAQ,qCAAkC;AAExE,SAASC,MAAM,QAA8B,sBAAmB;AAChE,SAASC,cAAc,QAAQ,sCAAmC;AAElE,MAAMC,OAAOJ,SAAS;AA+CtB;;CAEC,GACD,OAAO,MAAMK,OAAO,CAAC,EACnB,YAAY;AACZC,UAAU,EACVC,WAAW,eAAe,EAC1BC,MAAM,EAEN,kBAAkB;AAClBC,QAAQ,MAAM,EACdC,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,OAAO,EACPC,UAAU,EAEV,cAAc;AACdC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,EAAE,EACFC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,MAAM,EAENC,SAAS,EACT,GAAGC,WACO;IACV,6CAA6C,GAC7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB3B,QAAQ;QACpDJ,KAAK;IACP;IAEA,MAAM,EAAEgC,OAAO,EAAE,GAAGC,UAAU,GAAGtC,cAC/B;QACEO,YAAYA;QACZ,GAAG0B,SAAS;IACd,GACAD,WAAWO;IAEb,MAAMC,YAAYxC,cAChB;QACEO,YAAYE;QACZS;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF,GACAC,WAAWS;IAGb,qBACE,MAACtC;QACCuC,WAAU;QACVhC,OAAOA;QACPG,WAAWA;QACXD,MAAMA;QACNK,YAAYA;QACZN,MAAMA;QACNG,QAAQA;QACRC,OAAOA;QACPC,SAASA;QACTE,UAAUsB,UAAUtB,QAAQ;QAC5BmB,SAASnC,sBAAsBmC;QAC9B,GAAGC,QAAQ;;0BAEZ,KAAClC;gBAAeuC,OAAM;gBAAGD,WAAU;gBAAQE,MAAK;gBAAQ,GAAGJ,SAAS;;YACnEhC;;;AAGP,EAAE"}

package/dist/components/FixedLayout/FixedLayout.d.ts

@@ -4,17 +4,17 @@ export interface FixedLayoutProps extends HTMLAttributesWithRootRef<HTMLDivEleme
     /**
      * Положение по вертикали, либо сверху, либо снизу.
      */
-    vertical?: 'top' | 'bottom';
+    vertical?: 'top' | 'bottom' | undefined;
     /**
      * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.
      * Это часто необходимо для фиксированных кнопок в нижней части экрана.
      */
-    filled?: boolean;
+    filled?: boolean | undefined;
     /**
      * Всегда соответствовать ширине родителя.
      * Ширина пересчитывается по событию `window` `resize`.
      */
-    useParentWidth?: boolean;
+    useParentWidth?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/fixed-layout

package/dist/components/FixedLayout/FixedLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FixedLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAY3E,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,YAAY;IAC/F;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,4FASzB,gBAAgB,KAAG,KAAK,CAAC,SAmE3B,CAAC"}
+{"version":3,"file":"FixedLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAY3E,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,YAAY;IAC/F;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACtC;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,4FASzB,gBAAgB,KAAG,KAAK,CAAC,SAmE3B,CAAC"}

package/dist/components/FixedLayout/FixedLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { useDOM } from '../../lib/dom';\nimport { setRef } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './FixedLayout.module.css';\n\nconst warn = warnOnce('FixedLayout');\n\nconst stylesVertical = {\n  top: styles.verticalTop,\n  bottom: classNames(styles.verticalBottom, 'vkuiInternalFixedLayout--vertical-bottom'),\n};\n\nexport interface FixedLayoutProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {\n  /**\n   * Положение по вертикали, либо сверху, либо снизу.\n   */\n  vertical?: 'top' | 'bottom';\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n  /**\n   * Всегда соответствовать ширине родителя.\n   * Ширина пересчитывается по событию `window` `resize`.\n   */\n  useParentWidth?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/fixed-layout\n *\n * @deprecated Since 8.0.0. Будет удалён в **VKUI v10**.\n * Используйте компонент `Box` с `position=\"sticky\"` и `insetBlockStart`/`insetBlockEnd`..\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  filled,\n  className,\n  useParentWidth,\n  ...restProps\n}: FixedLayoutProps): React.ReactNode => {\n  /* istanbul ignore if: не проверяем в тестах */\n  if (process.env.NODE_ENV === 'development') {\n    warn(\n      'Компонент устарел начиная с v8.0.0 и будет удалён в v10.0.0. Используйте вместо него `Box` с `position=\"sticky\"` и `insetBlockStart`/`insetBlockEnd`.',\n    );\n  }\n  const platform = usePlatform();\n  const ref = React.useRef<HTMLElement | null>(null);\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const parentRef = React.useRef<HTMLElement | null>(null);\n\n  const handleRootRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) {\n        return;\n      }\n\n      setRef(node, getRootRef);\n      setRef(node, ref);\n      setRef(node.parentElement, parentRef);\n    },\n    [getRootRef],\n  );\n\n  const doResize = () => {\n    if (useParentWidth && parentRef.current) {\n      const parentWidth = parentRef.current.getBoundingClientRect().width;\n      setWidth(parentWidth ? `${parentWidth}px` : undefined);\n    } else if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft || '0') -\n          parseFloat(computedStyle.paddingRight || '0')\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform, ref, useParentWidth]);\n\n  useResizeObserver(window, doResize);\n  useResizeObserver(useParentWidth ? parentRef : colRef, doResize);\n\n  return (\n    <OnboardingTooltipContainer\n      {...restProps}\n      fixed\n      ref={handleRootRef}\n      className={classNames(\n        styles.host,\n        platform === 'ios' && 'vkuiInternalFixedLayout--ios',\n        filled && styles.filled,\n        vertical && stylesVertical[vertical],\n        className,\n      )}\n      style={{ width, ...style }}\n    >\n      {children}\n    </OnboardingTooltipContainer>\n  );\n};\n"],"names":["useCallback","React","classNames","usePlatform","useResizeObserver","useDOM","setRef","warnOnce","OnboardingTooltipContainer","SplitColContext","warn","stylesVertical","top","bottom","FixedLayout","children","style","vertical","getRootRef","filled","className","useParentWidth","restProps","process","env","NODE_ENV","platform","ref","useRef","width","setWidth","useState","undefined","window","colRef","useContext","parentRef","handleRootRef","node","parentElement","doResize","current","parentWidth","getBoundingClientRect","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","fixed"],"mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,QAAQ;AACpC,YAAYC,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SAASC,MAAM,QAAQ,qBAAkB;AACzC,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,0BAA0B,QAAQ,qDAAkD;AAC7F,SAASC,eAAe,QAAQ,iCAA8B;AAG9D,MAAMC,OAAOH,SAAS;AAEtB,MAAMI,iBAAiB;IACrBC,GAAG;IACHC,QAAQX,8CAAkC;AAC5C;AAmBA;;;;;CAKC,GACD,OAAO,MAAMY,cAAc,CAAC,EAC1BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,cAAc,EACd,GAAGC,WACc;IACjB,6CAA6C,GAC7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1Cf,KACE;IAEJ;IACA,MAAMgB,WAAWvB;IACjB,MAAMwB,MAAM1B,MAAM2B,MAAM,CAAqB;IAC7C,MAAM,CAACC,OAAOC,SAAS,GAAG7B,MAAM8B,QAAQ,CAAqBC;IAC7D,MAAM,EAAEC,MAAM,EAAE,GAAG5B;IACnB,MAAM,EAAE6B,MAAM,EAAE,GAAGjC,MAAMkC,UAAU,CAAC1B;IACpC,MAAM2B,YAAYnC,MAAM2B,MAAM,CAAqB;IAEnD,MAAMS,gBAAgBrC,YACpB,CAACsC;QACC,IAAI,CAACA,MAAM;YACT;QACF;QAEAhC,OAAOgC,MAAMpB;QACbZ,OAAOgC,MAAMX;QACbrB,OAAOgC,KAAKC,aAAa,EAAEH;IAC7B,GACA;QAAClB;KAAW;IAGd,MAAMsB,WAAW;QACf,IAAInB,kBAAkBe,UAAUK,OAAO,EAAE;YACvC,MAAMC,cAAcN,UAAUK,OAAO,CAACE,qBAAqB,GAAGd,KAAK;YACnEC,SAASY,cAAc,GAAGA,YAAY,EAAE,CAAC,GAAGV;QAC9C,OAAO,IAAIE,QAAQO,SAAS;YAC1B,MAAMG,gBAAgBC,iBAAiBX,OAAOO,OAAO;YAErDX,SACE,GACEI,OAAOO,OAAO,CAACK,WAAW,GAC1BC,WAAWH,cAAcI,WAAW,IAAI,OACxCD,WAAWH,cAAcK,YAAY,IAAI,KAC1C,EAAE,CAAC;QAER,OAAO;YACLnB,SAASE;QACX;IACF;IACA/B,MAAMiD,SAAS,CAACV,UAAU;QAACN;QAAQR;QAAUC;QAAKN;KAAe;IAEjEjB,kBAAkB6B,QAAQO;IAC1BpC,kBAAkBiB,iBAAiBe,YAAYF,QAAQM;IAEvD,qBACE,KAAChC;QACE,GAAGc,SAAS;QACb6B,KAAK;QACLxB,KAAKU;QACLjB,WAAWlB,oCAETwB,aAAa,SAAS,gCACtBP,qCACAF,YAAYN,cAAc,CAACM,SAAS,EACpCG;QAEFJ,OAAO;YAAEa;YAAO,GAAGb,KAAK;QAAC;kBAExBD;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { useDOM } from '../../lib/dom';\nimport { setRef } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './FixedLayout.module.css';\n\nconst warn = warnOnce('FixedLayout');\n\nconst stylesVertical = {\n  top: styles.verticalTop,\n  bottom: classNames(styles.verticalBottom, 'vkuiInternalFixedLayout--vertical-bottom'),\n};\n\nexport interface FixedLayoutProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {\n  /**\n   * Положение по вертикали, либо сверху, либо снизу.\n   */\n  vertical?: 'top' | 'bottom' | undefined;\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean | undefined;\n  /**\n   * Всегда соответствовать ширине родителя.\n   * Ширина пересчитывается по событию `window` `resize`.\n   */\n  useParentWidth?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/fixed-layout\n *\n * @deprecated Since 8.0.0. Будет удалён в **VKUI v10**.\n * Используйте компонент `Box` с `position=\"sticky\"` и `insetBlockStart`/`insetBlockEnd`..\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  filled,\n  className,\n  useParentWidth,\n  ...restProps\n}: FixedLayoutProps): React.ReactNode => {\n  /* istanbul ignore if: не проверяем в тестах */\n  if (process.env.NODE_ENV === 'development') {\n    warn(\n      'Компонент устарел начиная с v8.0.0 и будет удалён в v10.0.0. Используйте вместо него `Box` с `position=\"sticky\"` и `insetBlockStart`/`insetBlockEnd`.',\n    );\n  }\n  const platform = usePlatform();\n  const ref = React.useRef<HTMLElement | null>(null);\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const parentRef = React.useRef<HTMLElement | null>(null);\n\n  const handleRootRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) {\n        return;\n      }\n\n      setRef(node, getRootRef);\n      setRef(node, ref);\n      setRef(node.parentElement, parentRef);\n    },\n    [getRootRef],\n  );\n\n  const doResize = () => {\n    if (useParentWidth && parentRef.current) {\n      const parentWidth = parentRef.current.getBoundingClientRect().width;\n      setWidth(parentWidth ? `${parentWidth}px` : undefined);\n    } else if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft || '0') -\n          parseFloat(computedStyle.paddingRight || '0')\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform, ref, useParentWidth]);\n\n  useResizeObserver(window, doResize);\n  useResizeObserver(useParentWidth ? parentRef : colRef, doResize);\n\n  return (\n    <OnboardingTooltipContainer\n      {...restProps}\n      fixed\n      ref={handleRootRef}\n      className={classNames(\n        styles.host,\n        platform === 'ios' && 'vkuiInternalFixedLayout--ios',\n        filled && styles.filled,\n        vertical && stylesVertical[vertical],\n        className,\n      )}\n      style={{ width, ...style }}\n    >\n      {children}\n    </OnboardingTooltipContainer>\n  );\n};\n"],"names":["useCallback","React","classNames","usePlatform","useResizeObserver","useDOM","setRef","warnOnce","OnboardingTooltipContainer","SplitColContext","warn","stylesVertical","top","bottom","FixedLayout","children","style","vertical","getRootRef","filled","className","useParentWidth","restProps","process","env","NODE_ENV","platform","ref","useRef","width","setWidth","useState","undefined","window","colRef","useContext","parentRef","handleRootRef","node","parentElement","doResize","current","parentWidth","getBoundingClientRect","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","fixed"],"mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,QAAQ;AACpC,YAAYC,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SAASC,MAAM,QAAQ,qBAAkB;AACzC,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,0BAA0B,QAAQ,qDAAkD;AAC7F,SAASC,eAAe,QAAQ,iCAA8B;AAG9D,MAAMC,OAAOH,SAAS;AAEtB,MAAMI,iBAAiB;IACrBC,GAAG;IACHC,QAAQX,8CAAkC;AAC5C;AAmBA;;;;;CAKC,GACD,OAAO,MAAMY,cAAc,CAAC,EAC1BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,cAAc,EACd,GAAGC,WACc;IACjB,6CAA6C,GAC7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1Cf,KACE;IAEJ;IACA,MAAMgB,WAAWvB;IACjB,MAAMwB,MAAM1B,MAAM2B,MAAM,CAAqB;IAC7C,MAAM,CAACC,OAAOC,SAAS,GAAG7B,MAAM8B,QAAQ,CAAqBC;IAC7D,MAAM,EAAEC,MAAM,EAAE,GAAG5B;IACnB,MAAM,EAAE6B,MAAM,EAAE,GAAGjC,MAAMkC,UAAU,CAAC1B;IACpC,MAAM2B,YAAYnC,MAAM2B,MAAM,CAAqB;IAEnD,MAAMS,gBAAgBrC,YACpB,CAACsC;QACC,IAAI,CAACA,MAAM;YACT;QACF;QAEAhC,OAAOgC,MAAMpB;QACbZ,OAAOgC,MAAMX;QACbrB,OAAOgC,KAAKC,aAAa,EAAEH;IAC7B,GACA;QAAClB;KAAW;IAGd,MAAMsB,WAAW;QACf,IAAInB,kBAAkBe,UAAUK,OAAO,EAAE;YACvC,MAAMC,cAAcN,UAAUK,OAAO,CAACE,qBAAqB,GAAGd,KAAK;YACnEC,SAASY,cAAc,GAAGA,YAAY,EAAE,CAAC,GAAGV;QAC9C,OAAO,IAAIE,QAAQO,SAAS;YAC1B,MAAMG,gBAAgBC,iBAAiBX,OAAOO,OAAO;YAErDX,SACE,GACEI,OAAOO,OAAO,CAACK,WAAW,GAC1BC,WAAWH,cAAcI,WAAW,IAAI,OACxCD,WAAWH,cAAcK,YAAY,IAAI,KAC1C,EAAE,CAAC;QAER,OAAO;YACLnB,SAASE;QACX;IACF;IACA/B,MAAMiD,SAAS,CAACV,UAAU;QAACN;QAAQR;QAAUC;QAAKN;KAAe;IAEjEjB,kBAAkB6B,QAAQO;IAC1BpC,kBAAkBiB,iBAAiBe,YAAYF,QAAQM;IAEvD,qBACE,KAAChC;QACE,GAAGc,SAAS;QACb6B,KAAK;QACLxB,KAAKU;QACLjB,WAAWlB,oCAETwB,aAAa,SAAS,gCACtBP,qCACAF,YAAYN,cAAc,CAACM,SAAS,EACpCG;QAEFJ,OAAO;YAAEa;YAAO,GAAGb,KAAK;QAAC;kBAExBD;;AAGP,EAAE"}

package/dist/components/Flex/Flex.d.ts

@@ -8,41 +8,37 @@ export interface FlexProps extends RootComponentProps<HTMLElement>, LayoutProps
     /**
      * Направление осей, эквивалентно `flex-direction`.
      */
-    direction?: 'row' | 'column';
+    direction?: 'row' | 'column' | undefined;
     /**
      * Отступы между элементами.
      * Значение из списка предопределённых пресетов или число, которое будет приведено к пикселям.
      * Через массив можно задать отступ между столбцами и строками [row, column], если они отличаются.
      */
-    gap?: GapsProp;
+    gap?: GapsProp | undefined;
     /**
      * Отключает перенос контента, эквивалентно `flex-wrap=nowrap`.
      */
-    noWrap?: boolean;
+    noWrap?: boolean | undefined;
     /**
      * Выравнивание элементов по вспомогательной оси, эквивалентно `align-items`.
      */
-    align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline';
+    align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline' | undefined;
     /**
      * Выравнивание элементов по главной оси, эквивалентно `justify-content`.
      */
-    justify?: FlexContentProps;
+    justify?: FlexContentProps | undefined;
     /**
      * Значение `auto` позволяет задать платформенные отступы вокруг контейнера.
      */
-    margin?: 'none' | 'auto';
+    margin?: 'none' | 'auto' | undefined;
     /**
      * Для инвертирования направления, эквивалентно `row-reverse` `column-reverse`.
      */
-    reverse?: boolean;
-    /**
-     * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.
-     */
-    alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    reverse?: boolean | undefined;
     /**
      * Возможность задать css-свойство `display`.
      */
-    display?: 'none' | 'flex' | 'inline-flex';
+    display?: 'none' | 'flex' | 'inline-flex' | undefined;
 }
 /**
  * @see https://vkui.io/components/flex

package/dist/components/Flex/Flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,QAAQ,EAGd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAInE,YAAY,EAAE,aAAa,EAAE,CAAC;AAgC9B,KAAK,gBAAgB,GACjB,OAAO,GACP,KAAK,GACL,QAAQ,GACR,cAAc,GACd,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,SAAU,SAAQ,kBAAkB,CAAC,WAAW,CAAC,EAAE,WAAW;IAC7E;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B;;;;OAIG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC;CAC3C;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACvC;;;OAGG;IACH,IAAI,EAAE,OAAO,QAAQ,CAAC;CAkCvB,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,QAAQ,EAGd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGnE,YAAY,EAAE,aAAa,EAAE,CAAC;AAwB9B,KAAK,gBAAgB,GACjB,OAAO,GACP,KAAK,GACL,QAAQ,GACR,cAAc,GACd,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,SAAU,SAAQ,kBAAkB,CAAC,WAAW,CAAC,EAAE,WAAW;IAC7E;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC;;;;OAIG;IACH,GAAG,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACxE;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,SAAS,CAAC;CACvD;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACvC;;;OAGG;IACH,IAAI,EAAE,OAAO,QAAQ,CAAC;CAgCvB,CAAC"}

package/dist/components/Flex/Flex.js

@@ -18,24 +18,17 @@ const alignClassNames = {
     stretch: "vkuiFlex__alignStretch",
     baseline: "vkuiFlex__alignBaseline"
 };
-const alignSelfClassNames = {
-    start: "vkuiFlexItem__alignSelfStart",
-    end: "vkuiFlexItem__alignSelfEnd",
-    center: "vkuiFlexItem__alignSelfCenter",
-    baseline: "vkuiFlexItem__alignSelfBaseline",
-    stretch: "vkuiFlexItem__alignSelfStretch"
-};
 const displayClassNames = {
     'none': "vkuiFlex__displayNone",
     'inline-flex': "vkuiFlex__displayInlineFlex"
 };
 /**
  * @see https://vkui.io/components/flex
- */ export const Flex = ({ gap = 0, align, justify, margin = 'none', noWrap = false, direction = 'row', reverse = false, alignSelf, display = 'flex', ...restProps })=>{
+ */ export const Flex = ({ gap = 0, align, justify, margin = 'none', noWrap = false, direction = 'row', reverse = false, display = 'flex', ...restProps })=>{
     const [rowGap, columnGap] = calculateGap(gap);
     const resolvedProps = resolveLayoutProps(restProps);
     return /*#__PURE__*/ _jsx(RootComponent, {
-        baseClassName: classNames("vkuiFlex__host", !noWrap && "vkuiFlex__wrap", reverse && "vkuiFlex__reverse", direction !== 'row' && "vkuiFlex__directionColumn", margin !== 'none' && "vkuiFlex__marginAuto", align && alignClassNames[align], alignSelf && alignSelfClassNames[alignSelf], justify && justifyClassNames[justify], getGapsPresets(rowGap, columnGap), display !== 'flex' && displayClassNames[display]),
+        baseClassName: classNames("vkuiFlex__host", !noWrap && "vkuiFlex__wrap", reverse && "vkuiFlex__reverse", direction !== 'row' && "vkuiFlex__directionColumn", margin !== 'none' && "vkuiFlex__marginAuto", align && alignClassNames[align], justify && justifyClassNames[justify], getGapsPresets(rowGap, columnGap), display !== 'flex' && displayClassNames[display]),
         baseStyle: getGapsByUser(rowGap, columnGap),
         ...resolvedProps
     });

package/dist/components/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport {\n  calculateGap,\n  columnGapClassNames,\n  type GapProp,\n  type GapsProp,\n  resolveLayoutProps,\n  rowGapClassNames,\n} from '../../lib/layouts';\nimport type { LayoutProps } from '../../lib/layouts/types';\nimport type { CSSCustomProperties } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport type { RootComponentProps } from '../RootComponent/RootComponent';\nimport { FlexItem, type FlexItemProps } from './FlexItem/FlexItem';\nimport styles from './Flex.module.css';\nimport flexItemStyles from './FlexItem/FlexItem.module.css';\n\nexport type { FlexItemProps };\n\nconst justifyClassNames = {\n  'start': styles.justifyStart,\n  'end': styles.justifyEnd,\n  'center': styles.justifyCenter,\n  'space-around': styles.justifySpaceAround,\n  'space-between': styles.justifySpaceBetween,\n  'space-evenly': styles.justifySpaceEvenly,\n};\n\nconst alignClassNames = {\n  start: styles.alignStart,\n  end: styles.alignEnd,\n  center: styles.alignCenter,\n  stretch: styles.alignStretch,\n  baseline: styles.alignBaseline,\n};\n\nconst alignSelfClassNames = {\n  start: flexItemStyles.alignSelfStart,\n  end: flexItemStyles.alignSelfEnd,\n  center: flexItemStyles.alignSelfCenter,\n  baseline: flexItemStyles.alignSelfBaseline,\n  stretch: flexItemStyles.alignSelfStretch,\n};\n\nconst displayClassNames = {\n  'none': styles.displayNone,\n  'inline-flex': styles.displayInlineFlex,\n};\n\ntype FlexContentProps =\n  | 'start'\n  | 'end'\n  | 'center'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly';\n\nexport interface FlexProps extends RootComponentProps<HTMLElement>, LayoutProps {\n  /**\n   * Направление осей, эквивалентно `flex-direction`.\n   */\n  direction?: 'row' | 'column';\n  /**\n   * Отступы между элементами.\n   * Значение из списка предопределённых пресетов или число, которое будет приведено к пикселям.\n   * Через массив можно задать отступ между столбцами и строками [row, column], если они отличаются.\n   */\n  gap?: GapsProp;\n  /**\n   * Отключает перенос контента, эквивалентно `flex-wrap=nowrap`.\n   */\n  noWrap?: boolean;\n  /**\n   * Выравнивание элементов по вспомогательной оси, эквивалентно `align-items`.\n   */\n  align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline';\n  /**\n   * Выравнивание элементов по главной оси, эквивалентно `justify-content`.\n   */\n  justify?: FlexContentProps;\n  /**\n   * Значение `auto` позволяет задать платформенные отступы вокруг контейнера.\n   */\n  margin?: 'none' | 'auto';\n  /**\n   * Для инвертирования направления, эквивалентно `row-reverse` `column-reverse`.\n   */\n  reverse?: boolean;\n  /**\n   * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.\n   */\n  alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';\n  /**\n   * Возможность задать css-свойство `display`.\n   */\n  display?: 'none' | 'flex' | 'inline-flex';\n}\n\n/**\n * @see https://vkui.io/components/flex\n */\nexport const Flex: React.FC<FlexProps> & {\n  /**\n   * @deprecated Since 7.11.0. Будет удалено в **VKUI v9**.\n   * Используйте компонент `Box`.\n   */\n  Item: typeof FlexItem;\n} = ({\n  gap = 0,\n  align,\n  justify,\n  margin = 'none',\n  noWrap = false,\n  direction = 'row',\n  reverse = false,\n  alignSelf,\n  display = 'flex',\n  ...restProps\n}: FlexProps) => {\n  const [rowGap, columnGap] = calculateGap(gap);\n  const resolvedProps = resolveLayoutProps(restProps);\n\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles.host,\n        !noWrap && styles.wrap,\n        reverse && styles.reverse,\n        direction !== 'row' && styles.directionColumn,\n        margin !== 'none' && styles.marginAuto,\n        align && alignClassNames[align],\n        alignSelf && alignSelfClassNames[alignSelf],\n        justify && justifyClassNames[justify],\n        getGapsPresets(rowGap, columnGap),\n        display !== 'flex' && displayClassNames[display],\n      )}\n      baseStyle={getGapsByUser(rowGap, columnGap)}\n      {...resolvedProps}\n    />\n  );\n};\n\nfunction getGapsPresets(rowGap: GapProp, columnGap: GapProp) {\n  return classNames(\n    typeof rowGap === 'string' && rowGapClassNames[rowGap],\n    typeof columnGap === 'string' && columnGapClassNames[columnGap],\n  );\n}\n\nfunction getGapsByUser(rowGap: GapProp, columnGap: GapProp) {\n  const style: CSSCustomProperties = {};\n\n  if (typeof rowGap === 'number') {\n    style['--vkui_internal--row_gap'] = `${rowGap}px`;\n  }\n  if (typeof columnGap === 'number') {\n    style['--vkui_internal--column_gap'] = `${columnGap}px`;\n  }\n\n  return style;\n}\n\nFlex.Item = FlexItem;\n"],"names":["classNames","calculateGap","columnGapClassNames","resolveLayoutProps","rowGapClassNames","RootComponent","FlexItem","justifyClassNames","alignClassNames","start","end","center","stretch","baseline","alignSelfClassNames","displayClassNames","Flex","gap","align","justify","margin","noWrap","direction","reverse","alignSelf","display","restProps","rowGap","columnGap","resolvedProps","baseClassName","getGapsPresets","baseStyle","getGapsByUser","style","Item"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SACEC,YAAY,EACZC,mBAAmB,EAGnBC,kBAAkB,EAClBC,gBAAgB,QACX,6BAAoB;AAG3B,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,QAAQ,QAA4B,yBAAsB;AAMnE,MAAMC,oBAAoB;IACxB,OAAO;IACP,KAAK;IACL,QAAQ;IACR,cAAc;IACd,eAAe;IACf,cAAc;AAChB;AAEA,MAAMC,kBAAkB;IACtBC,KAAK;IACLC,GAAG;IACHC,MAAM;IACNC,OAAO;IACPC,QAAQ;AACV;AAEA,MAAMC,sBAAsB;IAC1BL,KAAK;IACLC,GAAG;IACHC,MAAM;IACNE,QAAQ;IACRD,OAAO;AACT;AAEA,MAAMG,oBAAoB;IACxB,MAAM;IACN,aAAa;AACf;AAmDA;;CAEC,GACD,OAAO,MAAMC,OAMT,CAAC,EACHC,MAAM,CAAC,EACPC,KAAK,EACLC,OAAO,EACPC,SAAS,MAAM,EACfC,SAAS,KAAK,EACdC,YAAY,KAAK,EACjBC,UAAU,KAAK,EACfC,SAAS,EACTC,UAAU,MAAM,EAChB,GAAGC,WACO;IACV,MAAM,CAACC,QAAQC,UAAU,GAAG3B,aAAagB;IACzC,MAAMY,gBAAgB1B,mBAAmBuB;IAEzC,qBACE,KAACrB;QACCyB,eAAe9B,6BAEb,CAACqB,4BACDE,gCACAD,cAAc,sCACdF,WAAW,kCACXF,SAASV,eAAe,CAACU,MAAM,EAC/BM,aAAaV,mBAAmB,CAACU,UAAU,EAC3CL,WAAWZ,iBAAiB,CAACY,QAAQ,EACrCY,eAAeJ,QAAQC,YACvBH,YAAY,UAAUV,iBAAiB,CAACU,QAAQ;QAElDO,WAAWC,cAAcN,QAAQC;QAChC,GAAGC,aAAa;;AAGvB,EAAE;AAEF,SAASE,eAAeJ,MAAe,EAAEC,SAAkB;IACzD,OAAO5B,WACL,OAAO2B,WAAW,YAAYvB,gBAAgB,CAACuB,OAAO,EACtD,OAAOC,cAAc,YAAY1B,mBAAmB,CAAC0B,UAAU;AAEnE;AAEA,SAASK,cAAcN,MAAe,EAAEC,SAAkB;IACxD,MAAMM,QAA6B,CAAC;IAEpC,IAAI,OAAOP,WAAW,UAAU;QAC9BO,KAAK,CAAC,2BAA2B,GAAG,GAAGP,OAAO,EAAE,CAAC;IACnD;IACA,IAAI,OAAOC,cAAc,UAAU;QACjCM,KAAK,CAAC,8BAA8B,GAAG,GAAGN,UAAU,EAAE,CAAC;IACzD;IAEA,OAAOM;AACT;AAEAlB,KAAKmB,IAAI,GAAG7B"}
+{"version":3,"sources":["../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport {\n  calculateGap,\n  columnGapClassNames,\n  type GapProp,\n  type GapsProp,\n  resolveLayoutProps,\n  rowGapClassNames,\n} from '../../lib/layouts';\nimport type { LayoutProps } from '../../lib/layouts/types';\nimport type { CSSCustomProperties } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport type { RootComponentProps } from '../RootComponent/RootComponent';\nimport { FlexItem, type FlexItemProps } from './FlexItem/FlexItem';\nimport styles from './Flex.module.css';\n\nexport type { FlexItemProps };\n\nconst justifyClassNames = {\n  'start': styles.justifyStart,\n  'end': styles.justifyEnd,\n  'center': styles.justifyCenter,\n  'space-around': styles.justifySpaceAround,\n  'space-between': styles.justifySpaceBetween,\n  'space-evenly': styles.justifySpaceEvenly,\n};\n\nconst alignClassNames = {\n  start: styles.alignStart,\n  end: styles.alignEnd,\n  center: styles.alignCenter,\n  stretch: styles.alignStretch,\n  baseline: styles.alignBaseline,\n};\n\nconst displayClassNames = {\n  'none': styles.displayNone,\n  'inline-flex': styles.displayInlineFlex,\n};\n\ntype FlexContentProps =\n  | 'start'\n  | 'end'\n  | 'center'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly';\n\nexport interface FlexProps extends RootComponentProps<HTMLElement>, LayoutProps {\n  /**\n   * Направление осей, эквивалентно `flex-direction`.\n   */\n  direction?: 'row' | 'column' | undefined;\n  /**\n   * Отступы между элементами.\n   * Значение из списка предопределённых пресетов или число, которое будет приведено к пикселям.\n   * Через массив можно задать отступ между столбцами и строками [row, column], если они отличаются.\n   */\n  gap?: GapsProp | undefined;\n  /**\n   * Отключает перенос контента, эквивалентно `flex-wrap=nowrap`.\n   */\n  noWrap?: boolean | undefined;\n  /**\n   * Выравнивание элементов по вспомогательной оси, эквивалентно `align-items`.\n   */\n  align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline' | undefined;\n  /**\n   * Выравнивание элементов по главной оси, эквивалентно `justify-content`.\n   */\n  justify?: FlexContentProps | undefined;\n  /**\n   * Значение `auto` позволяет задать платформенные отступы вокруг контейнера.\n   */\n  margin?: 'none' | 'auto' | undefined;\n  /**\n   * Для инвертирования направления, эквивалентно `row-reverse` `column-reverse`.\n   */\n  reverse?: boolean | undefined;\n  /**\n   * Возможность задать css-свойство `display`.\n   */\n  display?: 'none' | 'flex' | 'inline-flex' | undefined;\n}\n\n/**\n * @see https://vkui.io/components/flex\n */\nexport const Flex: React.FC<FlexProps> & {\n  /**\n   * @deprecated Since 7.11.0. Будет удалено в **VKUI v9**.\n   * Используйте компонент `Box`.\n   */\n  Item: typeof FlexItem;\n} = ({\n  gap = 0,\n  align,\n  justify,\n  margin = 'none',\n  noWrap = false,\n  direction = 'row',\n  reverse = false,\n  display = 'flex',\n  ...restProps\n}: FlexProps) => {\n  const [rowGap, columnGap] = calculateGap(gap);\n  const resolvedProps = resolveLayoutProps(restProps);\n\n  return (\n    <RootComponent\n      baseClassName={classNames(\n        styles.host,\n        !noWrap && styles.wrap,\n        reverse && styles.reverse,\n        direction !== 'row' && styles.directionColumn,\n        margin !== 'none' && styles.marginAuto,\n        align && alignClassNames[align],\n        justify && justifyClassNames[justify],\n        getGapsPresets(rowGap, columnGap),\n        display !== 'flex' && displayClassNames[display],\n      )}\n      baseStyle={getGapsByUser(rowGap, columnGap)}\n      {...resolvedProps}\n    />\n  );\n};\n\nfunction getGapsPresets(rowGap: GapProp, columnGap: GapProp) {\n  return classNames(\n    typeof rowGap === 'string' && rowGapClassNames[rowGap],\n    typeof columnGap === 'string' && columnGapClassNames[columnGap],\n  );\n}\n\nfunction getGapsByUser(rowGap: GapProp, columnGap: GapProp) {\n  const style: CSSCustomProperties = {};\n\n  if (typeof rowGap === 'number') {\n    style['--vkui_internal--row_gap'] = `${rowGap}px`;\n  }\n  if (typeof columnGap === 'number') {\n    style['--vkui_internal--column_gap'] = `${columnGap}px`;\n  }\n\n  return style;\n}\n\nFlex.Item = FlexItem;\n"],"names":["classNames","calculateGap","columnGapClassNames","resolveLayoutProps","rowGapClassNames","RootComponent","FlexItem","justifyClassNames","alignClassNames","start","end","center","stretch","baseline","displayClassNames","Flex","gap","align","justify","margin","noWrap","direction","reverse","display","restProps","rowGap","columnGap","resolvedProps","baseClassName","getGapsPresets","baseStyle","getGapsByUser","style","Item"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SACEC,YAAY,EACZC,mBAAmB,EAGnBC,kBAAkB,EAClBC,gBAAgB,QACX,6BAAoB;AAG3B,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,QAAQ,QAA4B,yBAAsB;AAKnE,MAAMC,oBAAoB;IACxB,OAAO;IACP,KAAK;IACL,QAAQ;IACR,cAAc;IACd,eAAe;IACf,cAAc;AAChB;AAEA,MAAMC,kBAAkB;IACtBC,KAAK;IACLC,GAAG;IACHC,MAAM;IACNC,OAAO;IACPC,QAAQ;AACV;AAEA,MAAMC,oBAAoB;IACxB,MAAM;IACN,aAAa;AACf;AA+CA;;CAEC,GACD,OAAO,MAAMC,OAMT,CAAC,EACHC,MAAM,CAAC,EACPC,KAAK,EACLC,OAAO,EACPC,SAAS,MAAM,EACfC,SAAS,KAAK,EACdC,YAAY,KAAK,EACjBC,UAAU,KAAK,EACfC,UAAU,MAAM,EAChB,GAAGC,WACO;IACV,MAAM,CAACC,QAAQC,UAAU,GAAGzB,aAAae;IACzC,MAAMW,gBAAgBxB,mBAAmBqB;IAEzC,qBACE,KAACnB;QACCuB,eAAe5B,6BAEb,CAACoB,4BACDE,gCACAD,cAAc,sCACdF,WAAW,kCACXF,SAAST,eAAe,CAACS,MAAM,EAC/BC,WAAWX,iBAAiB,CAACW,QAAQ,EACrCW,eAAeJ,QAAQC,YACvBH,YAAY,UAAUT,iBAAiB,CAACS,QAAQ;QAElDO,WAAWC,cAAcN,QAAQC;QAChC,GAAGC,aAAa;;AAGvB,EAAE;AAEF,SAASE,eAAeJ,MAAe,EAAEC,SAAkB;IACzD,OAAO1B,WACL,OAAOyB,WAAW,YAAYrB,gBAAgB,CAACqB,OAAO,EACtD,OAAOC,cAAc,YAAYxB,mBAAmB,CAACwB,UAAU;AAEnE;AAEA,SAASK,cAAcN,MAAe,EAAEC,SAAkB;IACxD,MAAMM,QAA6B,CAAC;IAEpC,IAAI,OAAOP,WAAW,UAAU;QAC9BO,KAAK,CAAC,2BAA2B,GAAG,GAAGP,OAAO,EAAE,CAAC;IACnD;IACA,IAAI,OAAOC,cAAc,UAAU;QACjCM,KAAK,CAAC,8BAA8B,GAAG,GAAGN,UAAU,EAAE,CAAC;IACzD;IAEA,OAAOM;AACT;AAEAjB,KAAKkB,IAAI,GAAG3B"}

package/dist/components/Flex/FlexItem/FlexItem.d.ts

@@ -1,9 +1,6 @@
+import { type LayoutProps } from '../../../lib/layouts';
 import type { RootComponentProps } from '../../RootComponent/RootComponent';
-export interface FlexItemProps extends RootComponentProps<HTMLElement> {
-    /**
-     * Для задания выравнивания, отлично от родительского, эквивалентно `align-self`.
-     */
-    alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+export type FlexItemProps = RootComponentProps<HTMLElement> & Pick<LayoutProps, 'alignSelf' | 'justifySelf' | 'flexBasis'> & {
     /**
      * Позволяет задать предопределенные значения свойства `flex`:
      *
@@ -12,11 +9,7 @@ export interface FlexItemProps extends RootComponentProps<HTMLElement> {
      * - `content` соответствует значению `1 1 auto`
      * - `fixed` соответствует значению `0 0 auto`.
      */
-    flex?: 'grow' | 'shrink' | 'content' | 'fixed';
-    /**
-     * Изначальный размер элемента, эквивалентно `flex-basis`.
-     */
-    flexBasis?: number | string;
-}
-export declare const FlexItem: ({ alignSelf, flex, flexBasis, ...restProps }: FlexItemProps) => React.ReactNode;
+    flex?: 'grow' | 'shrink' | 'content' | 'fixed' | undefined;
+};
+export declare const FlexItem: ({ flex, ...restProps }: FlexItemProps) => React.ReactNode;
 //# sourceMappingURL=FlexItem.d.ts.map

package/dist/components/Flex/FlexItem/FlexItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAkB5E,MAAM,WAAW,aAAc,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAChE;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAID,eAAO,MAAM,QAAQ,GAAI,8CAKtB,aAAa,KAAG,KAAK,CAAC,SAexB,CAAC"}
+{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,sBAAsB,CAAC;AAG5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAU5E,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,GACzD,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,aAAa,GAAG,WAAW,CAAC,GAAG;IAC7D;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CAC5D,CAAC;AAIJ,eAAO,MAAM,QAAQ,GAAI,wBAAwB,aAAa,KAAG,KAAK,CAAC,SAQtE,CAAC"}

package/dist/components/Flex/FlexItem/FlexItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from "@vkontakte/vkjs";
+import { resolveLayoutProps } from "../../../lib/layouts/index.js";
 import { warnOnce } from "../../../lib/warnOnce.js";
 import { RootComponent } from "../../RootComponent/RootComponent.js";
 const flexClassNames = {
@@ -8,24 +8,15 @@ const flexClassNames = {
     content: "vkuiFlexItem__flexContent",
     fixed: "vkuiFlexItem__flexFixed"
 };
-const alignSelfClassNames = {
-    start: "vkuiFlexItem__alignSelfStart",
-    end: "vkuiFlexItem__alignSelfEnd",
-    center: "vkuiFlexItem__alignSelfCenter",
-    baseline: "vkuiFlexItem__alignSelfBaseline",
-    stretch: "vkuiFlexItem__alignSelfStretch"
-};
 const warn = warnOnce('Flex.Item');
-export const FlexItem = ({ alignSelf, flex, flexBasis, ...restProps })=>{
+export const FlexItem = ({ flex, ...restProps })=>{
     if (process.env.NODE_ENV === 'development') {
         warn('Компонент Flex.Item устарел, используйте компонент Box в качестве альтернативы.');
     }
+    const resolvedProps = resolveLayoutProps(restProps);
     return /*#__PURE__*/ _jsx(RootComponent, {
-        baseStyle: {
-            flexBasis
-        },
-        baseClassName: classNames(alignSelf && alignSelfClassNames[alignSelf], flex && flexClassNames[flex]),
-        ...restProps
+        baseClassName: flex && flexClassNames[flex],
+        ...resolvedProps
     });
 };
 

package/dist/components/Flex/FlexItem/FlexItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport type { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './FlexItem.module.css';\n\nconst flexClassNames = {\n  grow: styles.flexGrow,\n  shrink: styles.flexShrink,\n  content: styles.flexContent,\n  fixed: styles.flexFixed,\n};\n\nconst alignSelfClassNames = {\n  start: styles.alignSelfStart,\n  end: styles.alignSelfEnd,\n  center: styles.alignSelfCenter,\n  baseline: styles.alignSelfBaseline,\n  stretch: styles.alignSelfStretch,\n};\n\nexport interface FlexItemProps extends RootComponentProps<HTMLElement> {\n  /**\n   * Для задания выравнивания, отлично от родительского, эквивалентно `align-self`.\n   */\n  alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';\n  /**\n   * Позволяет задать предопределенные значения свойства `flex`:\n   *\n   * - `grow` соответствует значению `1 0 auto`\n   * - `shrink` соответствует значению `0 1 auto`\n   * - `content` соответствует значению `1 1 auto`\n   * - `fixed` соответствует значению `0 0 auto`.\n   */\n  flex?: 'grow' | 'shrink' | 'content' | 'fixed';\n  /**\n   * Изначальный размер элемента, эквивалентно `flex-basis`.\n   */\n  flexBasis?: number | string;\n}\n\nconst warn = warnOnce('Flex.Item');\n\nexport const FlexItem = ({\n  alignSelf,\n  flex,\n  flexBasis,\n  ...restProps\n}: FlexItemProps): React.ReactNode => {\n  if (process.env.NODE_ENV === 'development') {\n    warn('Компонент Flex.Item устарел, используйте компонент Box в качестве альтернативы.');\n  }\n\n  return (\n    <RootComponent\n      baseStyle={{ flexBasis }}\n      baseClassName={classNames(\n        alignSelf && alignSelfClassNames[alignSelf],\n        flex && flexClassNames[flex],\n      )}\n      {...restProps}\n    />\n  );\n};\n"],"names":["classNames","warnOnce","RootComponent","flexClassNames","grow","shrink","content","fixed","alignSelfClassNames","start","end","center","baseline","stretch","warn","FlexItem","alignSelf","flex","flexBasis","restProps","process","env","NODE_ENV","baseStyle","baseClassName"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,aAAa,QAAQ,uCAAoC;AAIlE,MAAMC,iBAAiB;IACrBC,IAAI;IACJC,MAAM;IACNC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,sBAAsB;IAC1BC,KAAK;IACLC,GAAG;IACHC,MAAM;IACNC,QAAQ;IACRC,OAAO;AACT;AAsBA,MAAMC,OAAOb,SAAS;AAEtB,OAAO,MAAMc,WAAW,CAAC,EACvBC,SAAS,EACTC,IAAI,EACJC,SAAS,EACT,GAAGC,WACW;IACd,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1CR,KAAK;IACP;IAEA,qBACE,KAACZ;QACCqB,WAAW;YAAEL;QAAU;QACvBM,eAAexB,WACbgB,aAAaR,mBAAmB,CAACQ,UAAU,EAC3CC,QAAQd,cAAc,CAACc,KAAK;QAE7B,GAAGE,SAAS;;AAGnB,EAAE"}
+{"version":3,"sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"sourcesContent":["import { type LayoutProps, resolveLayoutProps } from '../../../lib/layouts';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport type { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './FlexItem.module.css';\n\nconst flexClassNames = {\n  grow: styles.flexGrow,\n  shrink: styles.flexShrink,\n  content: styles.flexContent,\n  fixed: styles.flexFixed,\n};\n\nexport type FlexItemProps = RootComponentProps<HTMLElement> &\n  Pick<LayoutProps, 'alignSelf' | 'justifySelf' | 'flexBasis'> & {\n    /**\n     * Позволяет задать предопределенные значения свойства `flex`:\n     *\n     * - `grow` соответствует значению `1 0 auto`\n     * - `shrink` соответствует значению `0 1 auto`\n     * - `content` соответствует значению `1 1 auto`\n     * - `fixed` соответствует значению `0 0 auto`.\n     */\n    flex?: 'grow' | 'shrink' | 'content' | 'fixed' | undefined;\n  };\n\nconst warn = warnOnce('Flex.Item');\n\nexport const FlexItem = ({ flex, ...restProps }: FlexItemProps): React.ReactNode => {\n  if (process.env.NODE_ENV === 'development') {\n    warn('Компонент Flex.Item устарел, используйте компонент Box в качестве альтернативы.');\n  }\n\n  const resolvedProps = resolveLayoutProps(restProps);\n\n  return <RootComponent baseClassName={flex && flexClassNames[flex]} {...resolvedProps} />;\n};\n"],"names":["resolveLayoutProps","warnOnce","RootComponent","flexClassNames","grow","shrink","content","fixed","warn","FlexItem","flex","restProps","process","env","NODE_ENV","resolvedProps","baseClassName"],"mappings":";AAAA,SAA2BA,kBAAkB,QAAQ,gCAAuB;AAC5E,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,aAAa,QAAQ,uCAAoC;AAIlE,MAAMC,iBAAiB;IACrBC,IAAI;IACJC,MAAM;IACNC,OAAO;IACPC,KAAK;AACP;AAeA,MAAMC,OAAOP,SAAS;AAEtB,OAAO,MAAMQ,WAAW,CAAC,EAAEC,IAAI,EAAE,GAAGC,WAA0B;IAC5D,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1CN,KAAK;IACP;IAEA,MAAMO,gBAAgBf,mBAAmBW;IAEzC,qBAAO,KAACT;QAAcc,eAAeN,QAAQP,cAAc,CAACO,KAAK;QAAG,GAAGK,aAAa;;AACtF,EAAE"}

package/dist/components/FloatingArrow/FloatingArrow.d.ts

@@ -3,9 +3,9 @@ import type { Placement } from '../../lib/floating';
 import type { HasDataAttribute, HTMLAttributesWithRootRef } from '../../types';
 export type Coords = {
     /** Координата x. */
-    x?: number;
+    x?: number | undefined;
     /** Координата y. */
-    y?: number;
+    y?: number | undefined;
 };
 export declare const placementClassNames: {
     right: string;
@@ -16,31 +16,31 @@ export interface FloatingArrowProps extends HTMLAttributesWithRootRef<HTMLDivEle
     /**
      * Сдвиг стрелки относительно текущих координат.
      */
-    offset?: number;
+    offset?: number | undefined;
     /**
      * Включает абсолютное смещение по `offset`.
      */
-    isStaticOffset?: boolean;
+    isStaticOffset?: boolean | undefined;
     /**
      * Координаты стрелки.
      */
-    coords?: Coords;
+    coords?: Coords | undefined;
     /**
      * Расположение всплывающего элемента.
      */
-    placement?: Placement;
+    placement?: Placement | undefined;
     /**
      * Стили иконки.
      */
-    iconStyle?: React.CSSProperties;
+    iconStyle?: React.CSSProperties | undefined;
     /**
      * `className` для иконки.
      */
-    iconClassName?: string;
+    iconClassName?: string | undefined;
     /**
      * Иконка для отображения стрелки.
      */
-    Icon?: React.ComponentType<React.SVGAttributes<SVGSVGElement>>;
+    Icon?: React.ComponentType<React.SVGAttributes<SVGSVGElement>> | undefined;
 }
 /**
  * Иконка-стрелка для всплывающих окон.

package/dist/components/FloatingArrow/FloatingArrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingArrow.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingArrow/FloatingArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK/E,MAAM,MAAM,MAAM,GAAG;IACnB,oBAAoB;IACpB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,gBAAgB;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;CAChE;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,6FAS3B,kBAAkB,KAAG,KAAK,CAAC,SAiB7B,CAAC"}
+{"version":3,"file":"FloatingArrow.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingArrow/FloatingArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK/E,MAAM,MAAM,MAAM,GAAG;IACnB,oBAAoB;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,oBAAoB;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,gBAAgB;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IAC5C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,GAAG,SAAS,CAAC;CAC5E;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,6FAS3B,kBAAkB,KAAG,KAAK,CAAC,SAiB7B,CAAC"}