@vkontakte/vkui 8.0.2 → 8.1.0

package/dist/components/Accordion/Accordion.d.ts

@@ -1,32 +1,33 @@
 import * as React from 'react';
 import type { HasChildren } from '../../types';
 import { AccordionContent } from './AccordionContent';
+import { AccordionIcon } from './AccordionIcon';
 import { AccordionSummary } from './AccordionSummary';
 export interface AccordionProps extends HasChildren {
     /**
      * Используется для генерации id для заголовка и контента(a11y).
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * Управляет раскрытием и скрытием контента.
      */
-    expanded?: boolean;
+    expanded?: boolean | undefined;
     /**
      * Значение по умолчанию.
      */
-    defaultExpanded?: boolean;
+    defaultExpanded?: boolean | undefined;
     /**
      * Возвращает новое значение при изменении раскрытия/сворачивания контента.
      */
-    onChange?: (newValue: boolean) => void;
+    onChange?: ((newValue: boolean) => void) | undefined;
     /**
      * Блокировка взаимодействия с компонентом.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Нужно ли удалять из DOM контент при сворачивании.
      */
-    unmountOnCollapsed?: boolean;
+    unmountOnCollapsed?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/accordion
@@ -34,5 +35,6 @@ export interface AccordionProps extends HasChildren {
 export declare const Accordion: React.FC<AccordionProps> & {
     Summary: typeof AccordionSummary;
     Content: typeof AccordionContent;
+    Icon: typeof AccordionIcon;
 };
 //# sourceMappingURL=Accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG;IACjD,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;CA+BlC,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC1C;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG;IACjD,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,IAAI,EAAE,OAAO,aAAa,CAAC;CA+B5B,CAAC"}

package/dist/components/Accordion/Accordion.js

@@ -5,6 +5,7 @@ import { useCustomEnsuredControl } from "../../hooks/useEnsuredControl.js";
 import { defineComponentDisplayNames } from "../../lib/react/defineComponentDisplayNames.js";
 import { AccordionContent } from "./AccordionContent.js";
 import { AccordionContext } from "./AccordionContext.js";
+import { AccordionIcon } from "./AccordionIcon.js";
 import { AccordionSummary } from "./AccordionSummary.js";
 function useAccordionId(id) {
     const generatedId = React.useId();
@@ -45,9 +46,11 @@ function useAccordionId(id) {
 };
 Accordion.Summary = AccordionSummary;
 Accordion.Content = AccordionContent;
+Accordion.Icon = AccordionIcon;
 if (process.env.NODE_ENV !== 'production') {
     defineComponentDisplayNames(Accordion.Summary, 'Accordion.Summary');
     defineComponentDisplayNames(Accordion.Content, 'Accordion.Content');
+    defineComponentDisplayNames(Accordion.Icon, 'Accordion.Icon');
 }
 
 //# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext, type AccordionContextProps } from './AccordionContext';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n  const generatedId = React.useId();\n  const labelId = id ?? `Accordion${generatedId}`;\n  const contentId = `AccordionContent${id ?? generatedId}`;\n\n  return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n  /**\n   * Используется для генерации id для заголовка и контента(a11y).\n   */\n  id?: string;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Возвращает новое значение при изменении раскрытия/сворачивания контента.\n   */\n  onChange?: (newValue: boolean) => void;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n  /**\n   * Нужно ли удалять из DOM контент при сворачивании.\n   */\n  unmountOnCollapsed?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/accordion\n */\nexport const Accordion: React.FC<AccordionProps> & {\n  Summary: typeof AccordionSummary;\n  Content: typeof AccordionContent;\n} = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\n  unmountOnCollapsed = false,\n  ...restProps\n}: AccordionProps) => {\n  const { labelId, contentId } = useAccordionId(id);\n\n  const [expanded, onChange] = useCustomEnsuredControl({\n    value: expandedProp,\n    defaultValue: defaultExpanded,\n    onChange: onChangeProp,\n    disabled: restProps.disabled,\n  });\n\n  const context = React.useMemo<AccordionContextProps>(\n    () => ({\n      labelId,\n      contentId,\n      expanded: expanded || false,\n      unmountOnCollapsed,\n      onChange,\n    }),\n    [contentId, expanded, labelId, onChange, unmountOnCollapsed],\n  );\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.Summary = AccordionSummary;\nAccordion.Content = AccordionContent;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(Accordion.Summary, 'Accordion.Summary');\n  defineComponentDisplayNames(Accordion.Content, 'Accordion.Content');\n}\n"],"names":["React","useCustomEnsuredControl","defineComponentDisplayNames","AccordionContent","AccordionContext","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","unmountOnCollapsed","restProps","value","defaultValue","disabled","context","useMemo","Provider","Summary","Content","process","env","NODE_ENV"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mCAAgC;AACxE,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,QAAoC,wBAAqB;AAClF,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcR,MAAMS,KAAK;IAC/B,MAAMC,UAAUH,MAAM,CAAC,SAAS,EAAEC,aAAa;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,MAAMC,aAAa;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;AA6BA;;CAEC,GACD,OAAO,MAAMC,YAGT,CAAC,EACHL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EACRC,qBAAqB,KAAK,EAC1B,GAAGC,WACY;IACf,MAAM,EAAEV,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGf,wBAAwB;QACnDoB,OAAOP;QACPQ,cAAcP;QACdC,UAAUC;QACVM,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,UAAUxB,MAAMyB,OAAO,CAC3B,IAAO,CAAA;YACLf;YACAC;YACAE,UAAUA,YAAY;YACtBM;YACAH;QACF,CAAA,GACA;QAACL;QAAWE;QAAUH;QAASM;QAAUG;KAAmB;IAG9D,qBAAO,KAACf,iBAAiBsB,QAAQ;QAACL,OAAOG;kBAAUN;;AACrD,EAAE;AAEFN,UAAUe,OAAO,GAAGtB;AACpBO,UAAUgB,OAAO,GAAGzB;AAEpB,IAAI0B,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzC7B,4BAA4BU,UAAUe,OAAO,EAAE;IAC/CzB,4BAA4BU,UAAUgB,OAAO,EAAE;AACjD"}
+{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext, type AccordionContextProps } from './AccordionContext';\nimport { AccordionIcon } from './AccordionIcon';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n  const generatedId = React.useId();\n  const labelId = id ?? `Accordion${generatedId}`;\n  const contentId = `AccordionContent${id ?? generatedId}`;\n\n  return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n  /**\n   * Используется для генерации id для заголовка и контента(a11y).\n   */\n  id?: string | undefined;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean | undefined;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean | undefined;\n  /**\n   * Возвращает новое значение при изменении раскрытия/сворачивания контента.\n   */\n  onChange?: ((newValue: boolean) => void) | undefined;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * Нужно ли удалять из DOM контент при сворачивании.\n   */\n  unmountOnCollapsed?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/accordion\n */\nexport const Accordion: React.FC<AccordionProps> & {\n  Summary: typeof AccordionSummary;\n  Content: typeof AccordionContent;\n  Icon: typeof AccordionIcon;\n} = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\n  unmountOnCollapsed = false,\n  ...restProps\n}: AccordionProps) => {\n  const { labelId, contentId } = useAccordionId(id);\n\n  const [expanded, onChange] = useCustomEnsuredControl({\n    value: expandedProp,\n    defaultValue: defaultExpanded,\n    onChange: onChangeProp,\n    disabled: restProps.disabled,\n  });\n\n  const context = React.useMemo<AccordionContextProps>(\n    () => ({\n      labelId,\n      contentId,\n      expanded: expanded || false,\n      unmountOnCollapsed,\n      onChange,\n    }),\n    [contentId, expanded, labelId, onChange, unmountOnCollapsed],\n  );\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.Summary = AccordionSummary;\nAccordion.Content = AccordionContent;\nAccordion.Icon = AccordionIcon;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(Accordion.Summary, 'Accordion.Summary');\n  defineComponentDisplayNames(Accordion.Content, 'Accordion.Content');\n  defineComponentDisplayNames(Accordion.Icon, 'Accordion.Icon');\n}\n"],"names":["React","useCustomEnsuredControl","defineComponentDisplayNames","AccordionContent","AccordionContext","AccordionIcon","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","unmountOnCollapsed","restProps","value","defaultValue","disabled","context","useMemo","Provider","Summary","Content","Icon","process","env","NODE_ENV"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mCAAgC;AACxE,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,QAAoC,wBAAqB;AAClF,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcT,MAAMU,KAAK;IAC/B,MAAMC,UAAUH,MAAM,CAAC,SAAS,EAAEC,aAAa;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,MAAMC,aAAa;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;AA6BA;;CAEC,GACD,OAAO,MAAMC,YAIT,CAAC,EACHL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EACRC,qBAAqB,KAAK,EAC1B,GAAGC,WACY;IACf,MAAM,EAAEV,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGhB,wBAAwB;QACnDqB,OAAOP;QACPQ,cAAcP;QACdC,UAAUC;QACVM,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,UAAUzB,MAAM0B,OAAO,CAC3B,IAAO,CAAA;YACLf;YACAC;YACAE,UAAUA,YAAY;YACtBM;YACAH;QACF,CAAA,GACA;QAACL;QAAWE;QAAUH;QAASM;QAAUG;KAAmB;IAG9D,qBAAO,KAAChB,iBAAiBuB,QAAQ;QAACL,OAAOG;kBAAUN;;AACrD,EAAE;AAEFN,UAAUe,OAAO,GAAGtB;AACpBO,UAAUgB,OAAO,GAAG1B;AACpBU,UAAUiB,IAAI,GAAGzB;AAEjB,IAAI0B,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzC/B,4BAA4BW,UAAUe,OAAO,EAAE;IAC/C1B,4BAA4BW,UAAUgB,OAAO,EAAE;IAC/C3B,4BAA4BW,UAAUiB,IAAI,EAAE;AAC9C"}

