@vkontakte/vkui 6.0.2 → 6.1.0

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { HasChildren } from '../../types';
 export interface AccordionProps extends HasChildren {
     id?: string;
@@ -13,12 +12,19 @@ export interface AccordionProps extends HasChildren {
     /**
      * Функция изменения
      */
-    onChange?(e: boolean): void;
+    onChange?: (e: boolean) => void;
     disabled?: boolean;
 }
 export declare const Accordion: {
-    ({ id, expanded: expandedProp, defaultExpanded, onChange: onChangeProp, children, ...restProps }: AccordionProps): React.JSX.Element;
-    Summary: ({ after, before, ExpandIcon, CollapseIcon, iconPosition, onClick, children, ...restProps }: import("./AccordionSummary").AccordionSummaryProps) => React.JSX.Element;
-    Content: ({ getRootRef, getRef, className, children, ...restProps }: import("./AccordionContent").AccordionContentProps) => React.JSX.Element;
+    ({ id, expanded: expandedProp, defaultExpanded, onChange: onChangeProp, children, ...restProps }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Summary: {
+        ({ after, before, ExpandIcon, CollapseIcon, iconPosition, onClick, children, ...restProps }: import("./AccordionSummary").AccordionSummaryProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ getRootRef, getRef, className, children, ...restProps }: import("./AccordionContent").AccordionContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };
 //# sourceMappingURL=Accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAa1C,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,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,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS;sGAOnB,cAAc;;;CAkBhB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAa1C,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,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,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS;sGAOnB,cAAc;;;;;;;;;;CAkBhB,CAAC"}

package/dist/cjs/components/Accordion/Accordion.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "Accordion", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useEnsuredControl = require("../../hooks/useEnsuredControl");
 const _useObjectMemo = require("../../hooks/useObjectMemo");
@@ -46,11 +47,15 @@ const Accordion = (_param)=>{
         expanded: expanded || false,
         onChange
     });
-    return /*#__PURE__*/ _react.createElement(_AccordionContext.AccordionContext.Provider, {
-        value: context
-    }, children);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionContext.AccordionContext.Provider, {
+        value: context,
+        children: children
+    });
 };
+Accordion.displayName = 'Accordion';
 Accordion.Summary = _AccordionSummary.AccordionSummary;
+Accordion.Summary.displayName = 'Accordion.Summary';
 Accordion.Content = _AccordionContent.AccordionContent;
+Accordion.Content.displayName = 'Accordion.Content';
 
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext } 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  id?: string;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Функция изменения\n   */\n  onChange?(e: boolean): void;\n  disabled?: boolean;\n}\n\nexport const Accordion = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\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 = useObjectMemo({\n    labelId,\n    contentId,\n    expanded: expanded || false,\n    onChange,\n  });\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.Summary = AccordionSummary;\nAccordion.Content = AccordionContent;\n"],"names":["Accordion","useAccordionId","id","generatedId","React","useId","labelId","contentId","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","restProps","useCustomEnsuredControl","value","defaultValue","disabled","context","useObjectMemo","AccordionContext","Provider","Summary","AccordionSummary","Content","AccordionContent"],"mappings":";;;;+BAiCaA;;;eAAAA;;;;;iEAjCU;mCACiB;+BACV;kCAEG;kCACA;kCACA;AAEjC,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcC,OAAMC,KAAK;IAC/B,MAAMC,UAAUJ,eAAAA,gBAAAA,KAAM,CAAC,SAAS,EAAEC,YAAY,CAAC;IAC/C,MAAMI,YAAY,CAAC,gBAAgB,EAAEL,eAAAA,gBAAAA,KAAMC,YAAY,CAAC;IAExD,OAAO;QAAEG;QAASC;IAAU;AAC9B;AAmBO,MAAMP,YAAY;QAAC,EACxBE,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EAEO,WADZC;QALHZ;QACAM;QACAE;QACAC;QACAE;;IAGA,MAAM,EAAEP,OAAO,EAAEC,SAAS,EAAE,GAAGN,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGI,IAAAA,0CAAuB,EAAC;QACnDC,OAAOP;QACPQ,cAAcP;QACdC,UAAUC;QACVM,UAAUJ,UAAUI,QAAQ;IAC9B;IAEA,MAAMC,UAAUC,IAAAA,4BAAa,EAAC;QAC5Bd;QACAC;QACAC,UAAUA,YAAY;QACtBG;IACF;IAEA,qBAAO,qBAACU,kCAAgB,CAACC,QAAQ;QAACN,OAAOG;OAAUN;AACrD;AAEAb,UAAUuB,OAAO,GAAGC,kCAAgB;AACpCxB,UAAUyB,OAAO,GAAGC,kCAAgB"}
+{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext } 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  id?: string;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Функция изменения\n   */\n  onChange?: (e: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Accordion = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\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 = useObjectMemo({\n    labelId,\n    contentId,\n    expanded: expanded || false,\n    onChange,\n  });\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.displayName = 'Accordion';\n\nAccordion.Summary = AccordionSummary;\nAccordion.Summary.displayName = 'Accordion.Summary';\n\nAccordion.Content = AccordionContent;\nAccordion.Content.displayName = 'Accordion.Content';\n"],"names":["Accordion","useAccordionId","id","generatedId","React","useId","labelId","contentId","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","restProps","useCustomEnsuredControl","value","defaultValue","disabled","context","useObjectMemo","AccordionContext","Provider","displayName","Summary","AccordionSummary","Content","AccordionContent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiCaA;;;eAAAA;;;;;;iEAjCU;mCACiB;+BACV;kCAEG;kCACA;kCACA;AAEjC,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcC,OAAMC,KAAK;IAC/B,MAAMC,UAAUJ,eAAAA,gBAAAA,KAAM,CAAC,SAAS,EAAEC,YAAY,CAAC;IAC/C,MAAMI,YAAY,CAAC,gBAAgB,EAAEL,eAAAA,gBAAAA,KAAMC,YAAY,CAAC;IAExD,OAAO;QAAEG;QAASC;IAAU;AAC9B;AAmBO,MAAMP,YAAY;QAAC,EACxBE,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EAEO,WADZC;QALHZ;QACAM;QACAE;QACAC;QACAE;;IAGA,MAAM,EAAEP,OAAO,EAAEC,SAAS,EAAE,GAAGN,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGI,IAAAA,0CAAuB,EAAC;QACnDC,OAAOP;QACPQ,cAAcP;QACdC,UAAUC;QACVM,UAAUJ,UAAUI,QAAQ;IAC9B;IAEA,MAAMC,UAAUC,IAAAA,4BAAa,EAAC;QAC5Bd;QACAC;QACAC,UAAUA,YAAY;QACtBG;IACF;IAEA,qBAAO,qBAACU,kCAAgB,CAACC,QAAQ;QAACN,OAAOG;kBAAUN;;AACrD;AAEAb,UAAUuB,WAAW,GAAG;AAExBvB,UAAUwB,OAAO,GAAGC,kCAAgB;AACpCzB,UAAUwB,OAAO,CAACD,WAAW,GAAG;AAEhCvB,UAAU0B,OAAO,GAAGC,kCAAgB;AACpC3B,UAAU0B,OAAO,CAACH,WAAW,GAAG"}

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

@@ -2,5 +2,8 @@ import * as React from 'react';
 import { HasRef, HasRootRef } from '../../types';
 export interface AccordionContentProps extends HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement>, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const AccordionContent: ({ getRootRef, getRef, className, children, ...restProps }: AccordionContentProps) => React.JSX.Element;
+export declare const AccordionContent: {
+    ({ getRootRef, getRef, className, children, ...restProps }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=AccordionContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA+CjD,MAAM,WAAW,qBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,MAAM,CAAC,cAAc,CAAC,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,gBAAgB,8DAM1B,qBAAqB,sBAqBvB,CAAC"}
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA+CjD,MAAM,WAAW,qBACf,SAAQ,UAAU,CAAC,cAAc,CAAC,EAChC,MAAM,CAAC,cAAc,CAAC,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,gBAAgB;gEAM1B,qBAAqB;;CAqBvB,CAAC"}

package/dist/cjs/components/Accordion/AccordionContent.js

@@ -10,7 +10,9 @@ Object.defineProperty(exports, "AccordionContent", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useExternRef = require("../../hooks/useExternRef");
@@ -59,18 +61,22 @@ const AccordionContent = (_param)=>{
     const inRef = (0, _useExternRef.useExternRef)(getRef);
     const { expanded, labelId, contentId } = _react.useContext(_AccordionContext.AccordionContext);
     const inStyle = useAccordionContent(expanded, inRef);
-    return /*#__PURE__*/ _react.createElement("div", _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread_props._(_object_spread._({
         ref: getRootRef,
         id: contentId,
         role: "region",
         "aria-labelledby": labelId,
         "aria-hidden": !expanded,
         className: (0, _vkjs.classNames)("vkuiAccordionContent", className)
-    }, restProps), /*#__PURE__*/ _react.createElement("div", {
-        ref: inRef,
-        className: "vkuiAccordionContent__in",
-        style: inStyle
-    }, children));
+    }, restProps), {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            ref: inRef,
+            className: "vkuiAccordionContent__in",
+            style: inStyle,
+            children: children
+        })
+    }));
 };
