@vkontakte/vkui 6.0.3 → 6.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './FormItem.module.css';\n\nconst sizeYClassNames = {\n  none: classNames(styles['FormItem--sizeY-none'], 'vkuiInternalFormItem--sizeY-none'),\n  ['compact']: classNames(styles['FormItem--sizeY-compact'], 'vkuiInternalFormItem--sizeY-compact'),\n};\n\nconst stylesStatus = {\n  error: classNames(styles['FormItem--status-error'], 'vkuiInternalFormItem--status-error'),\n  valid: classNames(styles['FormItem--status-valid'], 'vkuiInternalFormItem--status-valid'),\n};\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  /**\n   * Позволяет поменять тег используемый для top\n   * Если оставить пустым, то тег top будет span.\n   * Если оставить пустым и использовать htmlFor, то тег top будет label.\n   */\n  topComponent?: React.ElementType;\n  bottom?: React.ReactNode;\n  /**\n   * Передаётся при использовании `bottom`.\n   *\n   * Должен совпадать с `aria-describedby`, который передаётся в компонент, отвечающий за пользовательский ввод.\n   */\n  bottomId?: string;\n  status?: 'default' | 'error' | 'valid';\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   *\n   * Режим `indent` предназначен для визуального отступа\n   */\n  removable?: boolean | 'indent';\n  /**\n   * Удаляет внешние отступы вокруг компонента\n   * @since 5.8.0\n   */\n  noPadding?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem = ({\n  children,\n  top,\n  topComponent: topComponentProp,\n  bottom,\n  status = 'default',\n  removable,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  getRootRef,\n  htmlFor,\n  bottomId,\n  noPadding,\n  ...restProps\n}: FormItemProps) => {\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const topComponent = topComponentProp || (htmlFor && 'label') || 'span';\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && (\n        <Subhead className={styles['FormItem__top']} Component={topComponent} htmlFor={htmlFor}>\n          {top}\n        </Subhead>\n      )}\n      {children}\n      {hasReactNode(bottom) && (\n        <Footnote\n          className={styles['FormItem__bottom']}\n          id={bottomId}\n          role={status === 'error' ? 'alert' : undefined}\n        >\n          {bottom}\n        </Footnote>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        styles['FormItem'],\n        !noPadding && styles['FormItem--withPadding'],\n        'vkuiInternalFormItem',\n        status !== 'default' && stylesStatus[status],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        hasReactNode(top) &&\n          classNames(styles['FormItem--withTop'], 'vkuiInternalFormItem--withTop'),\n        removable && classNames(styles['FormItem--removable'], 'vkuiInternalFormItem--removable'),\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n          indent={removable === 'indent'}\n        >\n          <div\n            className={classNames(styles['FormItem__removable'], 'vkuiInternalFormItem__removable')}\n          >\n            {wrappedChildren}\n          </div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["FormItem","sizeYClassNames","none","classNames","stylesStatus","error","valid","children","top","topComponent","topComponentProp","bottom","status","removable","onRemove","noop","removePlaceholder","getRootRef","htmlFor","bottomId","noPadding","restProps","rootEl","useExternRef","sizeY","useAdaptivity","wrappedChildren","React","Fragment","hasReactNode","Subhead","className","Component","Footnote","id","role","undefined","RootComponent","baseClassName","Removable","align","e","current","indent","div"],"mappings":";;;;+BAyDaA;;;eAAAA;;;;;;;iEAzDU;sBACwB;+BACjB;8BACD;2BAEa;+BACZ;0BACL;yBACD;AAGxB,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,8BAAiC;IACjD,CAAC,UAAU,EAAEA,IAAAA,gBAAU,iCAAoC;AAC7D;AAEA,MAAMC,eAAe;IACnBC,OAAOF,IAAAA,gBAAU,gCAAmC;IACpDG,OAAOH,IAAAA,gBAAU,gCAAmC;AACtD;AAsCO,MAAMH,WAAW;QAAC,EACvBO,QAAQ,EACRC,GAAG,EACHC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,SAAS,SAAS,EAClBC,SAAS,EACTC,WAAWC,UAAI,EACfC,oBAAoB,SAAS,EAC7BC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,SAAS,EAEK,WADXC;QAZHd;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,SAASC,IAAAA,0BAAY,EAACN;IAC5B,MAAM,EAAEO,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,MAAMhB,eAAeC,oBAAqBQ,WAAW,WAAY;IACjE,MAAMQ,gCACJ,qBAACC,OAAMC,QAAQ,QACZC,IAAAA,kBAAY,EAACrB,sBACZ,qBAACsB,gBAAO;QAACC,SAAS;QAA2BC,WAAWvB;QAAcS,SAASA;OAC5EV,MAGJD,UACAsB,IAAAA,kBAAY,EAAClB,yBACZ,qBAACsB,kBAAQ;QACPF,SAAS;QACTG,IAAIf;QACJgB,MAAMvB,WAAW,UAAU,UAAUwB;OAEpCzB;IAMT,qBACE,qBAAC0B,4BAAa,8CACRhB;QACJJ,YAAYK;QACZgB,eAAenC,IAAAA,gBAAU,kBAEvB,CAACiB,0CACD,wBACAR,WAAW,aAAaR,YAAY,CAACQ,OAAO,EAC5CY,UAAU,aAAavB,eAAe,CAACuB,MAAM,EAC7CK,IAAAA,kBAAY,EAACrB,QACXL,IAAAA,gBAAU,2BAA8B,kCAC1CU,aAAaV,IAAAA,gBAAU,6BAAgC;QAGxDU,0BACC,qBAAC0B,oBAAS;QACRC,OAAM;QACN1B,UAAU,CAAC2B;YACT,IAAInB,mBAAAA,6BAAAA,OAAQoB,OAAO,EAAE;gBACnB5B,SAAS2B,GAAGnB,OAAOoB,OAAO;YAC5B;QACF;QACA1B,mBAAmBA;QACnB2B,QAAQ9B,cAAc;qBAEtB,qBAAC+B;QACCb,WAAW5B,IAAAA,gBAAU,6BAAgC;OAEpDuB,oBAILA;AAIR"}
+{"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { FormItemTop } from './FormItemTop/FormItemTop';\nimport { FormItemTopAside } from './FormItemTop/FormItemTopAside';\nimport { FormItemTopLabel } from './FormItemTop/FormItemTopLabel';\nimport { FormItemContext } from './context';\nimport styles from './FormItem.module.css';\n\nconst sizeYClassNames = {\n  none: classNames(styles['FormItem--sizeY-none'], 'vkuiInternalFormItem--sizeY-none'),\n  ['compact']: classNames(styles['FormItem--sizeY-compact'], 'vkuiInternalFormItem--sizeY-compact'),\n};\n\nconst stylesStatus = {\n  error: classNames(styles['FormItem--status-error'], 'vkuiInternalFormItem--status-error'),\n  valid: classNames(styles['FormItem--status-valid'], 'vkuiInternalFormItem--status-valid'),\n};\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  /**\n   * Многострочный вывод заголовка. По умолчанию текст не переносится при переполнении.\n   */\n  topMultiline?: boolean;\n  /**\n   * Позволяет поменять тег используемый для top\n   * Если оставить пустым, то тег top будет span.\n   * Если оставить пустым и использовать htmlFor, то тег top будет label.\n   */\n  topComponent?: React.ElementType;\n  /**\n   * Позволяет полностью заменить шапку поля пользовательским компонентом.\n   *\n   * @since 6.1.0\n   *\n   * TODO [>=7]: удалить и использовать top - оно будет принимать либо строку, либо подкомпонент\n   */\n  topNode?: React.ReactNode;\n  bottom?: React.ReactNode;\n  /**\n   * Передаётся при использовании `bottom`.\n   *\n   * Должен совпадать с `aria-describedby`, который передаётся в компонент, отвечающий за пользовательский ввод.\n   */\n  bottomId?: string;\n  status?: 'default' | 'error' | 'valid';\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   *\n   * Режим `indent` предназначен для визуального отступа\n   */\n  removable?: boolean | 'indent';\n  /**\n   * Удаляет внешние отступы вокруг компонента\n   * @since 5.8.0\n   */\n  noPadding?: boolean;\n  /**\n   * Помечает поле обязательным\n   */\n  required?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem = ({\n  children,\n  top,\n  topMultiline,\n  topComponent: topComponentProp,\n  bottom,\n  status = 'default',\n  removable,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  getRootRef,\n  htmlFor,\n  bottomId,\n  noPadding,\n  topNode,\n  required = false,\n  ...restProps\n}: FormItemProps) => {\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(topNode) ? (\n        topNode\n      ) : hasReactNode(top) ? (\n        <FormItemTop>\n          <FormItemTopLabel htmlFor={htmlFor} Component={topComponentProp} multiline={topMultiline}>\n            {top}\n          </FormItemTopLabel>\n        </FormItemTop>\n      ) : null}\n      {children}\n      {hasReactNode(bottom) && (\n        <Footnote\n          className={styles['FormItem__bottom']}\n          id={bottomId}\n          role={status === 'error' ? 'alert' : undefined}\n        >\n          {bottom}\n        </Footnote>\n      )}\n    </React.Fragment>\n  );\n\n  const context = useObjectMemo({ required, topMultiline });\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        styles['FormItem'],\n        !noPadding && styles['FormItem--withPadding'],\n        'vkuiInternalFormItem',\n        status !== 'default' && stylesStatus[status],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        hasReactNode(top) &&\n          classNames(styles['FormItem--withTop'], 'vkuiInternalFormItem--withTop'),\n        removable && classNames(styles['FormItem--removable'], 'vkuiInternalFormItem--removable'),\n      )}\n    >\n      <FormItemContext.Provider value={context}>\n        {removable ? (\n          <Removable\n            align=\"start\"\n            onRemove={(e) => {\n              if (rootEl?.current) {\n                onRemove(e, rootEl.current);\n              }\n            }}\n            removePlaceholder={removePlaceholder}\n            indent={removable === 'indent'}\n          >\n            <div\n              className={classNames(\n                styles['FormItem__removable'],\n                'vkuiInternalFormItem__removable',\n              )}\n            >\n              {wrappedChildren}\n            </div>\n          </Removable>\n        ) : (\n          wrappedChildren\n        )}\n      </FormItemContext.Provider>\n    </RootComponent>\n  );\n};\n\nFormItem.displayName = 'FormItem';\n\nFormItem.Top = FormItemTop;\nFormItem.Top.displayName = 'FormItem.Top';\n\nFormItem.TopLabel = FormItemTopLabel;\nFormItem.TopLabel.displayName = 'FormItem.TopLabel';\n\nFormItem.TopAside = FormItemTopAside;\nFormItem.TopAside.displayName = 'FormItem.TopAside';\n"],"names":["FormItem","sizeYClassNames","none","classNames","stylesStatus","error","valid","children","top","topMultiline","topComponent","topComponentProp","bottom","status","removable","onRemove","noop","removePlaceholder","getRootRef","htmlFor","bottomId","noPadding","topNode","required","restProps","rootEl","useExternRef","sizeY","useAdaptivity","wrappedChildren","React","Fragment","hasReactNode","FormItemTop","FormItemTopLabel","Component","multiline","Footnote","className","id","role","undefined","context","useObjectMemo","RootComponent","baseClassName","FormItemContext","Provider","value","Removable","align","e","current","indent","div","displayName","Top","TopLabel","TopAside","FormItemTopAside"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6EaA;;;eAAAA;;;;;;;;iEA7EU;sBACwB;+BACjB;8BACD;+BACC;2BAEY;+BACZ;0BACL;6BACG;kCACK;kCACA;yBACD;AAGhC,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,8BAAiC;IACjD,CAAC,UAAU,EAAEA,IAAAA,gBAAU,iCAAoC;AAC7D;AAEA,MAAMC,eAAe;IACnBC,OAAOF,IAAAA,gBAAU,gCAAmC;IACpDG,OAAOH,IAAAA,gBAAU,gCAAmC;AACtD;AAsDO,MAAMH,WAAW;QAAC,EACvBO,QAAQ,EACRC,GAAG,EACHC,YAAY,EACZC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,SAAS,SAAS,EAClBC,SAAS,EACTC,WAAWC,UAAI,EACfC,oBAAoB,SAAS,EAC7BC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,WAAW,KAAK,EAEF,WADXC;QAfHjB;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,SAASC,IAAAA,0BAAY,EAACR;IAC5B,MAAM,EAAES,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,MAAMC,gCACJ,sBAACC,OAAMC,QAAQ;;YACZC,IAAAA,kBAAY,EAACV,WACZA,UACEU,IAAAA,kBAAY,EAACxB,qBACf,qBAACyB,wBAAW;0BACV,cAAA,qBAACC,kCAAgB;oBAACf,SAASA;oBAASgB,WAAWxB;oBAAkByB,WAAW3B;8BACzED;;iBAGH;YACHD;YACAyB,IAAAA,kBAAY,EAACpB,yBACZ,qBAACyB,kBAAQ;gBACPC,SAAS;gBACTC,IAAInB;gBACJoB,MAAM3B,WAAW,UAAU,UAAU4B;0BAEpC7B;;;;IAMT,MAAM8B,UAAUC,IAAAA,4BAAa,EAAC;QAAEpB;QAAUd;IAAa;IAEvD,qBACE,qBAACmC,4BAAa,8CACRpB;QACJN,YAAYO;QACZoB,eAAe1C,IAAAA,gBAAU,kBAEvB,CAACkB,0CACD,wBACAR,WAAW,aAAaT,YAAY,CAACS,OAAO,EAC5Cc,UAAU,aAAa1B,eAAe,CAAC0B,MAAM,EAC7CK,IAAAA,kBAAY,EAACxB,QACXL,IAAAA,gBAAU,2BAA8B,kCAC1CW,aAAaX,IAAAA,gBAAU,6BAAgC;kBAGzD,cAAA,qBAAC2C,wBAAe,CAACC,QAAQ;YAACC,OAAON;sBAC9B5B,0BACC,qBAACmC,oBAAS;gBACRC,OAAM;gBACNnC,UAAU,CAACoC;oBACT,IAAI1B,mBAAAA,6BAAAA,OAAQ2B,OAAO,EAAE;wBACnBrC,SAASoC,GAAG1B,OAAO2B,OAAO;oBAC5B;gBACF;gBACAnC,mBAAmBA;gBACnBoC,QAAQvC,cAAc;0BAEtB,cAAA,qBAACwC;oBACChB,WAAWnC,IAAAA,gBAAU,6BAEnB;8BAGD0B;;iBAILA;;;AAKV;AAEA7B,SAASuD,WAAW,GAAG;AAEvBvD,SAASwD,GAAG,GAAGvB,wBAAW;AAC1BjC,SAASwD,GAAG,CAACD,WAAW,GAAG;AAE3BvD,SAASyD,QAAQ,GAAGvB,kCAAgB;AACpClC,SAASyD,QAAQ,CAACF,WAAW,GAAG;AAEhCvD,SAAS0D,QAAQ,GAAGC,kCAAgB;AACpC3D,SAAS0D,QAAQ,CAACH,WAAW,GAAG"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTop.d.ts

@@ -0,0 +1,14 @@
+import { HasComponent, HTMLAttributesWithRootRef } from '../../../types';
+export interface FormItemTopProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {
+}
+/**
+ * Служит оберткой для составной шапки поля, отвечая за выравнивание контента и расстановку отступов.
+ *
+ * @since 6.1.0
+ *
+ */
+export declare const FormItemTop: {
+    (props: FormItemTopProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=FormItemTop.d.ts.map

package/dist/cjs/components/FormItem/FormItemTop/FormItemTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemTop.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAIzE,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,YAAY;CAAG;AAEpG;;;;;GAKG;AACH,eAAO,MAAM,WAAW;YAAW,gBAAgB;;CAElD,CAAC"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTop.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FormItemTop", {
+    enumerable: true,
+    get: function() {
+        return FormItemTop;
+    }
+});
+const _object_spread = require("@swc/helpers/_/_object_spread");
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+const _jsxruntime = require("react/jsx-runtime");
+const _RootComponent = require("../../RootComponent/RootComponent");
+const FormItemTop = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, props), {
+        baseClassName: "vkuiFormItem__top"
+    }));
+FormItemTop.displayName = 'FormItemTop';
+
+//# sourceMappingURL=FormItemTop.js.map

