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

@vkontakte/vkui 8.0.2 → 8.1.0

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 (1384) hide show

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

	@@ -1 +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"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 './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 RENAMED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 RENAMED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,GAAG,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,GAAI,qCAI1B,iBAAiB,KAAG,KAAK,CAAC,SAe5B,CAAC"}

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

	@@ -1 +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"}
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 \| 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,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 CHANGED Viewed

	@@ -1 +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"}
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 \| 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,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 CHANGED Viewed

	@@ -1 +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"}
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 \| 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,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 CHANGED Viewed

	@@ -1 +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"}
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> \| 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,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 CHANGED Viewed

	@@ -1 +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"}
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' \| 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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';\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,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"}