+AccordionContent.displayName = 'AccordionContent';
 
 //# sourceMappingURL=AccordionContent.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasRef, HasRootRef } from '../../types';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\n/**\n * Функция расчета max-height, для скрытия или раскрытия контента.\n */\nfunction calcMaxHeight(expanded: boolean, el: HTMLElement | null): string {\n  if (!expanded) {\n    return '0px';\n  }\n\n  // В первый рендеринг нельзя узнать высоту элемента\n  if (el === null) {\n    return 'inherit';\n  }\n\n  return `${el.scrollHeight}px`;\n}\n\n/**\n * Хук для отслеживания изменения высоты контента.\n */\nfunction useResizeContent(expanded: boolean, inRef: React.MutableRefObject<HTMLDivElement | null>) {\n  const resize = () => {\n    inRef.current!.style.maxHeight = calcMaxHeight(expanded, inRef.current);\n  };\n\n  const { window } = useDOM();\n  useGlobalEventListener(window, 'resize', resize);\n  useIsomorphicLayoutEffect(resize, []);\n}\n\n/**\n * Хук для скрывания или раскрывания контента. Возвращает стили для in элемента.\n */\nfunction useAccordionContent(\n  expanded: boolean,\n  inRef: React.MutableRefObject<HTMLDivElement | null>,\n) {\n  const maxHeight = calcMaxHeight(expanded, inRef.current);\n\n  useResizeContent(expanded, inRef);\n\n  return { maxHeight };\n}\n\nexport interface AccordionContentProps\n  extends HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AccordionContent = ({\n  getRootRef,\n  getRef,\n  className,\n  children,\n  ...restProps\n}: AccordionContentProps) => {\n  const inRef = useExternRef(getRef);\n  const { expanded, labelId, contentId } = React.useContext(AccordionContext);\n\n  const inStyle = useAccordionContent(expanded, inRef);\n\n  return (\n    <div\n      ref={getRootRef}\n      id={contentId}\n      role=\"region\"\n      aria-labelledby={labelId}\n      aria-hidden={!expanded}\n      className={classNames(styles['AccordionContent'], className)}\n      {...restProps}\n    >\n      <div ref={inRef} className={styles['AccordionContent__in']} style={inStyle}>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["AccordionContent","calcMaxHeight","expanded","el","scrollHeight","useResizeContent","inRef","resize","current","style","maxHeight","window","useDOM","useGlobalEventListener","useIsomorphicLayoutEffect","useAccordionContent","getRootRef","getRef","className","children","restProps","useExternRef","labelId","contentId","React","useContext","AccordionContext","inStyle","div","ref","id","role","aria-labelledby","aria-hidden","classNames"],"mappings":";;;;+BA0DaA;;;eAAAA;;;;;;iEA1DU;sBACI;8BACE;wCACU;qBAChB;2CACmB;kCAET;AAGjC;;CAEC,GACD,SAASC,cAAcC,QAAiB,EAAEC,EAAsB;IAC9D,IAAI,CAACD,UAAU;QACb,OAAO;IACT;IAEA,mDAAmD;IACnD,IAAIC,OAAO,MAAM;QACf,OAAO;IACT;IAEA,OAAO,CAAC,EAAEA,GAAGC,YAAY,CAAC,EAAE,CAAC;AAC/B;AAEA;;CAEC,GACD,SAASC,iBAAiBH,QAAiB,EAAEI,KAAoD;IAC/F,MAAMC,SAAS;QACbD,MAAME,OAAO,CAAEC,KAAK,CAACC,SAAS,GAAGT,cAAcC,UAAUI,MAAME,OAAO;IACxE;IAEA,MAAM,EAAEG,MAAM,EAAE,GAAGC,IAAAA,WAAM;IACzBC,IAAAA,8CAAsB,EAACF,QAAQ,UAAUJ;IACzCO,IAAAA,oDAAyB,EAACP,QAAQ,EAAE;AACtC;AAEA;;CAEC,GACD,SAASQ,oBACPb,QAAiB,EACjBI,KAAoD;IAEpD,MAAMI,YAAYT,cAAcC,UAAUI,MAAME,OAAO;IAEvDH,iBAAiBH,UAAUI;IAE3B,OAAO;QAAEI;IAAU;AACrB;AAOO,MAAMV,mBAAmB;QAAC,EAC/BgB,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,QAAQ,EAEc,WADnBC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAMb,QAAQe,IAAAA,0BAAY,EAACJ;IAC3B,MAAM,EAAEf,QAAQ,EAAEoB,OAAO,EAAEC,SAAS,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;IAE1E,MAAMC,UAAUZ,oBAAoBb,UAAUI;IAE9C,qBACE,qBAACsB;QACCC,KAAKb;QACLc,IAAIP;QACJQ,MAAK;QACLC,mBAAiBV;QACjBW,eAAa,CAAC/B;QACdgB,WAAWgB,IAAAA,gBAAU,0BAA6BhB;OAC9CE,0BAEJ,qBAACQ;QAAIC,KAAKvB;QAAOY,SAAS;QAAkCT,OAAOkB;OAChER;AAIT"}
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasRef, HasRootRef } from '../../types';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\n/**\n * Функция расчета max-height, для скрытия или раскрытия контента.\n */\nfunction calcMaxHeight(expanded: boolean, el: HTMLElement | null): string {\n  if (!expanded) {\n    return '0px';\n  }\n\n  // В первый рендеринг нельзя узнать высоту элемента\n  if (el === null) {\n    return 'inherit';\n  }\n\n  return `${el.scrollHeight}px`;\n}\n\n/**\n * Хук для отслеживания изменения высоты контента.\n */\nfunction useResizeContent(expanded: boolean, inRef: React.MutableRefObject<HTMLDivElement | null>) {\n  const resize = () => {\n    inRef.current!.style.maxHeight = calcMaxHeight(expanded, inRef.current);\n  };\n\n  const { window } = useDOM();\n  useGlobalEventListener(window, 'resize', resize);\n  useIsomorphicLayoutEffect(resize, []);\n}\n\n/**\n * Хук для скрывания или раскрывания контента. Возвращает стили для in элемента.\n */\nfunction useAccordionContent(\n  expanded: boolean,\n  inRef: React.MutableRefObject<HTMLDivElement | null>,\n) {\n  const maxHeight = calcMaxHeight(expanded, inRef.current);\n\n  useResizeContent(expanded, inRef);\n\n  return { maxHeight };\n}\n\nexport interface AccordionContentProps\n  extends HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AccordionContent = ({\n  getRootRef,\n  getRef,\n  className,\n  children,\n  ...restProps\n}: AccordionContentProps) => {\n  const inRef = useExternRef(getRef);\n  const { expanded, labelId, contentId } = React.useContext(AccordionContext);\n\n  const inStyle = useAccordionContent(expanded, inRef);\n\n  return (\n    <div\n      ref={getRootRef}\n      id={contentId}\n      role=\"region\"\n      aria-labelledby={labelId}\n      aria-hidden={!expanded}\n      className={classNames(styles['AccordionContent'], className)}\n      {...restProps}\n    >\n      <div ref={inRef} className={styles['AccordionContent__in']} style={inStyle}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nAccordionContent.displayName = 'AccordionContent';\n"],"names":["AccordionContent","calcMaxHeight","expanded","el","scrollHeight","useResizeContent","inRef","resize","current","style","maxHeight","window","useDOM","useGlobalEventListener","useIsomorphicLayoutEffect","useAccordionContent","getRootRef","getRef","className","children","restProps","useExternRef","labelId","contentId","React","useContext","AccordionContext","inStyle","div","ref","id","role","aria-labelledby","aria-hidden","classNames","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0DaA;;;eAAAA;;;;;;;;iEA1DU;sBACI;8BACE;wCACU;qBAChB;2CACmB;kCAET;AAGjC;;CAEC,GACD,SAASC,cAAcC,QAAiB,EAAEC,EAAsB;IAC9D,IAAI,CAACD,UAAU;QACb,OAAO;IACT;IAEA,mDAAmD;IACnD,IAAIC,OAAO,MAAM;QACf,OAAO;IACT;IAEA,OAAO,CAAC,EAAEA,GAAGC,YAAY,CAAC,EAAE,CAAC;AAC/B;AAEA;;CAEC,GACD,SAASC,iBAAiBH,QAAiB,EAAEI,KAAoD;IAC/F,MAAMC,SAAS;QACbD,MAAME,OAAO,CAAEC,KAAK,CAACC,SAAS,GAAGT,cAAcC,UAAUI,MAAME,OAAO;IACxE;IAEA,MAAM,EAAEG,MAAM,EAAE,GAAGC,IAAAA,WAAM;IACzBC,IAAAA,8CAAsB,EAACF,QAAQ,UAAUJ;IACzCO,IAAAA,oDAAyB,EAACP,QAAQ,EAAE;AACtC;AAEA;;CAEC,GACD,SAASQ,oBACPb,QAAiB,EACjBI,KAAoD;IAEpD,MAAMI,YAAYT,cAAcC,UAAUI,MAAME,OAAO;IAEvDH,iBAAiBH,UAAUI;IAE3B,OAAO;QAAEI;IAAU;AACrB;AAOO,MAAMV,mBAAmB;QAAC,EAC/BgB,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,QAAQ,EAEc,WADnBC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAMb,QAAQe,IAAAA,0BAAY,EAACJ;IAC3B,MAAM,EAAEf,QAAQ,EAAEoB,OAAO,EAAEC,SAAS,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;IAE1E,MAAMC,UAAUZ,oBAAoBb,UAAUI;IAE9C,qBACE,qBAACsB;QACCC,KAAKb;QACLc,IAAIP;QACJQ,MAAK;QACLC,mBAAiBV;QACjBW,eAAa,CAAC/B;QACdgB,WAAWgB,IAAAA,gBAAU,0BAA6BhB;OAC9CE;kBAEJ,cAAA,qBAACQ;YAAIC,KAAKvB;YAAOY,SAAS;YAAkCT,OAAOkB;sBAChER;;;AAIT;AAEAnB,iBAAiBmC,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Accordion/AccordionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport interface AccordionContextProps {\n  labelId: string;\n  contentId: string;\n  expanded: boolean;\n  onChange: (e: boolean) => void;\n}\n\nexport const AccordionContext = React.createContext<AccordionContextProps>({\n  labelId: '',\n  contentId: '',\n  expanded: false,\n  onChange: noop,\n});\n"],"names":["AccordionContext","React","createContext","labelId","contentId","expanded","onChange","noop"],"mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;sBACF;AASd,MAAMA,iCAAmBC,OAAMC,aAAa,CAAwB;IACzEC,SAAS;IACTC,WAAW;IACXC,UAAU;IACVC,UAAUC,UAAI;AAChB"}
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport interface AccordionContextProps {\n  labelId: string;\n  contentId: string;\n  expanded: boolean;\n  onChange: (e: boolean) => void;\n}\n\nexport const AccordionContext = React.createContext<AccordionContextProps>({\n  labelId: '',\n  contentId: '',\n  expanded: false,\n  onChange: noop,\n});\n"],"names":["AccordionContext","React","createContext","labelId","contentId","expanded","onChange","noop"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;sBACF;AASd,MAAMA,iCAAmBC,OAAMC,aAAa,CAAwB;IACzEC,SAAS;IACTC,WAAW;IACXC,UAAU;IACVC,UAAUC,UAAI;AAChB"}

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