package/dist/cjs/components/FormItem/FormItemTop/FormItemTop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"sourcesContent":["import { HasComponent, HTMLAttributesWithRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport styles from '../FormItem.module.css';\n\nexport interface FormItemTopProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {}\n\n/**\n * Служит оберткой для составной шапки поля, отвечая за выравнивание контента и расстановку отступов.\n *\n * @since 6.1.0\n *\n */\nexport const FormItemTop = (props: FormItemTopProps) => (\n  <RootComponent {...props} baseClassName={styles.FormItem__top} />\n);\n\nFormItemTop.displayName = 'FormItemTop';\n"],"names":["FormItemTop","props","RootComponent","baseClassName","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;;;+BAXiB;AAWvB,MAAMA,cAAc,CAACC,sBAC1B,qBAACC,4BAAa,8CAAKD;QAAOE,aAAa;;AAGzCH,YAAYI,WAAW,GAAG"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopAside.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { HasComponent, HasRootRef } from '../../../types';
+export interface FormItemTopAsideProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+}
+/**
+ * Отвечает за отрисовку дополнительного контента справа от заголовка поля.
+ *
+ * @since 6.1.0
+ *
+ */
+export declare const FormItemTopAside: {
+    ({ children, ...restProps }: FormItemTopAsideProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=FormItemTopAside.d.ts.map

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopAside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemTopAside.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopAside.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI1D,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;CAAG;AAEnB;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;iCAAgC,qBAAqB;;CAMjF,CAAC"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopAside.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FormItemTopAside", {
+    enumerable: true,
+    get: function() {
+        return FormItemTopAside;
+    }
+});
+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 _Subhead = require("../../Typography/Subhead/Subhead");
+const FormItemTopAside = (_param)=>{
+    var { children } = _param, restProps = _object_without_properties._(_param, [
+        "children"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Subhead.Subhead, _object_spread_props._(_object_spread._({
+        className: "vkuiFormItemTop__aside"
+    }, restProps), {
+        children: children
+    }));
+};
+FormItemTopAside.displayName = 'FormItemTopAside';
+
+//# sourceMappingURL=FormItemTopAside.js.map

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopAside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopAside.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport { Subhead } from '../../Typography/Subhead/Subhead';\nimport styles from '../FormItem.module.css';\n\nexport interface FormItemTopAsideProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {}\n\n/**\n * Отвечает за отрисовку дополнительного контента справа от заголовка поля.\n *\n * @since 6.1.0\n *\n */\nexport const FormItemTopAside = ({ children, ...restProps }: FormItemTopAsideProps) => {\n  return (\n    <Subhead className={styles['FormItemTop__aside']} {...restProps}>\n      {children}\n    </Subhead>\n  );\n};\n\nFormItemTopAside.displayName = 'FormItemTopAside';\n"],"names":["FormItemTopAside","children","restProps","Subhead","className","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;;;;;iEAhBU;yBAEC;AAcjB,MAAMA,mBAAmB;QAAC,EAAEC,QAAQ,EAAuC,WAAlCC;QAAbD;;IACjC,qBACE,qBAACE,gBAAO;QAACC,SAAS;OAAoCF;kBACnDD;;AAGP;AAEAD,iBAAiBK,WAAW,GAAG"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopLabel.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { HasComponent, HasRootRef } from '../../../types';
+export interface FormItemTopLabelProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Многострочный вывод заголовка.
+     * TODO [>=7]: удалить и вседа брать из контекста
+     */
+    multiline?: boolean;
+}
+/**
+ * Отвечает за отрисовку заголовка поля. По умолчанию компонент представлен тегом `label`, если передано свойство `htmlFor`.
+ * Можно переопределить через свойство `Component`.
+ *
+ * @since 6.1.0
+ *
+ */
+export declare const FormItemTopLabel: {
+    ({ children, Component: componentProp, htmlFor, multiline, ...restProps }: FormItemTopLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=FormItemTopLabel.d.ts.map

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemTopLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK1D,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;+EAM1B,qBAAqB;;CAsBvB,CAAC"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopLabel.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FormItemTopLabel", {
+    enumerable: true,
+    get: function() {
+        return FormItemTopLabel;
+    }
+});
+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 _Subhead = require("../../Typography/Subhead/Subhead");
+const _context = require("../context");
+const FormItemTopLabel = (_param)=>{
+    var { children, Component: componentProp, htmlFor, multiline } = _param, restProps = _object_without_properties._(_param, [
+        "children",
+        "Component",
+        "htmlFor",
+        "multiline"
+    ]);
+    const component = componentProp || htmlFor && 'label' || 'span';
+    const { required, topMultiline: multilineContext } = _react.useContext(_context.FormItemContext);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Subhead.Subhead, _object_spread_props._(_object_spread._({
+        className: (0, _vkjs.classNames)("vkuiFormItemTop__label", (multiline !== null && multiline !== void 0 ? multiline : multilineContext) && "vkuiFormItemTop__label--multiline"),
+        Component: component,
+        htmlFor: htmlFor
+    }, restProps), {
+        children: [
+            children,
+            required && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "vkuiFormItemTop__label--required",
+                "aria-hidden": true,
+                children: "*"
+            })
+        ]
+    }));
+};
+FormItemTopLabel.displayName = 'FormItemTopLabel';
+
+//# sourceMappingURL=FormItemTopLabel.js.map

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport { Subhead } from '../../Typography/Subhead/Subhead';\nimport { FormItemContext } from '../context';\nimport styles from '../FormItem.module.css';\n\nexport interface FormItemTopLabelProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Многострочный вывод заголовка.\n   * TODO [>=7]: удалить и вседа брать из контекста\n   */\n  multiline?: boolean;\n}\n\n/**\n * Отвечает за отрисовку заголовка поля. По умолчанию компонент представлен тегом `label`, если передано свойство `htmlFor`.\n * Можно переопределить через свойство `Component`.\n *\n * @since 6.1.0\n *\n */\nexport const FormItemTopLabel = ({\n  children,\n  Component: componentProp,\n  htmlFor,\n  multiline,\n  ...restProps\n}: FormItemTopLabelProps) => {\n  const component = componentProp || (htmlFor && 'label') || 'span';\n  const { required, topMultiline: multilineContext } = React.useContext(FormItemContext);\n\n  return (\n    <Subhead\n      className={classNames(\n        styles['FormItemTop__label'],\n        (multiline ?? multilineContext) && styles['FormItemTop__label--multiline'],\n      )}\n      Component={component}\n      htmlFor={htmlFor}\n      {...restProps}\n    >\n      {children}\n      {required && (\n        <span className={styles['FormItemTop__label--required']} aria-hidden>\n          *\n        </span>\n      )}\n    </Subhead>\n  );\n};\n\nFormItemTopLabel.displayName = 'FormItemTopLabel';\n"],"names":["FormItemTopLabel","children","Component","componentProp","htmlFor","multiline","restProps","component","required","topMultiline","multilineContext","React","useContext","FormItemContext","Subhead","className","classNames","span","aria-hidden","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;yBAEH;yBACQ;AAqBzB,MAAMA,mBAAmB;QAAC,EAC/BC,QAAQ,EACRC,WAAWC,aAAa,EACxBC,OAAO,EACPC,SAAS,EAEa,WADnBC;QAJHL;QACAC;QACAE;QACAC;;IAGA,MAAME,YAAYJ,iBAAkBC,WAAW,WAAY;IAC3D,MAAM,EAAEI,QAAQ,EAAEC,cAAcC,gBAAgB,EAAE,GAAGC,OAAMC,UAAU,CAACC,wBAAe;IAErF,qBACE,sBAACC,gBAAO;QACNC,WAAWC,IAAAA,gBAAU,4BAEnB,AAACX,CAAAA,sBAAAA,uBAAAA,YAAaK,gBAAe;QAE/BR,WAAWK;QACXH,SAASA;OACLE;;YAEHL;YACAO,0BACC,qBAACS;gBAAKF,SAAS;gBAA0CG,aAAW;0BAAC;;;;AAM7E;AAEAlB,iBAAiBmB,WAAW,GAAG"}