package/dist/components/Accordion/AccordionIcon.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Icon24ChevronUp } from '@vkontakte/icons';
+export interface AccordionIconProps extends React.ComponentProps<typeof Icon24ChevronUp> {
+    /**
+     * Иконка для раскрытия контента.
+     */
+    ExpandIcon?: React.ElementType;
+    /**
+     * Иконка для сворачивания контента.
+     */
+    CollapseIcon?: React.ElementType;
+}
+export declare const AccordionIcon: ({ ExpandIcon, CollapseIcon, className, ...restProps }: AccordionIconProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AccordionIcon.d.ts.map

package/dist/components/Accordion/AccordionIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAqB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKtE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC;IACtF;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,GAAI,uDAK3B,kBAAkB,4CAMpB,CAAC"}

package/dist/components/Accordion/AccordionIcon.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Icon24ChevronDown, Icon24ChevronUp } from "@vkontakte/icons";
+import { classNames } from "@vkontakte/vkjs";
+import { AccordionContext } from "./AccordionContext.js";
+export const AccordionIcon = ({ ExpandIcon = Icon24ChevronDown, CollapseIcon = Icon24ChevronUp, className, ...restProps })=>{
+    const { expanded } = React.useContext(AccordionContext);
+    const Icon = expanded ? CollapseIcon : ExpandIcon;
+    return /*#__PURE__*/ _jsx(Icon, {
+        className: classNames(className, 'vkuiIcon', "vkuiAccordion__icon"),
+        ...restProps
+    });
+};
+
+//# sourceMappingURL=AccordionIcon.js.map

package/dist/components/Accordion/AccordionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Accordion/AccordionIcon.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\nexport interface AccordionIconProps extends React.ComponentProps<typeof Icon24ChevronUp> {\n  /**\n   * Иконка для раскрытия контента.\n   */\n  ExpandIcon?: React.ElementType;\n  /**\n   * Иконка для сворачивания контента.\n   */\n  CollapseIcon?: React.ElementType;\n}\n\nexport const AccordionIcon = ({\n  ExpandIcon = Icon24ChevronDown,\n  CollapseIcon = Icon24ChevronUp,\n  className,\n  ...restProps\n}: AccordionIconProps) => {\n  const { expanded } = React.useContext(AccordionContext);\n\n  const Icon = expanded ? CollapseIcon : ExpandIcon;\n\n  return <Icon className={classNames(className, 'vkuiIcon', styles.icon)} {...restProps} />;\n};\n"],"names":["React","Icon24ChevronDown","Icon24ChevronUp","classNames","AccordionContext","AccordionIcon","ExpandIcon","CollapseIcon","className","restProps","expanded","useContext","Icon"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,mBAAmB;AACtE,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,gBAAgB,QAAQ,wBAAqB;AActD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,aAAaL,iBAAiB,EAC9BM,eAAeL,eAAe,EAC9BM,SAAS,EACT,GAAGC,WACgB;IACnB,MAAM,EAAEC,QAAQ,EAAE,GAAGV,MAAMW,UAAU,CAACP;IAEtC,MAAMQ,OAAOF,WAAWH,eAAeD;IAEvC,qBAAO,KAACM;QAAKJ,WAAWL,WAAWK,WAAW;QAA2B,GAAGC,SAAS;;AACvF,EAAE"}

package/dist/components/Accordion/AccordionSummary.d.ts