@@ -14,5 +14,8 @@ export interface AccordionSummaryProps extends Omit<SimpleCellProps, 'expandable
      */
     iconPosition?: 'before' | 'after';
 }
-export declare const AccordionSummary: ({ after, before, ExpandIcon, CollapseIcon, iconPosition, onClick, children, ...restProps }: AccordionSummaryProps) => React.JSX.Element;
+export declare const AccordionSummary: {
+    ({ after, before, ExpandIcon, CollapseIcon, iconPosition, onClick, children, ...restProps }: AccordionSummaryProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=AccordionSummary.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIvE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC;IAChF;;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,+FAS1B,qBAAqB,sBAqCvB,CAAC"}
+{"version":3,"file":"AccordionSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIvE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC;IAChF;;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;iGAS1B,qBAAqB;;CAqCvB,CAAC"}

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

@@ -10,7 +10,9 @@ Object.defineProperty(exports, "AccordionSummary", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _icons = require("@vkontakte/icons");
 const _callMultiple = require("../../lib/callMultiple");
@@ -29,20 +31,34 @@ const AccordionSummary = (_param)=>{
     const { expanded, labelId, contentId, onChange } = _react.useContext(_AccordionContext.AccordionContext);
     const Icon = expanded ? CollapseIcon : ExpandIcon;
     const icon = // Обертка нужна для правильной работы с отступами в SimpleCell
-    /*#__PURE__*/ _react.createElement("span", {
-        className: "vkuiIcon"
-    }, /*#__PURE__*/ _react.createElement(Icon, {
-        className: "vkuiAccordionSummary__icon"
-    }));
+    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        className: "vkuiIcon",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
+            className: "vkuiAccordionSummary__icon"
+        })
+    });
     const toggle = ()=>onChange(!expanded);