package/dist/cjs/components/FormItem/context.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface FormItemContextProps {
+    required?: boolean;
+    topMultiline?: boolean;
+}
+export declare const FormItemContext: React.Context<FormItemContextProps>;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/cjs/components/FormItem/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,qCAG1B,CAAC"}

package/dist/cjs/components/FormItem/context.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FormItemContext", {
+    enumerable: true,
+    get: function() {
+        return FormItemContext;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const FormItemContext = _react.createContext({
+    required: false,
+    topMultiline: false
+});
+
+//# sourceMappingURL=context.js.map

package/dist/cjs/components/FormItem/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/FormItem/context.ts"],"sourcesContent":["import * as React from 'react';\n\ninterface FormItemContextProps {\n  required?: boolean;\n  topMultiline?: boolean;\n}\n\nexport const FormItemContext = React.createContext<FormItemContextProps>({\n  required: false,\n  topMultiline: false,\n});\n"],"names":["FormItemContext","React","createContext","required","topMultiline"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;AAOhB,MAAMA,kBAAkBC,OAAMC,aAAa,CAAuB;IACvEC,UAAU;IACVC,cAAc;AAChB"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { HTMLAttributesWithRootRef } from '../../types';
 import { RemovableProps } from '../Removable/Removable';
 export interface FormLayoutGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement>, RemovableProps {
@@ -17,5 +16,5 @@ export interface FormLayoutGroupProps extends HTMLAttributesWithRootRef<HTMLDivE
 /**
  * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
  */
-export declare const FormLayoutGroup: ({ children, mode, removable, segmented, removePlaceholder, onRemove, getRootRef, ...restProps }: FormLayoutGroupProps) => React.JSX.Element;
+export declare const FormLayoutGroup: ({ children, mode, removable, segmented, removePlaceholder, onRemove, getRootRef, ...restProps }: FormLayoutGroupProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormLayoutGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAenE,MAAM,WAAW,oBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,cAAc;IAChB,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,oGASzB,oBAAoB,sBAuDtB,CAAC"}
+{"version":3,"file":"FormLayoutGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAenE,MAAM,WAAW,oBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,cAAc;IAChB,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,oGASzB,oBAAoB,4CAuDtB,CAAC"}

package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js

@@ -10,7 +10,9 @@ Object.defineProperty(exports, "FormLayoutGroup", {
 });
 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 _useAdaptivity = require("../../hooks/useAdaptivity");
@@ -34,23 +36,31 @@ const FormLayoutGroup = (_param)=>{
     const { sizeY = 'none' } = (0, _useAdaptivity.useAdaptivity)();
     const isRemovable = removable && mode === 'horizontal';
     const rootEl = (0, _useExternRef.useExternRef)(getRootRef);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
         getRootRef: rootEl,
         baseClassName: (0, _vkjs.classNames)(sizeY !== 'regular' && sizeYClassNames[sizeY], mode === 'horizontal' && (0, _vkjs.classNames)("vkuiFormLayoutGroup--mode-horizontal", 'vkuiInternalFormLayoutGroup--mode-horizontal'), mode === 'vertical' && (0, _vkjs.classNames)("vkuiFormLayoutGroup--mode-vertical", 'vkuiInternalFormLayoutGroup--mode-vertical'), isRemovable && (0, _vkjs.classNames)("vkuiFormLayoutGroup--removable", 'vkuiInternalFormLayoutGroup--removable'), segmented && (0, _vkjs.classNames)("vkuiFormLayoutGroup--segmented", 'vkuiInternalFormLayoutGroup--segmented'))
-    }, restProps), isRemovable ? /*#__PURE__*/ _react.createElement(_Removable.Removable, {
-        className: "vkuiFormLayoutGroup__removable",
-        align: "start",
-        removePlaceholder: removePlaceholder,
-        onRemove: (e)=>{
-            if (rootEl === null || rootEl === void 0 ? void 0 : rootEl.current) {
-                onRemove(e, rootEl.current);
-            }
-        },
-        indent: removable === 'indent'
-    }, children) : /*#__PURE__*/ _react.createElement(_react.Fragment, null, children, /*#__PURE__*/ _react.createElement("span", {
-        className: "vkuiFormLayoutGroup__offset",
-        "aria-hidden": true
-    })));
+    }, restProps), {
+        children: isRemovable ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Removable.Removable, {
+            className: "vkuiFormLayoutGroup__removable",
+            align: "start",
+            removePlaceholder: removePlaceholder,
+            onRemove: (e)=>{
+                if (rootEl === null || rootEl === void 0 ? void 0 : rootEl.current) {
+                    onRemove(e, rootEl.current);
+                }
+            },
+            indent: removable === 'indent',
+            children: children
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+            children: [
+                children,
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: "vkuiFormLayoutGroup__offset",
+                    "aria-hidden": true
+                })
+            ]
+        })
+    }));
 };
 
 //# sourceMappingURL=FormLayoutGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './FormLayoutGroup.module.css';\n\nconst sizeYClassNames = {\n  none: classNames(\n    styles['FormLayoutGroup--sizeY-none'],\n    'vkuiInternalFormLayoutGroup--sizeY-none',\n  ),\n  ['compact']: classNames(\n    styles['FormLayoutGroup--sizeY-compact'],\n    'vkuiInternalFormLayoutGroup--sizeY-compact',\n  ),\n};\n\nexport interface FormLayoutGroupProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    RemovableProps {\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   *\n   * Режим `indent` предназначен для визуального отступа.\n   */\n  removable?: boolean | 'indent';\n\n  /**\n   * Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = 'vertical',\n  removable,\n  segmented,\n  removePlaceholder = 'Удалить',\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <RootComponent\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        mode === 'horizontal' &&\n          classNames(\n            styles['FormLayoutGroup--mode-horizontal'],\n            'vkuiInternalFormLayoutGroup--mode-horizontal',\n          ),\n        mode === 'vertical' &&\n          classNames(\n            styles['FormLayoutGroup--mode-vertical'],\n            'vkuiInternalFormLayoutGroup--mode-vertical',\n          ),\n        isRemovable &&\n          classNames(\n            styles['FormLayoutGroup--removable'],\n            'vkuiInternalFormLayoutGroup--removable',\n          ),\n        segmented &&\n          classNames(\n            styles['FormLayoutGroup--segmented'],\n            'vkuiInternalFormLayoutGroup--segmented',\n          ),\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles['FormLayoutGroup__removable']}\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          indent={removable === 'indent'}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span className={styles['FormLayoutGroup__offset']} aria-hidden />\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["FormLayoutGroup","sizeYClassNames","none","classNames","children","mode","removable","segmented","removePlaceholder","onRemove","noop","getRootRef","restProps","sizeY","useAdaptivity","isRemovable","rootEl","useExternRef","RootComponent","baseClassName","Removable","className","align","e","current","indent","React","Fragment","span","aria-hidden"],"mappings":";;;;+BAwCaA;;;eAAAA;;;;;;iEAxCU;sBACU;+BACH;8BACD;2BAEa;+BACZ;AAG9B,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,qCAEd;IAEF,CAAC,UAAU,EAAEA,IAAAA,gBAAU,wCAErB;AAEJ;AAsBO,MAAMH,kBAAkB;QAAC,EAC9BI,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,WAAWC,UAAI,EACfC,UAAU,EAEW,WADlBC;QAPHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAMC,cAAcT,aAAaD,SAAS;IAC1C,MAAMW,SAASC,IAAAA,0BAAY,EAACN;IAE5B,qBACE,qBAACO,4BAAa;QACZP,YAAYK;QACZG,eAAehB,IAAAA,gBAAU,EACvBU,UAAU,aAAaZ,eAAe,CAACY,MAAM,EAC7CR,SAAS,gBACPF,IAAAA,gBAAU,0CAER,iDAEJE,SAAS,cACPF,IAAAA,gBAAU,wCAER,+CAEJY,eACEZ,IAAAA,gBAAU,oCAER,2CAEJI,aACEJ,IAAAA,gBAAU,oCAER;OAGFS,YAEHG,4BACC,qBAACK,oBAAS;QACRC,SAAS;QACTC,OAAM;QACNd,mBAAmBA;QACnBC,UAAU,CAACc;YACT,IAAIP,mBAAAA,6BAAAA,OAAQQ,OAAO,EAAE;gBACnBf,SAASc,GAAGP,OAAOQ,OAAO;YAC5B;QACF;QACAC,QAAQnB,cAAc;OAErBF,0BAGH,qBAACsB,OAAMC,QAAQ,QACZvB,wBACD,qBAACwB;QAAKP,SAAS;QAAqCQ,eAAAA;;AAK9D"}