@@ -4,15 +4,15 @@ export interface AccordionSummaryProps extends Omit<SimpleCellProps, 'chevron'>
     /**
      * Иконка для раскрытия контента.
      */
-    ExpandIcon?: React.ElementType;
+    ExpandIcon?: React.ElementType | undefined;
     /**
      * Иконка для сворачивания контента.
      */
-    CollapseIcon?: React.ElementType;
+    CollapseIcon?: React.ElementType | undefined;
     /**
      * Позиция иконки.
      */
-    iconPosition?: 'before' | 'after';
+    iconPosition?: 'before' | 'after' | 'none' | undefined;
 }
 export declare const AccordionSummary: ({ after, before, ExpandIcon, CollapseIcon, iconPosition, onClick, children, ...restProps }: AccordionSummaryProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AccordionSummary.d.ts.map

package/dist/components/Accordion/AccordionSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionSummary.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionSummary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAI5E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IAC7E;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,GAAI,4FAS9B,qBAAqB,4CAqCvB,CAAC"}
+{"version":3,"file":"AccordionSummary.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionSummary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAI5E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IAC7E;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CACxD;AAED,eAAO,MAAM,gBAAgB,GAAI,4FAS9B,qBAAqB,4CAiCvB,CAAC"}

package/dist/components/Accordion/AccordionSummary.js

@@ -5,15 +5,13 @@ import { Icon24ChevronDown, Icon24ChevronUp } from "@vkontakte/icons";
 import { callMultiple } from "../../lib/callMultiple.js";
 import { SimpleCell } from "../SimpleCell/SimpleCell.js";
 import { AccordionContext } from "./AccordionContext.js";
+import { AccordionIcon } from "./AccordionIcon.js";
 export const AccordionSummary = ({ after, before, ExpandIcon = Icon24ChevronDown, CollapseIcon = Icon24ChevronUp, iconPosition = 'after', onClick, children, ...restProps })=>{
     const { expanded, labelId, contentId, onChange } = React.useContext(AccordionContext);
-    const Icon = expanded ? CollapseIcon : ExpandIcon;
     const icon = // Обертка нужна для правильной работы с отступами в SimpleCell
-    /*#__PURE__*/ _jsx("span", {
-        className: "vkuiIcon",
-        children: /*#__PURE__*/ _jsx(Icon, {
-            className: "vkuiAccordion__icon"
-        })
+    /*#__PURE__*/ _jsx(AccordionIcon, {
+        CollapseIcon: CollapseIcon,
+        ExpandIcon: ExpandIcon
     });
     const toggle = ()=>onChange(!expanded);
     return /*#__PURE__*/ _jsx(SimpleCell, {

package/dist/components/Accordion/AccordionSummary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/AccordionSummary.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { SimpleCell, type SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\nexport interface AccordionSummaryProps extends Omit<SimpleCellProps, 'chevron'> {\n  /**\n   * Иконка для раскрытия контента.\n   */\n  ExpandIcon?: React.ElementType;\n  /**\n   * Иконка для сворачивания контента.\n   */\n  CollapseIcon?: React.ElementType;\n  /**\n   * Позиция иконки.\n   */\n  iconPosition?: 'before' | 'after';\n}\n\nexport const AccordionSummary = ({\n  after,\n  before,\n  ExpandIcon = Icon24ChevronDown,\n  CollapseIcon = Icon24ChevronUp,\n  iconPosition = 'after',\n  onClick,\n  children,\n  ...restProps\n}: AccordionSummaryProps) => {\n  const { expanded, labelId, contentId, onChange } = React.useContext(AccordionContext);\n\n  const Icon = expanded ? CollapseIcon : ExpandIcon;\n\n  const icon = (\n    // Обертка нужна для правильной работы с отступами в SimpleCell\n    <span className=\"vkuiIcon\">\n      <Icon className={styles.icon} />\n    </span>\n  );\n\n  const toggle = () => onChange(!expanded);\n\n  return (\n    <SimpleCell\n      id={labelId}\n      aria-expanded={expanded}\n      aria-controls={contentId}\n      onClick={callMultiple(toggle, onClick)}\n      before={\n        <>\n          {iconPosition === 'before' && icon}\n          {before}\n        </>\n      }\n      after={\n        <>\n          {after}\n          {iconPosition === 'after' && icon}\n        </>\n      }\n      {...restProps}\n    >\n      {children}\n    </SimpleCell>\n  );\n};\n"],"names":["React","Icon24ChevronDown","Icon24ChevronUp","callMultiple","SimpleCell","AccordionContext","AccordionSummary","after","before","ExpandIcon","CollapseIcon","iconPosition","onClick","children","restProps","expanded","labelId","contentId","onChange","useContext","Icon","icon","span","className","toggle","id","aria-expanded","aria-controls"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,mBAAmB;AACtE,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,UAAU,QAA8B,8BAA2B;AAC5E,SAASC,gBAAgB,QAAQ,wBAAqB;AAkBtD,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,KAAK,EACLC,MAAM,EACNC,aAAaR,iBAAiB,EAC9BS,eAAeR,eAAe,EAC9BS,eAAe,OAAO,EACtBC,OAAO,EACPC,QAAQ,EACR,GAAGC,WACmB;IACtB,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGlB,MAAMmB,UAAU,CAACd;IAEpE,MAAMe,OAAOL,WAAWL,eAAeD;IAEvC,MAAMY,OACJ,+DAA+D;kBAC/D,KAACC;QAAKC,WAAU;kBACd,cAAA,KAACH;YAAKG,SAAS;;;IAInB,MAAMC,SAAS,IAAMN,SAAS,CAACH;IAE/B,qBACE,KAACX;QACCqB,IAAIT;QACJU,iBAAeX;QACfY,iBAAeV;QACfL,SAAST,aAAaqB,QAAQZ;QAC9BJ,sBACE;;gBACGG,iBAAiB,YAAYU;gBAC7Bb;;;QAGLD,qBACE;;gBACGA;gBACAI,iBAAiB,WAAWU;;;QAGhC,GAAGP,SAAS;kBAEZD;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/Accordion/AccordionSummary.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { SimpleCell, type SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { AccordionContext } from './AccordionContext';\nimport { AccordionIcon } from './AccordionIcon';\n\nexport interface AccordionSummaryProps extends Omit<SimpleCellProps, 'chevron'> {\n  /**\n   * Иконка для раскрытия контента.\n   */\n  ExpandIcon?: React.ElementType | undefined;\n  /**\n   * Иконка для сворачивания контента.\n   */\n  CollapseIcon?: React.ElementType | undefined;\n  /**\n   * Позиция иконки.\n   */\n  iconPosition?: 'before' | 'after' | 'none' | undefined;\n}\n\nexport const AccordionSummary = ({\n  after,\n  before,\n  ExpandIcon = Icon24ChevronDown,\n  CollapseIcon = Icon24ChevronUp,\n  iconPosition = 'after',\n  onClick,\n  children,\n  ...restProps\n}: AccordionSummaryProps) => {\n  const { expanded, labelId, contentId, onChange } = React.useContext(AccordionContext);\n\n  const icon = (\n    // Обертка нужна для правильной работы с отступами в SimpleCell\n    <AccordionIcon CollapseIcon={CollapseIcon} ExpandIcon={ExpandIcon} />\n  );\n\n  const toggle = () => onChange(!expanded);\n\n  return (\n    <SimpleCell\n      id={labelId}\n      aria-expanded={expanded}\n      aria-controls={contentId}\n      onClick={callMultiple(toggle, onClick)}\n      before={\n        <>\n          {iconPosition === 'before' && icon}\n          {before}\n        </>\n      }\n      after={\n        <>\n          {after}\n          {iconPosition === 'after' && icon}\n        </>\n      }\n      {...restProps}\n    >\n      {children}\n    </SimpleCell>\n  );\n};\n"],"names":["React","Icon24ChevronDown","Icon24ChevronUp","callMultiple","SimpleCell","AccordionContext","AccordionIcon","AccordionSummary","after","before","ExpandIcon","CollapseIcon","iconPosition","onClick","children","restProps","expanded","labelId","contentId","onChange","useContext","icon","toggle","id","aria-expanded","aria-controls"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,mBAAmB;AACtE,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,UAAU,QAA8B,8BAA2B;AAC5E,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,aAAa,QAAQ,qBAAkB;AAiBhD,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,KAAK,EACLC,MAAM,EACNC,aAAaT,iBAAiB,EAC9BU,eAAeT,eAAe,EAC9BU,eAAe,OAAO,EACtBC,OAAO,EACPC,QAAQ,EACR,GAAGC,WACmB;IACtB,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGnB,MAAMoB,UAAU,CAACf;IAEpE,MAAMgB,OACJ,+DAA+D;kBAC/D,KAACf;QAAcK,cAAcA;QAAcD,YAAYA;;IAGzD,MAAMY,SAAS,IAAMH,SAAS,CAACH;IAE/B,qBACE,KAACZ;QACCmB,IAAIN;QACJO,iBAAeR;QACfS,iBAAeP;QACfL,SAASV,aAAamB,QAAQT;QAC9BJ,sBACE;;gBACGG,iBAAiB,YAAYS;gBAC7BZ;;;QAGLD,qBACE;;gBACGA;gBACAI,iBAAiB,WAAWS;;;QAGhC,GAAGN,SAAS;kBAEZD;;AAGP,EAAE"}

package/dist/components/ActionSheet/ActionSheet.d.ts

@@ -21,15 +21,15 @@ export interface ActionSheetProps extends Pick<SharedDropdownProps, 'toggleRef'
     /**
      * Заголовок всплывающего окна.
      */
-    title?: React.ReactNode;
+    title?: React.ReactNode | undefined;
     /**
      * Описание всплывающего окна, под заголовком.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
     /**
      * Обработчик закрытия всплывающего окна.
      */
-    onClose?: (reason: ActionSheetOnCloseReason) => void;
+    onClose?: ((reason: ActionSheetOnCloseReason) => void) | undefined;
     /**
      * Обработчик закрытия всплывающего окна срабатывающий после завершения анимации закрытия.
      *
@@ -40,29 +40,29 @@ export interface ActionSheetProps extends Pick<SharedDropdownProps, 'toggleRef'
     /**
      * Только мобильный iOS.
      */
-    iosCloseItem?: React.ReactNode;
+    iosCloseItem?: React.ReactNode | undefined;
     /**
      * Свойства, которые можно прокинуть внутрь компонента:
      * - `iosCloseItem`: свойства для прокидывания в кнопку отмены на iOS.
      */
     slotProps?: {
-        iosCloseItem?: Omit<ActionSheetItemProps, 'mode' | 'isCancelItem'> & HasRootRef<HTMLElement>;
-    };
+        iosCloseItem?: (Omit<ActionSheetItemProps, 'mode' | 'isCancelItem'> & HasRootRef<HTMLElement>) | undefined;
+    } | undefined;
     /**
      * Режим отображения компонента:
      *
      * - `sheet` – отображение снизу экрана в виде всплывающего окна, подходит для мобильных устройств
      * - `menu` – отображение в виде всплывающего элемента, относительно якорного элемента.
      */
-    mode?: 'sheet' | 'menu';
+    mode?: 'sheet' | 'menu' | undefined;
     /**
      * @deprecated Since 7.3.0.  Будет удалeно в **VKUI v9**.
      */
-    mount?: boolean;
+    mount?: boolean | undefined;
     /**
      * @deprecated Since 7.3.0. Будет удалeно в **VKUI v9**.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/action-sheet

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAa/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,MAAM,MAAM,wBAAwB,GAChC,mBAAmB,GACnB,mBAAmB,GACnB,eAAe,GACf,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,CAAC;AAEhF;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,QAAQ,EAAE,yBAAyB,CAAC;CACrC;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,mBAAmB,EACjB,WAAW,GACX,qBAAqB,GACrB,WAAW,GACX,uBAAuB,GACvB,SAAS,GACT,cAAc,GACd,WAAW,CACd,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE;QACV,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,cAAc,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;KAC9F,CAAC;IACF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,2KAczB,gBAAgB,KAAG,KAAK,CAAC,SAgH3B,CAAC"}
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAa/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,MAAM,MAAM,wBAAwB,GAChC,mBAAmB,GACnB,mBAAmB,GACnB,eAAe,GACf,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,CAAC;AAEhF;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,QAAQ,EAAE,yBAAyB,CAAC;CACrC;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,mBAAmB,EACjB,WAAW,GACX,qBAAqB,GACrB,WAAW,GACX,uBAAuB,GACvB,SAAS,GACT,cAAc,GACd,WAAW,CACd,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,SAAS,CAAC,EACN;QACE,YAAY,CAAC,EACT,CAAC,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,cAAc,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,GAC/E,SAAS,CAAC;KACf,GACD,SAAS,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,2KAczB,gBAAgB,KAAG,KAAK,CAAC,SAgH3B,CAAC"}

package/dist/components/ActionSheet/ActionSheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport type { HasRootRef } from '../../types';\nimport type { ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport {\n  ActionSheetContext,\n  type ActionSheetContextType,\n  type ItemClickHandler,\n} from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport type { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nexport type ActionSheetOnCloseReason =\n  | 'click-action-item'\n  | 'click-cancel-item'\n  | 'click-overlay'\n  | 'keydown-item'\n  | 'escape-key';\n\nexport type ActionSheetOnClosedReason = 'action-item' | 'cancel-item' | 'other';\n\n/**\n * @deprecated Since 8.0.0 аргумент, переданный в функцию `onClosed`, устарел и будет удален в **VKUI v10**.\n * Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n */\nexport interface ActionSheetOnCloseOptions {\n  /**\n   * Причина закрытия всплывающего элемента.\n   *\n   * @deprecated Since 8.0.0 аргумент, переданный в функцию `onClosed`, устарел и будет удален в **VKUI v10**.\n   * Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n   */\n  closedBy: ActionSheetOnClosedReason;\n}\n\nexport interface ActionSheetProps\n  extends Pick<\n      SharedDropdownProps,\n      | 'toggleRef'\n      | 'popupOffsetDistance'\n      | 'placement'\n      | 'allowClickPropagation'\n      | 'timeout'\n      | 'restoreFocus'\n      | 'autoFocus'\n    >,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'autoFocus' | 'title'> {\n  /**\n   * Заголовок всплывающего окна.\n   */\n  title?: React.ReactNode;\n  /**\n   * Описание всплывающего окна, под заголовком.\n   */\n  description?: React.ReactNode;\n  /**\n   * Обработчик закрытия всплывающего окна.\n   */\n  onClose?: (reason: ActionSheetOnCloseReason) => void;\n  /**\n   * Обработчик закрытия всплывающего окна срабатывающий после завершения анимации закрытия.\n   *\n   * > Since 8.0.0 аргумент, переданный в данную функцию, устарел и будет удален в **VKUI v10**.\n   * > Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n   */\n  onClosed: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `iosCloseItem`: свойства для прокидывания в кнопку отмены на iOS.\n   */\n  slotProps?: {\n    iosCloseItem?: Omit<ActionSheetItemProps, 'mode' | 'isCancelItem'> & HasRootRef<HTMLElement>;\n  };\n  /**\n   * Режим отображения компонента:\n   *\n   * - `sheet` – отображение снизу экрана в виде всплывающего окна, подходит для мобильных устройств\n   * - `menu` – отображение в виде всплывающего элемента, относительно якорного элемента.\n   */\n  mode?: 'sheet' | 'menu';\n  /**\n   * @deprecated Since 7.3.0.  Будет удалeно в **VKUI v9**.\n   */\n  mount?: boolean; // TODO [>=9]: удалить неиспользуемое свойство\n  /**\n   * @deprecated Since 7.3.0. Будет удалeно в **VKUI v9**.\n   */\n  disabled?: boolean; // TODO [>=9]: удалить неиспользуемое свойство\n}\n\n/**\n * @see https://vkui.io/components/action-sheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  title,\n  description,\n  style,\n  iosCloseItem,\n  slotProps,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  onClose: onCloseProp,\n  onClosed,\n  ...restProps\n}: ActionSheetProps): React.ReactNode => {\n  const platform = usePlatform();\n  const [closedReason, setClosedReason] = React.useState<undefined | ActionSheetOnClosedReason>(\n    undefined,\n  );\n  const onCloseStable = useStableCallback(onCloseProp || noop);\n\n  const onClose = React.useCallback(\n    (onCloseReason: ActionSheetOnCloseReason, onClosedReason: ActionSheetOnClosedReason) => {\n      onCloseStable(onCloseReason);\n      setClosedReason(onClosedReason);\n    },\n    [onCloseStable],\n  );\n\n  const onOverlayClick = React.useCallback(() => onClose('click-overlay', 'other'), [onClose]);\n\n  const actionCallbackRef = React.useRef(noop);\n\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closedReason !== undefined ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClosed({ closedBy: closedReason || 'other' });\n        actionCallbackRef.current();\n        actionCallbackRef.current = noop;\n      },\n    },\n  );\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    ({ action, immediateAction, autoClose, isCancelItem }) =>\n      (event) => {\n        event.persist();\n        immediateAction && immediateAction(event);\n        if (autoClose) {\n          if (action) {\n            actionCallbackRef.current = () => action(event);\n          }\n          onClose(\n            isCancelItem ? 'click-cancel-item' : 'click-action-item',\n            isCancelItem ? 'cancel-item' : 'action-item',\n          );\n        } else {\n          action && action(event);\n        }\n      },\n    [onClose],\n  );\n  const contextValue = React.useMemo<ActionSheetContextType>(\n    () => ({ onItemClick, mode, onClose: (reason) => onClose(reason, 'other') }),\n    [mode, onClose, onItemClick],\n  );\n\n  const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n  const dropdownProps =\n    mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={Boolean(closedReason)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        autoFocus={animationState === 'entered'}\n        {...dropdownProps}\n        {...animationHandlers}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles.contentWrapper}>\n          {(title || description) && (\n            <div className={styles.header}>\n              {title && (\n                <Footnote weight=\"2\" className={styles.title}>\n                  {title}\n                </Footnote>\n              )}\n              {description && <Footnote className={styles.description}>{description}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles.closeItemWrapperIos}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem {...slotProps?.iosCloseItem} />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  return (\n    <AppRootPortal>\n      <PopoutWrapper\n        noBackground={mode === 'menu'}\n        closing={Boolean(closedReason)}\n        alignY=\"bottom\"\n        className={className}\n        style={style}\n        onClick={onOverlayClick}\n      >\n        {actionSheet}\n      </PopoutWrapper>\n    </AppRootPortal>\n  );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","usePlatform","useStableCallback","useCSSKeyframesAnimationController","AppRootPortal","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","ActionSheet","children","className","title","description","style","iosCloseItem","slotProps","popupOffsetDistance","placement","mode","modeProp","onClose","onCloseProp","onClosed","restProps","platform","closedReason","setClosedReason","useState","undefined","onCloseStable","useCallback","onCloseReason","onClosedReason","onOverlayClick","actionCallbackRef","useRef","animationState","animationHandlers","onExited","closedBy","current","isDesktop","onItemClick","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useMemo","reason","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","weight","noBackground","alignY","onClick"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport type { HasRootRef } from '../../types';\nimport type { ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport {\n  ActionSheetContext,\n  type ActionSheetContextType,\n  type ItemClickHandler,\n} from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport type { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nexport type ActionSheetOnCloseReason =\n  | 'click-action-item'\n  | 'click-cancel-item'\n  | 'click-overlay'\n  | 'keydown-item'\n  | 'escape-key';\n\nexport type ActionSheetOnClosedReason = 'action-item' | 'cancel-item' | 'other';\n\n/**\n * @deprecated Since 8.0.0 аргумент, переданный в функцию `onClosed`, устарел и будет удален в **VKUI v10**.\n * Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n */\nexport interface ActionSheetOnCloseOptions {\n  /**\n   * Причина закрытия всплывающего элемента.\n   *\n   * @deprecated Since 8.0.0 аргумент, переданный в функцию `onClosed`, устарел и будет удален в **VKUI v10**.\n   * Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n   */\n  closedBy: ActionSheetOnClosedReason;\n}\n\nexport interface ActionSheetProps\n  extends Pick<\n      SharedDropdownProps,\n      | 'toggleRef'\n      | 'popupOffsetDistance'\n      | 'placement'\n      | 'allowClickPropagation'\n      | 'timeout'\n      | 'restoreFocus'\n      | 'autoFocus'\n    >,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'autoFocus' | 'title'> {\n  /**\n   * Заголовок всплывающего окна.\n   */\n  title?: React.ReactNode | undefined;\n  /**\n   * Описание всплывающего окна, под заголовком.\n   */\n  description?: React.ReactNode | undefined;\n  /**\n   * Обработчик закрытия всплывающего окна.\n   */\n  onClose?: ((reason: ActionSheetOnCloseReason) => void) | undefined;\n  /**\n   * Обработчик закрытия всплывающего окна срабатывающий после завершения анимации закрытия.\n   *\n   * > Since 8.0.0 аргумент, переданный в данную функцию, устарел и будет удален в **VKUI v10**.\n   * > Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n   */\n  onClosed: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode | undefined;\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `iosCloseItem`: свойства для прокидывания в кнопку отмены на iOS.\n   */\n  slotProps?:\n    | {\n        iosCloseItem?:\n          | (Omit<ActionSheetItemProps, 'mode' | 'isCancelItem'> & HasRootRef<HTMLElement>)\n          | undefined;\n      }\n    | undefined;\n  /**\n   * Режим отображения компонента:\n   *\n   * - `sheet` – отображение снизу экрана в виде всплывающего окна, подходит для мобильных устройств\n   * - `menu` – отображение в виде всплывающего элемента, относительно якорного элемента.\n   */\n  mode?: 'sheet' | 'menu' | undefined;\n  /**\n   * @deprecated Since 7.3.0.  Будет удалeно в **VKUI v9**.\n   */\n  mount?: boolean | undefined; // TODO [>=9]: удалить неиспользуемое свойство\n  /**\n   * @deprecated Since 7.3.0. Будет удалeно в **VKUI v9**.\n   */\n  disabled?: boolean | undefined; // TODO [>=9]: удалить неиспользуемое свойство\n}\n\n/**\n * @see https://vkui.io/components/action-sheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  title,\n  description,\n  style,\n  iosCloseItem,\n  slotProps,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  onClose: onCloseProp,\n  onClosed,\n  ...restProps\n}: ActionSheetProps): React.ReactNode => {\n  const platform = usePlatform();\n  const [closedReason, setClosedReason] = React.useState<undefined | ActionSheetOnClosedReason>(\n    undefined,\n  );\n  const onCloseStable = useStableCallback(onCloseProp || noop);\n\n  const onClose = React.useCallback(\n    (onCloseReason: ActionSheetOnCloseReason, onClosedReason: ActionSheetOnClosedReason) => {\n      onCloseStable(onCloseReason);\n      setClosedReason(onClosedReason);\n    },\n    [onCloseStable],\n  );\n\n  const onOverlayClick = React.useCallback(() => onClose('click-overlay', 'other'), [onClose]);\n\n  const actionCallbackRef = React.useRef(noop);\n\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closedReason !== undefined ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClosed({ closedBy: closedReason || 'other' });\n        actionCallbackRef.current();\n        actionCallbackRef.current = noop;\n      },\n    },\n  );\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    ({ action, immediateAction, autoClose, isCancelItem }) =>\n      (event) => {\n        event.persist();\n        immediateAction && immediateAction(event);\n        if (autoClose) {\n          if (action) {\n            actionCallbackRef.current = () => action(event);\n          }\n          onClose(\n            isCancelItem ? 'click-cancel-item' : 'click-action-item',\n            isCancelItem ? 'cancel-item' : 'action-item',\n          );\n        } else {\n          action && action(event);\n        }\n      },\n    [onClose],\n  );\n  const contextValue = React.useMemo<ActionSheetContextType>(\n    () => ({ onItemClick, mode, onClose: (reason) => onClose(reason, 'other') }),\n    [mode, onClose, onItemClick],\n  );\n\n  const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n  const dropdownProps =\n    mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={Boolean(closedReason)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        autoFocus={animationState === 'entered'}\n        {...dropdownProps}\n        {...animationHandlers}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles.contentWrapper}>\n          {(title || description) && (\n            <div className={styles.header}>\n              {title && (\n                <Footnote weight=\"2\" className={styles.title}>\n                  {title}\n                </Footnote>\n              )}\n              {description && <Footnote className={styles.description}>{description}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles.closeItemWrapperIos}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem {...slotProps?.iosCloseItem} />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  return (\n    <AppRootPortal>\n      <PopoutWrapper\n        noBackground={mode === 'menu'}\n        closing={Boolean(closedReason)}\n        alignY=\"bottom\"\n        className={className}\n        style={style}\n        onClick={onOverlayClick}\n      >\n        {actionSheet}\n      </PopoutWrapper>\n    </AppRootPortal>\n  );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","usePlatform","useStableCallback","useCSSKeyframesAnimationController","AppRootPortal","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","ActionSheet","children","className","title","description","style","iosCloseItem","slotProps","popupOffsetDistance","placement","mode","modeProp","onClose","onCloseProp","onClosed","restProps","platform","closedReason","setClosedReason","useState","undefined","onCloseStable","useCallback","onCloseReason","onClosedReason","onOverlayClick","actionCallbackRef","useRef","animationState","animationHandlers","onExited","closedBy","current","isDesktop","onItemClick","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useMemo","reason","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","weight","noBackground","alignY","onClick"],"mappings":"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"}

package/dist/components/ActionSheet/ActionSheetContext.d.ts

@@ -25,15 +25,15 @@ export type ActionSheetContextType<T extends Element = Element> = {
     /**
      * Обработчик нажатия на элемент.
      */
-    onItemClick?: ItemClickHandler<T>;
+    onItemClick?: ItemClickHandler<T> | undefined;
     /**
      * Обработчик закрытия `ActionSheet`.
      */
-    onClose?: (onCloseReason: ActionSheetOnCloseReason) => void;
+    onClose?: ((onCloseReason: ActionSheetOnCloseReason) => void) | undefined;
     /**
      * Режим отображения `ActionSheet`.
      */
-    mode?: 'sheet' | 'menu';
+    mode?: 'sheet' | 'menu' | undefined;
 };
 export declare const ActionSheetContext: React.Context<ActionSheetContextType<any>>;
 //# sourceMappingURL=ActionSheetContext.d.ts.map

package/dist/components/ActionSheet/ActionSheetContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetContext.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEjE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,EAAE;IACpE;;;;OAIG;IACH,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACvB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;AAExC,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAEzE,CAAC"}
+{"version":3,"file":"ActionSheetContext.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEjE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,EAAE;IACpE;;;;OAIG;IACH,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACvB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;AAExC,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,wBAAwB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAEzE,CAAC"}

package/dist/components/ActionSheet/ActionSheetContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ActionSheetOnCloseReason } from './ActionSheet';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (options: {\n  /**\n   * Действие, которое будет выполненно после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент нажатия, используйте `immediateAction`.\n   */\n  action: ActionType<T> | undefined;\n  /**\n   * Действие, которое выполняется непосредственно в момент нажатия (в отличие от `action`).\n   */\n  immediateAction: ActionType<T> | undefined;\n  /**\n   * Флаг, указывающий, нужно ли автоматически закрывать `ActionSheet`.\n   */\n  autoClose: boolean;\n  /**\n   * Флаг, указывающий является ли элемент кнопкой отмены.\n   */\n  isCancelItem: boolean;\n}) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  /**\n   * Обработчик нажатия на элемент.\n   */\n  onItemClick?: ItemClickHandler<T>;\n  /**\n   * Обработчик закрытия `ActionSheet`.\n   */\n  onClose?: (onCloseReason: ActionSheetOnCloseReason) => void;\n  /**\n   * Режим отображения `ActionSheet`.\n   */\n  mode?: 'sheet' | 'menu';\n};\n\nexport const ActionSheetContext: React.Context<ActionSheetContextType<any>> = React.createContext(\n  {},\n);\n"],"names":["React","ActionSheetContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAyC/B,OAAO,MAAMC,qBAAiED,MAAME,aAAa,CAC/F,CAAC,GACD"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ActionSheetOnCloseReason } from './ActionSheet';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (options: {\n  /**\n   * Действие, которое будет выполненно после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент нажатия, используйте `immediateAction`.\n   */\n  action: ActionType<T> | undefined;\n  /**\n   * Действие, которое выполняется непосредственно в момент нажатия (в отличие от `action`).\n   */\n  immediateAction: ActionType<T> | undefined;\n  /**\n   * Флаг, указывающий, нужно ли автоматически закрывать `ActionSheet`.\n   */\n  autoClose: boolean;\n  /**\n   * Флаг, указывающий является ли элемент кнопкой отмены.\n   */\n  isCancelItem: boolean;\n}) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  /**\n   * Обработчик нажатия на элемент.\n   */\n  onItemClick?: ItemClickHandler<T> | undefined;\n  /**\n   * Обработчик закрытия `ActionSheet`.\n   */\n  onClose?: ((onCloseReason: ActionSheetOnCloseReason) => void) | undefined;\n  /**\n   * Режим отображения `ActionSheet`.\n   */\n  mode?: 'sheet' | 'menu' | undefined;\n};\n\nexport const ActionSheetContext: React.Context<ActionSheetContextType<any>> = React.createContext(\n  {},\n);\n"],"names":["React","ActionSheetContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAyC/B,OAAO,MAAMC,qBAAiED,MAAME,aAAa,CAC/F,CAAC,GACD"}

package/dist/components/ActionSheet/types.d.ts

@@ -8,24 +8,24 @@ type UseFocusTrapProps = {
      *
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Управление поведением автофокуса при появлении всплывающего окна.
      * При прокидывании `true` фокус будет установлен на первый элемент.
      * При прокидывании `root` фокус будет установлен в корень.
      * @default true
      */
-    autoFocus?: boolean | 'root';
+    autoFocus?: boolean | 'root' | undefined;
     /**
      * Управление поведением возврата фокуса при закрытии всплывающего окна.
      * @default true
      */
-    restoreFocus?: boolean | (() => boolean | HTMLElement);
+    restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;
     /**
      * Время в миллисекундах после которого срабатывает автофокус при появлении всплывающего окна.
      * @default 0
      */
-    timeout?: number;
+    timeout?: number | undefined;
 };
 export interface SharedDropdownProps extends UseFocusTrapProps, Omit<React.AllHTMLAttributes<HTMLElement>, keyof UseFocusTrapProps>, HasRootRef<HTMLElement>, HasComponent {
     /**
@@ -41,19 +41,19 @@ export interface SharedDropdownProps extends UseFocusTrapProps, Omit<React.AllHT
      * Позиционирование всплывающего окна для десктопа.
      * Компонент выберет наилучшее расположение сам, но можно задать приоритетное направление с помощью этого свойства.
      */
-    placement?: PlacementWithAuto;
+    placement?: PlacementWithAuto | undefined;
     /**
      * Отступ, где заданное кол-во единиц равняется пикселям.
      * */
-    popupOffsetDistance?: number;
+    popupOffsetDistance?: number | undefined;
     /**
      * По умолчанию событие `onClick` не всплывает.
      */
-    allowClickPropagation?: boolean;
+    allowClickPropagation?: boolean | undefined;
     /**
      * Вызывается при нажатии на кнопку `Escape`.
      */
-    onClose?: VoidFunction;
+    onClose?: VoidFunction | undefined;
 }
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ActionSheet/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;AAErF,KAAK,iBAAiB,GAAG;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,MAAM,iBAAiB,CAAC,EACnE,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;SAEK;IACL,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;AAErF,KAAK,iBAAiB,GAAG;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACzC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,SAAS,CAAC;IACnE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,MAAM,iBAAiB,CAAC,EACnE,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC1C;;SAEK;IACL,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC"}

package/dist/components/ActionSheet/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { PlacementWithAuto } from '../../lib/floating/types/common';\nimport type { HasComponent, HasRootRef } from '../../types';\n\nexport type ToggleRef = Element | null | undefined | React.RefObject<Element | null>;\n\ntype UseFocusTrapProps = {\n  /**\n   * Форсированное отключение захвата фокуса.\n   *\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Управление поведением автофокуса при появлении всплывающего окна.\n   * При прокидывании `true` фокус будет установлен на первый элемент.\n   * При прокидывании `root` фокус будет установлен в корень.\n   * @default true\n   */\n  autoFocus?: boolean | 'root';\n  /**\n   * Управление поведением возврата фокуса при закрытии всплывающего окна.\n   * @default true\n   */\n  restoreFocus?: boolean | (() => boolean | HTMLElement);\n  /**\n   * Время в миллисекундах после которого срабатывает автофокус при появлении всплывающего окна.\n   * @default 0\n   */\n  timeout?: number;\n};\n\nexport interface SharedDropdownProps\n  extends UseFocusTrapProps,\n    Omit<React.AllHTMLAttributes<HTMLElement>, keyof UseFocusTrapProps>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Состояние закрытия всплывающего окна.\n   */\n  closing: boolean;\n  /**\n   * Элемент, рядом с которым вылезает всплывающий элемент на десктопе.\n   * Лучше передавать `RefObject` c current.\n   */\n  toggleRef: ToggleRef;\n  /**\n   * Позиционирование всплывающего окна для десктопа.\n   * Компонент выберет наилучшее расположение сам, но можно задать приоритетное направление с помощью этого свойства.\n   */\n  placement?: PlacementWithAuto;\n  /**\n   * Отступ, где заданное кол-во единиц равняется пикселям.\n   * */\n  popupOffsetDistance?: number;\n  /**\n   * По умолчанию событие `onClick` не всплывает.\n   */\n  allowClickPropagation?: boolean;\n  /**\n   * Вызывается при нажатии на кнопку `Escape`.\n   */\n  onClose?: VoidFunction;\n}\n"],"names":[],"mappings":"AAgCA,WA+BC"}
+{"version":3,"sources":["../../../src/components/ActionSheet/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { PlacementWithAuto } from '../../lib/floating/types/common';\nimport type { HasComponent, HasRootRef } from '../../types';\n\nexport type ToggleRef = Element | null | undefined | React.RefObject<Element | null>;\n\ntype UseFocusTrapProps = {\n  /**\n   * Форсированное отключение захвата фокуса.\n   *\n   * @default false\n   */\n  disabled?: boolean | undefined;\n  /**\n   * Управление поведением автофокуса при появлении всплывающего окна.\n   * При прокидывании `true` фокус будет установлен на первый элемент.\n   * При прокидывании `root` фокус будет установлен в корень.\n   * @default true\n   */\n  autoFocus?: boolean | 'root' | undefined;\n  /**\n   * Управление поведением возврата фокуса при закрытии всплывающего окна.\n   * @default true\n   */\n  restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;\n  /**\n   * Время в миллисекундах после которого срабатывает автофокус при появлении всплывающего окна.\n   * @default 0\n   */\n  timeout?: number | undefined;\n};\n\nexport interface SharedDropdownProps\n  extends UseFocusTrapProps,\n    Omit<React.AllHTMLAttributes<HTMLElement>, keyof UseFocusTrapProps>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Состояние закрытия всплывающего окна.\n   */\n  closing: boolean;\n  /**\n   * Элемент, рядом с которым вылезает всплывающий элемент на десктопе.\n   * Лучше передавать `RefObject` c current.\n   */\n  toggleRef: ToggleRef;\n  /**\n   * Позиционирование всплывающего окна для десктопа.\n   * Компонент выберет наилучшее расположение сам, но можно задать приоритетное направление с помощью этого свойства.\n   */\n  placement?: PlacementWithAuto | undefined;\n  /**\n   * Отступ, где заданное кол-во единиц равняется пикселям.\n   * */\n  popupOffsetDistance?: number | undefined;\n  /**\n   * По умолчанию событие `onClick` не всплывает.\n   */\n  allowClickPropagation?: boolean | undefined;\n  /**\n   * Вызывается при нажатии на кнопку `Escape`.\n   */\n  onClose?: VoidFunction | undefined;\n}\n"],"names":[],"mappings":"AAgCA,WA+BC"}

package/dist/components/ActionSheetItem/ActionSheetItem.d.ts

@@ -7,62 +7,62 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
      * > Since 8.0.0. Значение `"cancel"` устарело и будет удалено в **VKUI v10**.
      * > Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.
      */
-    mode?: 'default' | 'destructive' | 'cancel';
+    mode?: 'default' | 'destructive' | 'cancel' | undefined;
     /**
      * Если указано, элемент будет использоваться как ссылка.
      */
-    href?: string;
+    href?: string | undefined;
     /**
      * Атрибут `target` для тега `<a>`.
      */
-    target?: string;
+    target?: string | undefined;
     /**
      * Иконка или другой React-элемент для отображения перед основным контентом.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Иконка или другой React-элемент для отображения после основного контента.
      */
-    after?: React.ReactNode;
+    after?: React.ReactNode | undefined;
     /**
      * Дополнительная информация, отображаемая рядом с основным контентом.
      */
-    meta?: React.ReactNode;
+    meta?: React.ReactNode | undefined;
     /**
      * Слот для подсказки или вспомогательного текста.
      */
-    subtitle?: React.ReactNode;
+    subtitle?: React.ReactNode | undefined;
     /**
      * По умолчанию нажатие на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство
      * позволяет отключить такое поведение.
      */
-    autoCloseDisabled?: boolean;
+    autoCloseDisabled?: boolean | undefined;
     /**
      * Включает возможность выбрать элемент (отображает радиокнопку).
      */
-    selectable?: boolean;
+    selectable?: boolean | undefined;
     /**
      * Блокировка взаимодействия с компонентом.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Все текстовые элементы при необходимости занимают несколько строк.
      */
-    multiline?: boolean;
+    multiline?: boolean | undefined;
     /**
      * По умолчанию `onClick` будет вызван после завершения анимации скрытия и после вызова `onClose`.
      * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.
      * Если вам нужен объект события именно на момент нажатия, используйте `onImmediateClick`.
      */
-    onClick?: React.MouseEventHandler<HTMLElement>;
+    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
     /**
      * Обработчик нажатия, вызывающийся непосредственно в момент нажатия (в отличие от `onClick`).
      */
-    onImmediateClick?: React.MouseEventHandler<HTMLElement>;
+    onImmediateClick?: React.MouseEventHandler<HTMLElement> | undefined;
     /**
      * Иконка для `selectable` режима.
      */
-    iconChecked?: React.ReactNode;
+    iconChecked?: React.ReactNode | undefined;
     /**
      * Позволяет отделить `ActionItem` от `CancelItem` для определении того,
      * кто вызвал закрытие `ActionSheet`. Используется в `ActionSheet.onClose()`.
@@ -70,7 +70,7 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
      * @deprecated Since 8.0.0. Свойство устарело и будет удалено в **VKUI v10**.
      * Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.
      */
-    isCancelItem?: boolean;
+    isCancelItem?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/action-sheet#action-sheet-item

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAapD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,EACvC,gBAAgB,EAChB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACjF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,mOAoB7B,oBAAoB,KAAG,KAAK,CAAC,SAyH/B,CAAC"}
+{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAapD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,EACvC,gBAAgB,EAChB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACjF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,mOAoB7B,oBAAoB,KAAG,KAAK,CAAC,SAyH/B,CAAC"}