-    return /*#__PURE__*/ _react.createElement(_SimpleCell.SimpleCell, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SimpleCell.SimpleCell, _object_spread_props._(_object_spread._({
         id: labelId,
         "aria-expanded": expanded,
         "aria-controls": contentId,
         onClick: (0, _callMultiple.callMultiple)(toggle, onClick),
-        before: /*#__PURE__*/ _react.createElement(_react.Fragment, null, iconPosition === 'before' && icon, before),
-        after: /*#__PURE__*/ _react.createElement(_react.Fragment, null, after, iconPosition === 'after' && icon)
-    }, restProps), children);
+        before: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                iconPosition === 'before' && icon,
+                before
+            ]
+        }),
+        after: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                after,
+                iconPosition === 'after' && icon
+            ]
+        })
+    }, restProps), {
+        children: children
+    }));
 };
+AccordionSummary.displayName = 'AccordionSummary';
 
 //# sourceMappingURL=AccordionSummary.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Accordion/AccordionSummary.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\nexport interface AccordionSummaryProps extends Omit<SimpleCellProps, 'expandable'> {\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['AccordionSummary__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":["AccordionSummary","after","before","ExpandIcon","Icon24ChevronDown","CollapseIcon","Icon24ChevronUp","iconPosition","onClick","children","restProps","expanded","labelId","contentId","onChange","React","useContext","AccordionContext","Icon","icon","span","className","toggle","SimpleCell","id","aria-expanded","aria-controls","callMultiple"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;iEAtBU;uBAC4B;8BACtB;4BACe;kCACX;AAkB1B,MAAMA,mBAAmB;QAAC,EAC/BC,KAAK,EACLC,MAAM,EACNC,aAAaC,wBAAiB,EAC9BC,eAAeC,sBAAe,EAC9BC,eAAe,OAAO,EACtBC,OAAO,EACPC,QAAQ,EAEc,WADnBC;QAPHT;QACAC;QACAC;QACAE;QACAE;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;IAEpF,MAAMC,OAAOP,WAAWN,eAAeF;IAEvC,MAAMgB,OACJ,+DAA+D;kBAC/D,qBAACC;QAAKC,WAAU;qBACd,qBAACH;QAAKG,SAAS;;IAInB,MAAMC,SAAS,IAAMR,SAAS,CAACH;IAE/B,qBACE,qBAACY,sBAAU;QACTC,IAAIZ;QACJa,iBAAed;QACfe,iBAAeb;QACfL,SAASmB,IAAAA,0BAAY,EAACL,QAAQd;QAC9BN,sBACE,4CACGK,iBAAiB,YAAYY,MAC7BjB;QAGLD,qBACE,4CACGA,OACAM,iBAAiB,WAAWY;OAG7BT,YAEHD;AAGP"}
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionSummary.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { AccordionContext } from './AccordionContext';\nimport styles from './Accordion.module.css';\n\nexport interface AccordionSummaryProps extends Omit<SimpleCellProps, 'expandable'> {\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['AccordionSummary__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\nAccordionSummary.displayName = 'AccordionSummary';\n"],"names":["AccordionSummary","after","before","ExpandIcon","Icon24ChevronDown","CollapseIcon","Icon24ChevronUp","iconPosition","onClick","children","restProps","expanded","labelId","contentId","onChange","React","useContext","AccordionContext","Icon","icon","span","className","toggle","SimpleCell","id","aria-expanded","aria-controls","callMultiple","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;iEAtBU;uBAC4B;8BACtB;4BACe;kCACX;AAkB1B,MAAMA,mBAAmB;QAAC,EAC/BC,KAAK,EACLC,MAAM,EACNC,aAAaC,wBAAiB,EAC9BC,eAAeC,sBAAe,EAC9BC,eAAe,OAAO,EACtBC,OAAO,EACPC,QAAQ,EAEc,WADnBC;QAPHT;QACAC;QACAC;QACAE;QACAE;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;IAEpF,MAAMC,OAAOP,WAAWN,eAAeF;IAEvC,MAAMgB,OACJ,+DAA+D;kBAC/D,qBAACC;QAAKC,WAAU;kBACd,cAAA,qBAACH;YAAKG,SAAS;;;IAInB,MAAMC,SAAS,IAAMR,SAAS,CAACH;IAE/B,qBACE,qBAACY,sBAAU;QACTC,IAAIZ;QACJa,iBAAed;QACfe,iBAAeb;QACfL,SAASmB,IAAAA,0BAAY,EAACL,QAAQd;QAC9BN,sBACE;;gBACGK,iBAAiB,YAAYY;gBAC7BjB;;;QAGLD,qBACE;;gBACGA;gBACAM,iBAAiB,WAAWY;;;OAG7BT;kBAEHD;;AAGP;AAEAT,iBAAiB4B,WAAW,GAAG"}

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

@@ -10,7 +10,7 @@ export interface ActionSheetProps extends Pick<SharedDropdownProps, 'toggleRef'
     /**
      * Закрыть попап по клику снаружи.
      */
-    onClose(options: ActionSheetOnCloseOptions): void;
+    onClose: (options: ActionSheetOnCloseOptions) => void;
     /**
      * Только мобильный iOS.
      */
@@ -20,6 +20,6 @@ export interface ActionSheetProps extends Pick<SharedDropdownProps, 'toggleRef'
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheet
  */
-export declare const ActionSheet: ({ children, className, header, text, style, iosCloseItem, popupOffsetDistance, placement, mode: modeProp, ...restProps }: ActionSheetProps) => React.JSX.Element;
+export declare const ActionSheet: ({ children, className, header, text, style, iosCloseItem, popupOffsetDistance, placement, mode: modeProp, ...restProps }: ActionSheetProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ActionSheet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,eAAe,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,CAAC;AAC/D,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,qBAAqB,GAAG,WAAW,CAAC,EAClF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI,CAAC;IAClD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,6HAWrB,gBAAgB,sBAqGlB,CAAC"}
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,eAAe,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,CAAC;AAC/D,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,qBAAqB,GAAG,WAAW,CAAC,EAClF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,6HAWrB,gBAAgB,4CAqGlB,CAAC"}

package/dist/cjs/components/ActionSheet/ActionSheet.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
@@ -85,38 +86,55 @@ const ActionSheet = (_param)=>{
         popupOffsetDistance,
         placement
     }) : restProps;
-    const actionSheet = /*#__PURE__*/ _react.createElement(_ActionSheetContext.ActionSheetContext.Provider, {
-        value: contextValue
-    }, /*#__PURE__*/ _react.createElement(DropdownComponent, _object_spread_props._(_object_spread._({
-        closing: Boolean(closingBy),
-        timeout: timeout
-    }, dropdownProps), {
-        onClose: onClose,
-        className: mode === 'menu' ? className : undefined,
-        style: mode === 'menu' ? style : undefined
-    }), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiActionSheet__content-wrapper"
-    }, (header || text) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiActionSheet__header"
-    }, header && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
-        weight: "2",
-        className: "vkuiActionSheet__title"
-    }, header), text && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
-        className: "vkuiActionSheet__text"
-    }, text)), children), platform === 'ios' && mode === 'sheet' && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiActionSheet__close-item-wrapper--ios"
-    }, iosCloseItem !== null && iosCloseItem !== void 0 ? iosCloseItem : /*#__PURE__*/ _react.createElement(_ActionSheetDefaultIosCloseItem.ActionSheetDefaultIosCloseItem, null))));
+    const actionSheet = /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionSheetContext.ActionSheetContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(DropdownComponent, _object_spread_props._(_object_spread._({
+            closing: Boolean(closingBy),
+            timeout: timeout
+        }, dropdownProps), {
+            onClose: onClose,
+            className: mode === 'menu' ? className : undefined,
+            style: mode === 'menu' ? style : undefined,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "vkuiActionSheet__content-wrapper",
+                    children: [
+                        (header || text) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                            className: "vkuiActionSheet__header",
+                            children: [
+                                header && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, {
+                                    weight: "2",
+                                    className: "vkuiActionSheet__title",
+                                    children: header
+                                }),
+                                text && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, {
+                                    className: "vkuiActionSheet__text",
+                                    children: text
+                                })
+                            ]
+                        }),
+                        children
+                    ]
+                }),
+                platform === 'ios' && mode === 'sheet' && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "vkuiActionSheet__close-item-wrapper--ios",
+                    children: iosCloseItem !== null && iosCloseItem !== void 0 ? iosCloseItem : /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionSheetDefaultIosCloseItem.ActionSheetDefaultIosCloseItem, {})
+                })
+            ]
+        }))
+    });
     if (mode === 'menu') {
         return actionSheet;
     }