+{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './FormLayoutGroup.module.css';\n\nconst sizeYClassNames = {\n  none: classNames(\n    styles['FormLayoutGroup--sizeY-none'],\n    'vkuiInternalFormLayoutGroup--sizeY-none',\n  ),\n  ['compact']: classNames(\n    styles['FormLayoutGroup--sizeY-compact'],\n    'vkuiInternalFormLayoutGroup--sizeY-compact',\n  ),\n};\n\nexport interface FormLayoutGroupProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    RemovableProps {\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   *\n   * Режим `indent` предназначен для визуального отступа.\n   */\n  removable?: boolean | 'indent';\n\n  /**\n   * Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = 'vertical',\n  removable,\n  segmented,\n  removePlaceholder = 'Удалить',\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <RootComponent\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        mode === 'horizontal' &&\n          classNames(\n            styles['FormLayoutGroup--mode-horizontal'],\n            'vkuiInternalFormLayoutGroup--mode-horizontal',\n          ),\n        mode === 'vertical' &&\n          classNames(\n            styles['FormLayoutGroup--mode-vertical'],\n            'vkuiInternalFormLayoutGroup--mode-vertical',\n          ),\n        isRemovable &&\n          classNames(\n            styles['FormLayoutGroup--removable'],\n            'vkuiInternalFormLayoutGroup--removable',\n          ),\n        segmented &&\n          classNames(\n            styles['FormLayoutGroup--segmented'],\n            'vkuiInternalFormLayoutGroup--segmented',\n          ),\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles['FormLayoutGroup__removable']}\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          indent={removable === 'indent'}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span className={styles['FormLayoutGroup__offset']} aria-hidden />\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["FormLayoutGroup","sizeYClassNames","none","classNames","children","mode","removable","segmented","removePlaceholder","onRemove","noop","getRootRef","restProps","sizeY","useAdaptivity","isRemovable","rootEl","useExternRef","RootComponent","baseClassName","Removable","className","align","e","current","indent","React","Fragment","span","aria-hidden"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;;iEAxCU;sBACU;+BACH;8BACD;2BAEa;+BACZ;AAG9B,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,qCAEd;IAEF,CAAC,UAAU,EAAEA,IAAAA,gBAAU,wCAErB;AAEJ;AAsBO,MAAMH,kBAAkB;QAAC,EAC9BI,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,WAAWC,UAAI,EACfC,UAAU,EAEW,WADlBC;QAPHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAMC,cAAcT,aAAaD,SAAS;IAC1C,MAAMW,SAASC,IAAAA,0BAAY,EAACN;IAE5B,qBACE,qBAACO,4BAAa;QACZP,YAAYK;QACZG,eAAehB,IAAAA,gBAAU,EACvBU,UAAU,aAAaZ,eAAe,CAACY,MAAM,EAC7CR,SAAS,gBACPF,IAAAA,gBAAU,0CAER,iDAEJE,SAAS,cACPF,IAAAA,gBAAU,wCAER,+CAEJY,eACEZ,IAAAA,gBAAU,oCAER,2CAEJI,aACEJ,IAAAA,gBAAU,oCAER;OAGFS;kBAEHG,4BACC,qBAACK,oBAAS;YACRC,SAAS;YACTC,OAAM;YACNd,mBAAmBA;YACnBC,UAAU,CAACc;gBACT,IAAIP,mBAAAA,6BAAAA,OAAQQ,OAAO,EAAE;oBACnBf,SAASc,GAAGP,OAAOQ,OAAO;gBAC5B;YACF;YACAC,QAAQnB,cAAc;sBAErBF;2BAGH,sBAACsB,OAAMC,QAAQ;;gBACZvB;8BACD,qBAACwB;oBAAKP,SAAS;oBAAqCQ,aAAW;;;;;AAKzE"}

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

@@ -7,5 +7,5 @@ export interface FormStatusProps extends HTMLAttributesWithRootRef<HTMLDivElemen
 /**
  * @see https://vkcom.github.io/VKUI/#/FormStatus
  */
-export declare const FormStatus: ({ mode, children, className, role, ...restProps }: FormStatusProps) => React.JSX.Element;
+export declare const FormStatus: ({ mode, children, className, role, ...restProps }: FormStatusProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormStatus.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,sDAMpB,eAAe,sBAcjB,CAAC"}
+{"version":3,"file":"FormStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,sDAMpB,eAAe,4CAcjB,CAAC"}

package/dist/cjs/components/FormStatus/FormStatus.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 _Banner = require("../Banner/Banner");
@@ -22,7 +23,7 @@ const FormStatus = (_param)=>{
         "className",
         "role"
     ]);
-    return /*#__PURE__*/ _react.createElement(_Banner.Banner, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Banner.Banner, _object_spread_props._(_object_spread._({}, restProps), {
         role: role,
         subheader: children,
         className: (0, _vkjs.classNames)('vkuiInternalFormStatus', mode === 'error' && (0, _vkjs.classNames)("vkuiFormStatus--mode-error", 'vkuiInternalFormStatus--mode-error'), className)

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  mode?: 'default' | 'error';\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  children,\n  className,\n  role = mode === 'error' ? 'alert' : 'status',\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <Banner\n      {...restProps}\n      role={role}\n      subheader={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' &&\n          classNames(styles['FormStatus--mode-error'], 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["FormStatus","mode","children","className","role","restProps","Banner","subheader","classNames"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;iEAdU;sBACI;wBAEJ;AAWhB,MAAMA,aAAa;QAAC,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAOH,SAAS,UAAU,UAAU,QAAQ,EAE5B,WADbI;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,cAAM,8CACDD;QACJD,MAAMA;QACNG,WAAWL;QACXC,WAAWK,IAAAA,gBAAU,EACnB,0BACAP,SAAS,WACPO,IAAAA,gBAAU,gCAAmC,uCAC/CL;;AAIR"}
+{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  mode?: 'default' | 'error';\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  children,\n  className,\n  role = mode === 'error' ? 'alert' : 'status',\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <Banner\n      {...restProps}\n      role={role}\n      subheader={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' &&\n          classNames(styles['FormStatus--mode-error'], 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["FormStatus","mode","children","className","role","restProps","Banner","subheader","classNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;;;;;iEAdU;sBACI;wBAEJ;AAWhB,MAAMA,aAAa;QAAC,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAOH,SAAS,UAAU,UAAU,QAAQ,EAE5B,WADbI;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,cAAM,8CACDD;QACJD,MAAMA;QACNG,WAAWL;QACXC,WAAWK,IAAAA,gBAAU,EACnB,0BACAP,SAAS,WACPO,IAAAA,gBAAU,gCAAmC,uCAC/CL;;AAIR"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { BaseGalleryProps } from '../BaseGallery/types';
 export interface GalleryProps extends BaseGalleryProps {
     initialSlideIndex?: number;
@@ -8,5 +7,5 @@ export interface GalleryProps extends BaseGalleryProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/Gallery
  */
-export declare const Gallery: ({ initialSlideIndex, children, timeout, onChange, bullets, looped, ...props }: GalleryProps) => React.JSX.Element | null;
+export declare const Gallery: ({ initialSlideIndex, children, timeout, onChange, bullets, looped, ...props }: GalleryProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Gallery.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,kFAQjB,YAAY,6BAoDd,CAAC"}
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,kFAQjB,YAAY,mDAoDd,CAAC"}

package/dist/cjs/components/Gallery/Gallery.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 _math = require("../../helpers/math");
 const _useIsClient = require("../../hooks/useIsClient");
@@ -66,13 +67,14 @@ const Gallery = (_param)=>{
         return null;
     }
     const Component = looped ? _CarouselBase.CarouselBase : _BaseGallery.BaseGallery;
-    return /*#__PURE__*/ _react.createElement(Component, _object_spread_props._(_object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread_props._(_object_spread._({
         dragDisabled: isControlled && !onChange
     }, props), {
         bullets: childCount > 0 && bullets,
         slideIndex: safeSlideIndex,
-        onChange: handleChange
-    }), slides);
+        onChange: handleChange,
+        children: slides
+    }));
 };
 
 //# sourceMappingURL=Gallery.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { CarouselBase } from '../BaseGallery/CarouselBase/CarouselBase';\nimport { BaseGalleryProps } from '../BaseGallery/types';\nimport { useAutoPlay } from './hooks';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n  // Отвечает за зацикливание слайдов\n  looped?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  looped,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === 'number';\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children],\n  );\n  const childCount = slides.length;\n  const isClient = useIsClient();\n\n  const handleChange: GalleryProps['onChange'] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex],\n  );\n\n  useAutoPlay(timeout, slideIndex, () => handleChange((slideIndex + 1) % childCount));\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  const Component = looped ? CarouselBase : BaseGallery;\n\n  return (\n    <Component\n      dragDisabled={isControlled && !onChange}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </Component>\n  );\n};\n"],"names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","looped","props","localSlideIndex","setSlideIndex","React","useState","isControlled","slideIndex","slides","useMemo","Children","toArray","filter","item","Boolean","childCount","length","isClient","useIsClient","handleChange","useCallback","current","useAutoPlay","safeSlideIndex","clamp","useEffect","Component","CarouselBase","BaseGallery","dragDisabled"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;iEAlBU;sBACD;6BACM;6BACA;8BACC;uBAED;AAYrB,MAAMA,UAAU;QAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACPC,MAAM,EAEO,WADVC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,iBAAiBC,cAAc,GAAGC,OAAMC,QAAQ,CAACV;IACxD,MAAMW,eAAe,OAAOL,MAAMM,UAAU,KAAK;QACfN;IAAlC,MAAMM,aAAaD,eAAeL,CAAAA,oBAAAA,MAAMM,UAAU,cAAhBN,+BAAAA,oBAAoB,IAAIC;IAC1D,MAAMM,SAASJ,OAAMK,OAAO,CAC1B,IAAML,OAAMM,QAAQ,CAACC,OAAO,CAACf,UAAUgB,MAAM,CAAC,CAACC,OAASC,QAAQD,QAChE;QAACjB;KAAS;IAEZ,MAAMmB,aAAaP,OAAOQ,MAAM;IAChC,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAyCf,OAAMgB,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYd,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBH,cAAckB;QAC/BvB,YAAYA,SAASuB;IACvB,GACA;QAACf;QAAcR;QAAUS;KAAW;IAGtCe,IAAAA,kBAAW,EAACzB,SAASU,YAAY,IAAMY,aAAa,AAACZ,CAAAA,aAAa,CAAA,IAAKQ;IAEvE,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMQ,iBAAiBR,aAAa,IAAIS,IAAAA,WAAK,EAACjB,YAAY,GAAGQ,aAAa,KAAKR;IAC/E,mCAAmC;IACnCH,OAAMqB,SAAS,CAAC;QACd,IAAI3B,YAAYyB,mBAAmBhB,YAAY;YAC7CT,SAASyB;QACX;QACApB,cAAcoB;IAChB,GAAG;QAACzB;QAAUyB;QAAgBhB;KAAW;IAEzC,IAAI,CAACU,UAAU;QACb,OAAO;IACT;IAEA,MAAMS,YAAY1B,SAAS2B,0BAAY,GAAGC,wBAAW;IAErD,qBACE,qBAACF;QACCG,cAAcvB,gBAAgB,CAACR;OAC3BG;QACJF,SAASgB,aAAa,KAAKhB;QAC3BQ,YAAYgB;QACZzB,UAAUqB;QAETX;AAGP"}
+{"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { CarouselBase } from '../BaseGallery/CarouselBase/CarouselBase';\nimport { BaseGalleryProps } from '../BaseGallery/types';\nimport { useAutoPlay } from './hooks';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n  // Отвечает за зацикливание слайдов\n  looped?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  looped,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === 'number';\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children],\n  );\n  const childCount = slides.length;\n  const isClient = useIsClient();\n\n  const handleChange: GalleryProps['onChange'] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex],\n  );\n\n  useAutoPlay(timeout, slideIndex, () => handleChange((slideIndex + 1) % childCount));\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  const Component = looped ? CarouselBase : BaseGallery;\n\n  return (\n    <Component\n      dragDisabled={isControlled && !onChange}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </Component>\n  );\n};\n"],"names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","looped","props","localSlideIndex","setSlideIndex","React","useState","isControlled","slideIndex","slides","useMemo","Children","toArray","filter","item","Boolean","childCount","length","isClient","useIsClient","handleChange","useCallback","current","useAutoPlay","safeSlideIndex","clamp","useEffect","Component","CarouselBase","BaseGallery","dragDisabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;;iEAlBU;sBACD;6BACM;6BACA;8BACC;uBAED;AAYrB,MAAMA,UAAU;QAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACPC,MAAM,EAEO,WADVC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,iBAAiBC,cAAc,GAAGC,OAAMC,QAAQ,CAACV;IACxD,MAAMW,eAAe,OAAOL,MAAMM,UAAU,KAAK;QACfN;IAAlC,MAAMM,aAAaD,eAAeL,CAAAA,oBAAAA,MAAMM,UAAU,cAAhBN,+BAAAA,oBAAoB,IAAIC;IAC1D,MAAMM,SAASJ,OAAMK,OAAO,CAC1B,IAAML,OAAMM,QAAQ,CAACC,OAAO,CAACf,UAAUgB,MAAM,CAAC,CAACC,OAASC,QAAQD,QAChE;QAACjB;KAAS;IAEZ,MAAMmB,aAAaP,OAAOQ,MAAM;IAChC,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAyCf,OAAMgB,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYd,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBH,cAAckB;QAC/BvB,YAAYA,SAASuB;IACvB,GACA;QAACf;QAAcR;QAAUS;KAAW;IAGtCe,IAAAA,kBAAW,EAACzB,SAASU,YAAY,IAAMY,aAAa,AAACZ,CAAAA,aAAa,CAAA,IAAKQ;IAEvE,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMQ,iBAAiBR,aAAa,IAAIS,IAAAA,WAAK,EAACjB,YAAY,GAAGQ,aAAa,KAAKR;IAC/E,mCAAmC;IACnCH,OAAMqB,SAAS,CAAC;QACd,IAAI3B,YAAYyB,mBAAmBhB,YAAY;YAC7CT,SAASyB;QACX;QACApB,cAAcoB;IAChB,GAAG;QAACzB;QAAUyB;QAAgBhB;KAAW;IAEzC,IAAI,CAACU,UAAU;QACb,OAAO;IACT;IAEA,MAAMS,YAAY1B,SAAS2B,0BAAY,GAAGC,wBAAW;IAErD,qBACE,qBAACF;QACCG,cAAcvB,gBAAgB,CAACR;OAC3BG;QACJF,SAASgB,aAAa,KAAKhB;QAC3BQ,YAAYgB;QACZzB,UAAUqB;kBAETX;;AAGP"}

package/dist/cjs/components/Gallery/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gallery/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useDOM } from '../../lib/dom';\n\nexport function useAutoPlay(timeout: number, slideIndex: number, callbackFn: VoidFunction) {\n  const { clear: clearAutoPlay, set: setAutoPlay } = useTimeout(callbackFn, timeout);\n  const { document } = useDOM();\n\n  React.useEffect(\n    () => (timeout ? setAutoPlay() : clearAutoPlay()),\n    [timeout, slideIndex, clearAutoPlay, setAutoPlay],\n  );\n\n  // Отключаем прокрутку слайдов при неактивной вкладке\n  React.useEffect(\n    function preventSlideChange() {\n      if (!document || !timeout) {\n        return;\n      }\n\n      const changeAutoPlay = () => {\n        if (document.visibilityState === 'visible') {\n          clearAutoPlay();\n          setAutoPlay();\n        }\n        if (document.visibilityState === 'hidden') {\n          clearAutoPlay();\n        }\n      };\n\n      document.addEventListener('visibilitychange', changeAutoPlay);\n\n      return () => {\n        document.removeEventListener('visibilitychange', changeAutoPlay);\n      };\n    },\n    [document, timeout, clearAutoPlay, setAutoPlay],\n  );\n}\n"],"names":["useAutoPlay","timeout","slideIndex","callbackFn","clear","clearAutoPlay","set","setAutoPlay","useTimeout","document","useDOM","React","useEffect","preventSlideChange","changeAutoPlay","visibilityState","addEventListener","removeEventListener"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;4BACI;qBACJ;AAEhB,SAASA,YAAYC,OAAe,EAAEC,UAAkB,EAAEC,UAAwB;IACvF,MAAM,EAAEC,OAAOC,aAAa,EAAEC,KAAKC,WAAW,EAAE,GAAGC,IAAAA,sBAAU,EAACL,YAAYF;IAC1E,MAAM,EAAEQ,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAE3BC,OAAMC,SAAS,CACb,IAAOX,UAAUM,gBAAgBF,iBACjC;QAACJ;QAASC;QAAYG;QAAeE;KAAY;IAGnD,qDAAqD;IACrDI,OAAMC,SAAS,CACb,SAASC;QACP,IAAI,CAACJ,YAAY,CAACR,SAAS;YACzB;QACF;QAEA,MAAMa,iBAAiB;YACrB,IAAIL,SAASM,eAAe,KAAK,WAAW;gBAC1CV;gBACAE;YACF;YACA,IAAIE,SAASM,eAAe,KAAK,UAAU;gBACzCV;YACF;QACF;QAEAI,SAASO,gBAAgB,CAAC,oBAAoBF;QAE9C,OAAO;YACLL,SAASQ,mBAAmB,CAAC,oBAAoBH;QACnD;IACF,GACA;QAACL;QAAUR;QAASI;QAAeE;KAAY;AAEnD"}
+{"version":3,"sources":["../../../../src/components/Gallery/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useDOM } from '../../lib/dom';\n\nexport function useAutoPlay(timeout: number, slideIndex: number, callbackFn: VoidFunction) {\n  const { clear: clearAutoPlay, set: setAutoPlay } = useTimeout(callbackFn, timeout);\n  const { document } = useDOM();\n\n  React.useEffect(\n    () => (timeout ? setAutoPlay() : clearAutoPlay()),\n    [timeout, slideIndex, clearAutoPlay, setAutoPlay],\n  );\n\n  // Отключаем прокрутку слайдов при неактивной вкладке\n  React.useEffect(\n    function preventSlideChange() {\n      if (!document || !timeout) {\n        return;\n      }\n\n      const changeAutoPlay = () => {\n        if (document.visibilityState === 'visible') {\n          clearAutoPlay();\n          setAutoPlay();\n        }\n        if (document.visibilityState === 'hidden') {\n          clearAutoPlay();\n        }\n      };\n\n      document.addEventListener('visibilitychange', changeAutoPlay);\n\n      return () => {\n        document.removeEventListener('visibilitychange', changeAutoPlay);\n      };\n    },\n    [document, timeout, clearAutoPlay, setAutoPlay],\n  );\n}\n"],"names":["useAutoPlay","timeout","slideIndex","callbackFn","clear","clearAutoPlay","set","setAutoPlay","useTimeout","document","useDOM","React","useEffect","preventSlideChange","changeAutoPlay","visibilityState","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;4BACI;qBACJ;AAEhB,SAASA,YAAYC,OAAe,EAAEC,UAAkB,EAAEC,UAAwB;IACvF,MAAM,EAAEC,OAAOC,aAAa,EAAEC,KAAKC,WAAW,EAAE,GAAGC,IAAAA,sBAAU,EAACL,YAAYF;IAC1E,MAAM,EAAEQ,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAE3BC,OAAMC,SAAS,CACb,IAAOX,UAAUM,gBAAgBF,iBACjC;QAACJ;QAASC;QAAYG;QAAeE;KAAY;IAGnD,qDAAqD;IACrDI,OAAMC,SAAS,CACb,SAASC;QACP,IAAI,CAACJ,YAAY,CAACR,SAAS;YACzB;QACF;QAEA,MAAMa,iBAAiB;YACrB,IAAIL,SAASM,eAAe,KAAK,WAAW;gBAC1CV;gBACAE;YACF;YACA,IAAIE,SAASM,eAAe,KAAK,UAAU;gBACzCV;YACF;QACF;QAEAI,SAASO,gBAAgB,CAAC,oBAAoBF;QAE9C,OAAO;YACLL,SAASQ,mBAAmB,CAAC,oBAAoBH;QACnD;IACF,GACA;QAACL;QAAUR;QAASI;QAAeE;KAAY;AAEnD"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { HTMLAttributesWithRootRef } from '../../types';
 export interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
     /**
@@ -13,5 +12,5 @@ export interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement>
 /**
  * @see https://vkcom.github.io/VKUI/#/Gradient
  */
-export declare const Gradient: ({ mode, to, ...restProps }: GradientProps) => React.JSX.Element;
+export declare const Gradient: ({ mode, to, ...restProps }: GradientProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Gradient.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../src/components/Gradient/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,+BAAoD,aAAa,sBAYrF,CAAC"}
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../src/components/Gradient/Gradient.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,+BAAoD,aAAa,4CAYrF,CAAC"}

package/dist/cjs/components/Gradient/Gradient.js

@@ -8,11 +8,10 @@ Object.defineProperty(exports, "Gradient", {
         return Gradient;
     }
 });
-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 _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
 const _RootComponent = require("../RootComponent/RootComponent");
 const Gradient = (_param)=>{
@@ -20,7 +19,7 @@ const Gradient = (_param)=>{
         "mode",
         "to"
     ]);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
         role: "presentation"
     }, restProps), {
         baseClassName: (0, _vkjs.classNames)("vkuiGradient", mode !== 'default' && "vkuiGradient--mode-tint", to === 'bottom' && "vkuiGradient--to-bottom")

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Gradient.module.css';\n\nexport interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'default';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({ mode = 'default', to = 'top', ...restProps }: GradientProps) => {\n  return (\n    <RootComponent\n      role=\"presentation\"\n      {...restProps}\n      baseClassName={classNames(\n        styles['Gradient'],\n        mode !== 'default' && styles['Gradient--mode-tint'],\n        to === 'bottom' && styles['Gradient--to-bottom'],\n      )}\n    />\n  );\n};\n"],"names":["Gradient","mode","to","restProps","RootComponent","role","baseClassName","classNames"],"mappings":";;;;+BAoBaA;;;eAAAA;;;;;;;iEApBU;sBACI;+BAEG;AAiBvB,MAAMA,WAAW;QAAC,EAAEC,OAAO,SAAS,EAAEC,KAAK,KAAK,EAA+B,WAA1BC;QAAjCF;QAAkBC;;IAC3C,qBACE,qBAACE,4BAAa;QACZC,MAAK;OACDF;QACJG,eAAeC,IAAAA,gBAAU,kBAEvBN,SAAS,wCACTC,OAAO;;AAIf"}
+{"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Gradient.module.css';\n\nexport interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'default';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({ mode = 'default', to = 'top', ...restProps }: GradientProps) => {\n  return (\n    <RootComponent\n      role=\"presentation\"\n      {...restProps}\n      baseClassName={classNames(\n        styles['Gradient'],\n        mode !== 'default' && styles['Gradient--mode-tint'],\n        to === 'bottom' && styles['Gradient--to-bottom'],\n      )}\n    />\n  );\n};\n"],"names":["Gradient","mode","to","restProps","RootComponent","role","baseClassName","classNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;sBAnBc;+BAEG;AAiBvB,MAAMA,WAAW;QAAC,EAAEC,OAAO,SAAS,EAAEC,KAAK,KAAK,EAA+B,WAA1BC;QAAjCF;QAAkBC;;IAC3C,qBACE,qBAACE,4BAAa;QACZC,MAAK;OACDF;QACJG,eAAeC,IAAAA,gBAAU,kBAEvBN,SAAS,wCACTC,OAAO;;AAIf"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { type ImageBaseProps } from '../ImageBase/ImageBase';
 import { type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';
 export { GridAvatarBadgeProps };
@@ -14,7 +13,7 @@ export interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackI
  * @see https://vkcom.github.io/VKUI/#/GridAvatar
  */
 export declare const GridAvatar: {
-    ({ src, size, className, children, ...restProps }: GridAvatarProps): React.JSX.Element;
-    Badge: ({ className, ...restProps }: import("../ImageBase/ImageBase").ImageBaseBadgeProps) => React.JSX.Element;
+    ({ src, size, className, children, ...restProps }: GridAvatarProps): import("react/jsx-runtime").JSX.Element;
+    Badge: ({ className, ...restProps }: import("../ImageBase/ImageBase").ImageBaseBadgeProps) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=GridAvatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG/F,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,cAAc,CAAC;IACnF;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;CAChB;AAID;;GAEG;AACH,eAAO,MAAM,UAAU;uDAMpB,eAAe;;CAuBjB,CAAC"}
+{"version":3,"file":"GridAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG/F,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,cAAc,CAAC;IACnF;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;CAChB;AAID;;GAEG;AACH,eAAO,MAAM,UAAU;uDAMpB,eAAe;;CAuBjB,CAAC"}