-    return /*#__PURE__*/ _react.createElement(_PopoutWrapper.PopoutWrapper, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PopoutWrapper.PopoutWrapper, {
         closing: Boolean(closingBy),
         alignY: "bottom",
         className: className,
         style: style,
         onClick: onClose,
-        fixed: true
-    }, actionSheet);
+        fixed: true,
+        children: actionSheet
+    });
 };
 
 //# sourceMappingURL=ActionSheet.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\ntype CloseInitiators = 'action-item' | 'cancel-item' | 'other';\nexport interface ActionSheetOnCloseOptions {\n  closedBy: CloseInitiators;\n}\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupOffsetDistance' | 'placement'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose(options: ActionSheetOnCloseOptions): void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  mode?: 'sheet' | 'menu';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closingBy, setClosingBy] = React.useState<undefined | CloseInitiators>(undefined);\n  const onClose = () => setClosingBy('other');\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose({ closedBy: closingBy || 'other' });\n    _action.current();\n    _action.current = noop;\n  };\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\n\n  let timeout = platform === 'ios' ? 300 : 200;\n\n  if (mode === 'menu') {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closingBy) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closingBy, fallbackTransitionFinish]);\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          _action.current = () => action && action(event);\n          setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n        } else {\n          action && action(event);\n        }\n      },\n    [],\n  );\n  const contextValue = useObjectMemo({ onItemClick, mode });\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(closingBy)}\n        timeout={timeout}\n        {...dropdownProps}\n        onClose={onClose}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles['ActionSheet__content-wrapper']}>\n          {(header || text) && (\n            <div className={styles['ActionSheet__header']}>\n              {header && (\n                <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                  {header}\n                </Footnote>\n              )}\n              {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles['ActionSheet__close-item-wrapper--ios']}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (mode === 'menu') {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={Boolean(closingBy)}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"names":["ActionSheet","children","className","header","text","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","restProps","platform","usePlatform","closingBy","setClosingBy","React","useState","undefined","onClose","_action","useRef","noop","afterClose","closedBy","current","isDesktop","useAdaptivityWithJSMediaQueries","useScrollLock","timeout","fallbackTransitionFinish","useTimeout","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useObjectMemo","DropdownComponent","ActionSheetDropdownMenu","ActionSheetDropdownSheet","dropdownProps","Object","assign","actionSheet","ActionSheetContext","Provider","value","closing","Boolean","div","Footnote","weight","ActionSheetDefaultIosCloseItem","PopoutWrapper","alignY","onClick","fixed"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\ntype CloseInitiators = 'action-item' | 'cancel-item' | 'other';\nexport interface ActionSheetOnCloseOptions {\n  closedBy: CloseInitiators;\n}\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupOffsetDistance' | 'placement'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  mode?: 'sheet' | 'menu';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closingBy, setClosingBy] = React.useState<undefined | CloseInitiators>(undefined);\n  const onClose = () => setClosingBy('other');\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose({ closedBy: closingBy || 'other' });\n    _action.current();\n    _action.current = noop;\n  };\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\n\n  let timeout = platform === 'ios' ? 300 : 200;\n\n  if (mode === 'menu') {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closingBy) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closingBy, fallbackTransitionFinish]);\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          _action.current = () => action && action(event);\n          setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n        } else {\n          action && action(event);\n        }\n      },\n    [],\n  );\n  const contextValue = useObjectMemo({ onItemClick, mode });\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(closingBy)}\n        timeout={timeout}\n        {...dropdownProps}\n        onClose={onClose}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles['ActionSheet__content-wrapper']}>\n          {(header || text) && (\n            <div className={styles['ActionSheet__header']}>\n              {header && (\n                <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                  {header}\n                </Footnote>\n              )}\n              {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles['ActionSheet__close-item-wrapper--ios']}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (mode === 'menu') {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={Boolean(closingBy)}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"names":["ActionSheet","children","className","header","text","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","restProps","platform","usePlatform","closingBy","setClosingBy","React","useState","undefined","onClose","_action","useRef","noop","afterClose","closedBy","current","isDesktop","useAdaptivityWithJSMediaQueries","useScrollLock","timeout","fallbackTransitionFinish","useTimeout","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useObjectMemo","DropdownComponent","ActionSheetDropdownMenu","ActionSheetDropdownSheet","dropdownProps","Object","assign","actionSheet","ActionSheetContext","Provider","value","closing","Boolean","div","Footnote","weight","ActionSheetDefaultIosCloseItem","PopoutWrapper","alignY","onClick","fixed"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (options: {\n  action: ActionType<T> | undefined;\n  immediateAction: ActionType<T> | undefined;\n  autoClose: boolean;\n  isCancelItem: boolean;\n}) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  mode?: 'sheet' | 'menu';\n};\n\nexport const ActionSheetContext = React.createContext<ActionSheetContextType<any>>({});\n"],"names":["ActionSheetContext","React","createContext"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;AAgBhB,MAAMA,qBAAqBC,OAAMC,aAAa,CAA8B,CAAC"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (options: {\n  action: ActionType<T> | undefined;\n  immediateAction: ActionType<T> | undefined;\n  autoClose: boolean;\n  isCancelItem: boolean;\n}) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  mode?: 'sheet' | 'menu';\n};\n\nexport const ActionSheetContext = React.createContext<ActionSheetContextType<any>>({});\n"],"names":["ActionSheetContext","React","createContext"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;AAgBhB,MAAMA,qBAAqBC,OAAMC,aAAa,CAA8B,CAAC"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';
-export declare const ActionSheetDefaultIosCloseItem: (props: ActionSheetItemProps) => React.JSX.Element;
+export declare const ActionSheetDefaultIosCloseItem: (props: ActionSheetItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ActionSheetDefaultIosCloseItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDefaultIosCloseItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,eAAO,MAAM,8BAA8B,UAAW,oBAAoB,sBAMzE,CAAC"}
+{"version":3,"file":"ActionSheetDefaultIosCloseItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,eAAO,MAAM,8BAA8B,UAAW,oBAAoB,4CAMzE,CAAC"}

package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js

@@ -8,15 +8,17 @@ Object.defineProperty(exports, "ActionSheetDefaultIosCloseItem", {
         return ActionSheetDefaultIosCloseItem;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+const _jsxruntime = require("react/jsx-runtime");
 const _ActionSheetItem = require("../ActionSheetItem/ActionSheetItem");
 const ActionSheetDefaultIosCloseItem = (props)=>{
-    return /*#__PURE__*/ _react.createElement(_ActionSheetItem.ActionSheetItem, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionSheetItem.ActionSheetItem, _object_spread_props._(_object_spread._({
         mode: "cancel",
         isCancelItem: true
-    }, props), "Отмена");
+    }, props), {
+        children: "Отмена"
+    }));
 };
 
 //# sourceMappingURL=ActionSheetDefaultIosCloseItem.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ActionSheetItem, ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\n\nexport const ActionSheetDefaultIosCloseItem = (props: ActionSheetItemProps) => {\n  return (\n    <ActionSheetItem mode=\"cancel\" isCancelItem {...props}>\n      Отмена\n    </ActionSheetItem>\n  );\n};\n"],"names":["ActionSheetDefaultIosCloseItem","props","ActionSheetItem","mode","isCancelItem"],"mappings":";;;;+BAGaA;;;eAAAA;;;;;iEAHU;iCAC+B;AAE/C,MAAMA,iCAAiC,CAACC;IAC7C,qBACE,qBAACC,gCAAe;QAACC,MAAK;QAASC,cAAAA;OAAiBH,QAAO;AAI3D"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import { ActionSheetItem, ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\n\nexport const ActionSheetDefaultIosCloseItem = (props: ActionSheetItemProps) => {\n  return (\n    <ActionSheetItem mode=\"cancel\" isCancelItem {...props}>\n      Отмена\n    </ActionSheetItem>\n  );\n};\n"],"names":["ActionSheetDefaultIosCloseItem","props","ActionSheetItem","mode","isCancelItem"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;;;;iCAFyC;AAE/C,MAAMA,iCAAiC,CAACC;IAC7C,qBACE,qBAACC,gCAAe;QAACC,MAAK;QAASC,YAAY;OAAKH;kBAAO;;AAI3D"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { SharedDropdownProps } from './types';
-export declare const ActionSheetDropdownMenu: ({ children, toggleRef, closing, onClose, className, style, popupOffsetDistance, placement, ...restProps }: SharedDropdownProps) => React.JSX.Element;
+export declare const ActionSheetDropdownMenu: ({ children, toggleRef, closing, onClose, className, style, popupOffsetDistance, placement, ...restProps }: SharedDropdownProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ActionSheetDropdownMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheetDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQ9C,eAAO,MAAM,uBAAuB,8GAUjC,mBAAmB,sBAyDrB,CAAC"}
+{"version":3,"file":"ActionSheetDropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheetDropdownMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQ9C,eAAO,MAAM,uBAAuB,8GAUjC,mBAAmB,4CAyDrB,CAAC"}

package/dist/cjs/components/ActionSheet/ActionSheetDropdownMenu.js

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
@@ -75,19 +76,21 @@ const ActionSheetDropdownMenu = (_param)=>{
     }, [
         toggleRef
     ]);
-    return /*#__PURE__*/ _react.createElement(_Popper.Popper, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Popper.Popper, {
         targetRef: targetRef,
         offsetByMainAxis: popupOffsetDistance,
         placement: placement,
         className: (0, _vkjs.classNames)("vkuiActionSheet", platform === 'ios' && "vkuiActionSheet--ios", "vkuiActionSheet--menu", sizeY === 'compact' && "vkuiActionSheet--sizeY-compact", className),
         style: style,
         getRootRef: elementRef,
-        usePortal: false
-    }, /*#__PURE__*/ _react.createElement(_FocusTrap.FocusTrap, _object_spread_props._(_object_spread._({
-        onClose: onClose
-    }, restProps), {
-        onClick: onClick
-    }), children));
+        usePortal: false,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FocusTrap.FocusTrap, _object_spread_props._(_object_spread._({
+            onClose: onClose
+        }, restProps), {
+            onClick: onClick,
+            children: children
+        }))
+    });
 };
 
 //# sourceMappingURL=ActionSheetDropdownMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useEffectDev } from '../../hooks/useEffectDev';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Popper } from '../Popper/Popper';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownMenu = ({\n  children,\n  toggleRef,\n  closing,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  placement,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, 'error');\n    }\n  }, [toggleRef]);\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps['toggleRef'], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetByMainAxis={popupOffsetDistance}\n      placement={placement}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === 'ios' && styles['ActionSheet--ios'],\n        styles['ActionSheet--menu'],\n        sizeY === 'compact' && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n      style={style}\n      getRootRef={elementRef}\n      usePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"names":["ActionSheetDropdownMenu","warn","warnOnce","getEl","ref","current","children","toggleRef","closing","onClose","className","style","popupOffsetDistance","placement","restProps","document","useDOM","platform","usePlatform","sizeY","useAdaptivityWithJSMediaQueries","elementRef","React","useRef","useEffectDev","toggleEl","bodyClickListener","useEventListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","useMemo","isRefObject","Popper","offsetByMainAxis","classNames","getRootRef","usePortal","FocusTrap"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;iEAnBU;sBACI;iDACqB;8BACnB;kCACI;6BACL;qBACL;6BACK;0BACH;2BACC;wBACH;AAIvB,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AACtB,SAASC,MAAMC,GAAqC;IAClD,OAAOA,OAAO,aAAaA,MAAMA,IAAIC,OAAO,GAAGD;AACjD;AAEO,MAAMJ,0BAA0B;QAAC,EACtCM,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,KAAK,EACLC,sBAAsB,CAAC,EACvBC,SAAS,EAEW,WADjBC;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IACjD,MAAMC,aAAaC,OAAMC,MAAM,CAAwB;IAEvDC,IAAAA,0BAAY,EAAC;QACX,MAAMC,WAAWtB,MAAMI;QACvB,IAAI,CAACkB,UAAU;YACbxB,KAAK,CAAC,gCAAgC,CAAC,EAAE;QAC3C;IACF,GAAG;QAACM;KAAU;IAEd,MAAMmB,oBAAoBC,IAAAA,kCAAgB,EAAC,SAAS,CAACC;QACnD,MAAMC,kBAAkBR,uBAAAA,iCAAAA,WAAYhB,OAAO;QAC3C,IAAIwB,mBAAmB,CAACA,gBAAgBC,QAAQ,CAACF,EAAEG,MAAM,GAAW;YAClEtB,oBAAAA,8BAAAA;QACF;IACF;IAEAa,OAAMU,SAAS,CAAC;QACdC,WAAW;YACTP,kBAAkBQ,GAAG,CAACnB,SAAUoB,IAAI;QACtC;IACF,GAAG;QAACT;QAAmBX;KAAS;IAEhC,MAAMqB,UAAUd,OAAMe,WAAW,CAAC,CAACT,IAAqCA,EAAEU,eAAe,IAAI,EAAE;IAE/F,MAAMC,YAAYjB,OAAMkB,OAAO,CAAC;QAC9B,IAAIC,IAAAA,wBAAW,EAAgDlC,YAAY;YACzE,OAAOA;QACT;QAEA,OAAO;YAAEF,SAASE;QAAyB;IAC7C,GAAG;QAACA;KAAU;IAEd,qBACE,qBAACmC,cAAM;QACLH,WAAWA;QACXI,kBAAkB/B;QAClBC,WAAWA;QACXH,WAAWkC,IAAAA,gBAAU,qBAEnB3B,aAAa,0DAEbE,UAAU,+CACVT;QAEFC,OAAOA;QACPkC,YAAYxB;QACZyB,WAAW;qBAEX,qBAACC,oBAAS;QAACtC,SAASA;OAAaK;QAAWsB,SAASA;QAClD9B;AAIT"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useEffectDev } from '../../hooks/useEffectDev';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Popper } from '../Popper/Popper';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownMenu = ({\n  children,\n  toggleRef,\n  closing,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  placement,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, 'error');\n    }\n  }, [toggleRef]);\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps['toggleRef'], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetByMainAxis={popupOffsetDistance}\n      placement={placement}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === 'ios' && styles['ActionSheet--ios'],\n        styles['ActionSheet--menu'],\n        sizeY === 'compact' && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n      style={style}\n      getRootRef={elementRef}\n      usePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"names":["ActionSheetDropdownMenu","warn","warnOnce","getEl","ref","current","children","toggleRef","closing","onClose","className","style","popupOffsetDistance","placement","restProps","document","useDOM","platform","usePlatform","sizeY","useAdaptivityWithJSMediaQueries","elementRef","React","useRef","useEffectDev","toggleEl","bodyClickListener","useEventListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","useMemo","isRefObject","Popper","offsetByMainAxis","classNames","getRootRef","usePortal","FocusTrap"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;;iEAnBU;sBACI;iDACqB;8BACnB;kCACI;6BACL;qBACL;6BACK;0BACH;2BACC;wBACH;AAIvB,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AACtB,SAASC,MAAMC,GAAqC;IAClD,OAAOA,OAAO,aAAaA,MAAMA,IAAIC,OAAO,GAAGD;AACjD;AAEO,MAAMJ,0BAA0B;QAAC,EACtCM,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,KAAK,EACLC,sBAAsB,CAAC,EACvBC,SAAS,EAEW,WADjBC;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IACjD,MAAMC,aAAaC,OAAMC,MAAM,CAAwB;IAEvDC,IAAAA,0BAAY,EAAC;QACX,MAAMC,WAAWtB,MAAMI;QACvB,IAAI,CAACkB,UAAU;YACbxB,KAAK,CAAC,gCAAgC,CAAC,EAAE;QAC3C;IACF,GAAG;QAACM;KAAU;IAEd,MAAMmB,oBAAoBC,IAAAA,kCAAgB,EAAC,SAAS,CAACC;QACnD,MAAMC,kBAAkBR,uBAAAA,iCAAAA,WAAYhB,OAAO;QAC3C,IAAIwB,mBAAmB,CAACA,gBAAgBC,QAAQ,CAACF,EAAEG,MAAM,GAAW;YAClEtB,oBAAAA,8BAAAA;QACF;IACF;IAEAa,OAAMU,SAAS,CAAC;QACdC,WAAW;YACTP,kBAAkBQ,GAAG,CAACnB,SAAUoB,IAAI;QACtC;IACF,GAAG;QAACT;QAAmBX;KAAS;IAEhC,MAAMqB,UAAUd,OAAMe,WAAW,CAAC,CAACT,IAAqCA,EAAEU,eAAe,IAAI,EAAE;IAE/F,MAAMC,YAAYjB,OAAMkB,OAAO,CAAC;QAC9B,IAAIC,IAAAA,wBAAW,EAAgDlC,YAAY;YACzE,OAAOA;QACT;QAEA,OAAO;YAAEF,SAASE;QAAyB;IAC7C,GAAG;QAACA;KAAU;IAEd,qBACE,qBAACmC,cAAM;QACLH,WAAWA;QACXI,kBAAkB/B;QAClBC,WAAWA;QACXH,WAAWkC,IAAAA,gBAAU,qBAEnB3B,aAAa,0DAEbE,UAAU,+CACVT;QAEFC,OAAOA;QACPkC,YAAYxB;QACZyB,WAAW;kBAEX,cAAA,qBAACC,oBAAS;YAACtC,SAASA;WAAaK;YAAWsB,SAASA;sBAClD9B;;;AAIT"}

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { SharedDropdownProps } from './types';
 export type ActionSheetDropdownProps = Omit<SharedDropdownProps, 'popupDirection' | 'popupOffsetDistance' | 'placement'>;
-export declare const ActionSheetDropdownSheet: ({ children, closing, toggleRef, className, ...restProps }: SharedDropdownProps) => React.JSX.Element;
+export declare const ActionSheetDropdownSheet: ({ children, closing, toggleRef, className, ...restProps }: SharedDropdownProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ActionSheetDropdownSheet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDropdownSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheetDropdownSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,mBAAmB,EACnB,gBAAgB,GAAG,qBAAqB,GAAG,WAAW,CACvD,CAAC;AAEF,eAAO,MAAM,wBAAwB,8DAOlC,mBAAmB,sBAmBrB,CAAC"}
+{"version":3,"file":"ActionSheetDropdownSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheetDropdownSheet.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,mBAAmB,EACnB,gBAAgB,GAAG,qBAAqB,GAAG,WAAW,CACvD,CAAC;AAEF,eAAO,MAAM,wBAAwB,8DAOlC,mBAAmB,4CAmBrB,CAAC"}