@vkontakte/vkui 5.8.2 → 5.9.1

package/dist/cssm/components/FocusVisible/FocusVisible.d.ts

@@ -10,3 +10,4 @@ export interface FocusVisibleProps extends HasRootRef<HTMLSpanElement> {
  * @see https://vkcom.github.io/VKUI/#/FocusVisible
  */
 export declare const FocusVisible: ({ visible, mode, thin, ...restProps }: FocusVisibleProps) => React.JSX.Element;
+//# sourceMappingURL=FocusVisible.d.ts.map

package/dist/cssm/components/FocusVisible/FocusVisible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusVisible.d.ts","sourceRoot":"","sources":["../../../../src/components/FocusVisible/FocusVisible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAUzC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,iBAAkB,SAAQ,UAAU,CAAC,eAAe,CAAC;IACpE,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,0CAA2C,iBAAiB,sBAWpF,CAAC"}

package/dist/cssm/components/FocusVisible/FocusVisible.module.css

@@ -29,7 +29,7 @@
 }
 
 .FocusVisible--thin {
-  --vkui_internal--focus_visible_thin: var(--vkui_internal--thin_border);
+  --vkui_internal--focus_visible_thin: var(--vkui--size_border--regular);
 }
 
 .FocusVisible--mode-inside,

package/dist/cssm/components/Footer/Footer.d.ts

@@ -5,3 +5,4 @@ export type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;
  * @see https://vkcom.github.io/VKUI/#/Footer
  */
 export declare const Footer: ({ children, className, ...restProps }: FooterProps) => React.JSX.Element;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/cssm/components/Footer/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3C,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,MAAM,0CAA2C,WAAW,sBAMxE,CAAC"}

package/dist/cssm/components/FormField/FormField.d.ts

@@ -30,3 +30,4 @@ interface FormFieldOwnProps extends React.AllHTMLAttributes<HTMLElement>, HasRoo
  */
 export declare const FormField: ({ Component, status, children, getRootRef, before, after, disabled, mode, className, ...restProps }: FormFieldOwnProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=FormField.d.ts.map

package/dist/cssm/components/FormField/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAcvD,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACvC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,UAAU,iBACR,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,wGAWnB,iBAAiB,sBA2CnB,CAAC"}

package/dist/cssm/components/FormField/FormField.module.css

@@ -21,7 +21,7 @@
   }
 }
 
-/* stylelint-disable-next-line @project-tools/stylelint-atomic */
+/* stylelint-disable-next-line @project-tools/stylelint-atomic, selector-max-universal */
 
 .FormField > * {
   border-radius: inherit;
@@ -74,7 +74,7 @@
   height: 100%;
   box-sizing: border-box;
   transform-origin: left top;
-  border: var(--vkui_internal--thin_border) solid transparent;
+  border: var(--vkui--size_border--regular) solid transparent;
   border-radius: inherit;
 }
 
@@ -126,7 +126,7 @@
   z-index: var(--vkui_internal--z_index_form_field_border_hover);
 }
 
-/* stylelint-disable-next-line  @project-tools/stylelint-atomic */
+/* stylelint-disable-next-line  @project-tools/stylelint-atomic, selector-max-universal */
 
 .FormField *:focus {
   outline: none;
@@ -178,34 +178,41 @@
 :global(.vkuiInternalFormLayoutGroup--segmented) .FormField {
   z-index: auto;
   isolation: auto;
+  border-radius: 0;
 }
 
-:global(.vkuiInternalFormLayoutGroup--segmented)
-  > :global(.vkuiInternalFormItem):not(:first-of-type):not(:last-of-type)
-  .FormField,
-:global(.vkuiInternalFormLayoutGroup--segmented)
-  :global(.vkuiInternalRemovable__content)
-  > :global(.vkuiInternalFormItem):not(:first-of-type):not(:last-of-type)
+:global(
+    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal
+      .vkuiInternalFormItem
+  ):first-of-type
   .FormField {
-  border-radius: 0;
+  border-top-left-radius: var(--vkui--size_border_radius--regular);
+  border-bottom-left-radius: var(--vkui--size_border_radius--regular);
+}
+
+:global(
+    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-horizontal
+      .vkuiInternalFormItem
+  ):last-of-type
+  .FormField {
+  border-top-right-radius: var(--vkui--size_border_radius--regular);
+  border-bottom-right-radius: var(--vkui--size_border_radius--regular);
 }
 
-:global(.vkuiInternalFormLayoutGroup--segmented) > *:first-of-type:not(:last-of-type) .FormField,
-:global(.vkuiInternalFormLayoutGroup--segmented)
-  :global(.vkuiInternalRemovable__content)
-  > *:first-of-type:not(:last-of-type)
+:global(
+    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical
+      .vkuiInternalFormItem
+  ):first-of-type
   .FormField {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  border-top-left-radius: var(--vkui--size_border_radius--regular);
+  border-top-right-radius: var(--vkui--size_border_radius--regular);
 }
 
-:global(.vkuiInternalFormLayoutGroup--segmented)
-  > :global(.vkuiInternalFormItem):not(:first-of-type):last-of-type
-  .FormField,
-:global(.vkuiInternalFormLayoutGroup--segmented)
-  :global(.vkuiInternalRemovable__content)
-  > :global(.vkuiInternalFormItem):not(:first-of-type):last-of-type
+:global(
+    .vkuiInternalFormLayoutGroup--segmented.vkuiInternalFormLayoutGroup--mode-vertical
+      .vkuiInternalFormItem
+  ):last-of-type
   .FormField {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  border-bottom-left-radius: var(--vkui--size_border_radius--regular);
+  border-bottom-right-radius: var(--vkui--size_border_radius--regular);
 }

package/dist/cssm/components/FormItem/FormItem.d.ts

@@ -27,3 +27,4 @@ export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, Has
  * @see https://vkcom.github.io/VKUI/#/FormItem
  */
 export declare const FormItem: ({ children, top, bottom, status, removable, onRemove, removePlaceholder, getRootRef, htmlFor, bottomId, noPadding, ...restProps }: FormItemProps) => React.JSX.Element;
+//# sourceMappingURL=FormItem.d.ts.map

package/dist/cssm/components/FormItem/FormItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAmBnE,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,sIAalB,aAAa,sBAiEf,CAAC"}

package/dist/cssm/components/FormItem/FormItem.module.css

@@ -81,14 +81,30 @@
   min-width: 1px;
 }
 
-:global(.vkuiInternalFormLayoutGroup--mode-horizontal):not(
-    :global(.vkuiInternalFormLayoutGroup--segmented)
-  )
+:global(.vkuiInternalFormLayoutGroup--mode-horizontal:not(.vkuiInternalFormLayoutGroup--segmented))
   .FormItem
   + .FormItem {
   margin-left: 24px;
 }
 
+:global(.vkuiInternalFormLayoutGroup--mode-horizontal.vkuiInternalFormLayoutGroup--segmented)
+  .FormItem
+  + .FormItem {
+  margin-left: calc(-1 * var(--vkui--size_border--regular));
+}
+
+:global(.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented)
+  .FormItem
+  + .FormItem {
+  padding-top: 0;
+  margin-top: calc(-1 * var(--vkui--size_border--regular));
+}
+
+:global(.vkuiInternalFormLayoutGroup--mode-vertical.vkuiInternalFormLayoutGroup--segmented)
+  .FormItem:not(:last-of-type) {
+  padding-bottom: 0;
+}
+
 .FormItem--withTop .FormItem__removable,
 :global(.vkuiInternalFormLayoutGroup--mode-horizontal) .FormItem--withTop {
   margin-top: calc(-2px - var(--vkui--font_subhead--line_height--regular) - 8px);

package/dist/cssm/components/FormLayout/FormLayout.d.ts

@@ -5,3 +5,4 @@ export type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> & HasRef<HTML
  * @see https://vkcom.github.io/VKUI/#/FormLayout
  */
 export declare const FormLayout: ({ children, Component, getRef, onSubmit, className, ...restProps }: FormLayoutProps) => React.JSX.Element;
+//# sourceMappingURL=FormLayout.d.ts.map

package/dist/cssm/components/FormLayout/FormLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAKnD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAChE,MAAM,CAAC,WAAW,CAAC,GACnB,YAAY,CAAC;AAEf;;GAEG;AACH,eAAO,MAAM,UAAU,uEAOpB,eAAe,sBAcjB,CAAC"}

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

@@ -10,7 +10,7 @@ export interface FormLayoutGroupProps extends HTMLAttributesWithRootRef<HTMLDivE
      */
     removable?: boolean | 'indent';
     /**
-     * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.
+     * Дает возможность склеить несколько `FormItem`.
      */
     segmented?: boolean;
 }
@@ -18,3 +18,4 @@ 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;
+//# sourceMappingURL=FormLayoutGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayoutGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/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"}

package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js

@@ -15,11 +15,10 @@ const sizeYClassNames = {
  */ export const FormLayoutGroup = ({ children, mode = 'vertical', removable, segmented, removePlaceholder = 'Удалить', onRemove = noop, getRootRef, ...restProps })=>{
     const { sizeY = 'none' } = useAdaptivity();
     const isRemovable = removable && mode === 'horizontal';
-    const isSegmented = segmented && mode === 'horizontal';
     const rootEl = useExternRef(getRootRef);
     return /*#__PURE__*/ React.createElement(RootComponent, {
         getRootRef: rootEl,
-        baseClassName: classNames(sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], mode === 'horizontal' && classNames(styles['FormLayoutGroup--mode-horizontal'], 'vkuiInternalFormLayoutGroup--mode-horizontal'), isRemovable && classNames(styles['FormLayoutGroup--removable'], 'vkuiInternalFormLayoutGroup--removable'), isSegmented && classNames(styles['FormLayoutGroup--segmented'], 'vkuiInternalFormLayoutGroup--segmented')),
+        baseClassName: classNames(sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], mode === 'horizontal' && classNames(styles['FormLayoutGroup--mode-horizontal'], 'vkuiInternalFormLayoutGroup--mode-horizontal'), mode === 'vertical' && classNames(styles['FormLayoutGroup--mode-vertical'], 'vkuiInternalFormLayoutGroup--mode-vertical'), isRemovable && classNames(styles['FormLayoutGroup--removable'], 'vkuiInternalFormLayoutGroup--removable'), segmented && classNames(styles['FormLayoutGroup--segmented'], 'vkuiInternalFormLayoutGroup--segmented')),
         ...restProps
     }, isRemovable ? /*#__PURE__*/ React.createElement(Removable, {
         className: styles['FormLayoutGroup__removable'],

package/dist/cssm/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 { SizeType } from '../../lib/adaptivity';\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  [SizeType.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   * Только для режима horizontal. Дает возможность склеить несколько `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 isSegmented = segmented && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <RootComponent\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        mode === 'horizontal' &&\n          classNames(\n            styles['FormLayoutGroup--mode-horizontal'],\n            'vkuiInternalFormLayoutGroup--mode-horizontal',\n          ),\n        isRemovable &&\n          classNames(\n            styles['FormLayoutGroup--removable'],\n            'vkuiInternalFormLayoutGroup--removable',\n          ),\n        isSegmented &&\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":["React","classNames","noop","useAdaptivity","useExternRef","SizeType","Removable","RootComponent","styles","sizeYClassNames","none","COMPACT","FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","getRootRef","restProps","sizeY","isRemovable","isSegmented","rootEl","baseClassName","REGULAR","className","align","e","current","indent","Fragment","span","aria-hidden"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,SAAS,QAAwB,yBAAyB;AACnE,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,OAAOC,YAAY,+BAA+B;AAElD,MAAMC,kBAAkB;IACtBC,MAAMT,WACJO,MAAM,CAAC,8BAA8B,EACrC;IAEF,CAACH,SAASM,OAAO,CAAC,EAAEV,WAClBO,MAAM,CAAC,iCAAiC,EACxC;AAEJ;AAmBA;;CAEC,GACD,OAAO,MAAMI,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,WAAWhB,IAAI,EACfiB,UAAU,EACV,GAAGC,WACkB;IACrB,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGlB;IAC3B,MAAMmB,cAAcP,aAAaD,SAAS;IAC1C,MAAMS,cAAcP,aAAaF,SAAS;IAC1C,MAAMU,SAASpB,aAAae;IAE5B,qBACE,oBAACZ;QACCY,YAAYK;QACZC,eAAexB,WACboB,UAAUhB,SAASqB,OAAO,IAAIjB,eAAe,CAACY,MAAM,EACpDP,SAAS,gBACPb,WACEO,MAAM,CAAC,mCAAmC,EAC1C,iDAEJc,eACErB,WACEO,MAAM,CAAC,6BAA6B,EACpC,2CAEJe,eACEtB,WACEO,MAAM,CAAC,6BAA6B,EACpC;QAGL,GAAGY,SAAS;OAEZE,4BACC,oBAAChB;QACCqB,WAAWnB,MAAM,CAAC,6BAA6B;QAC/CoB,OAAM;QACNX,mBAAmBA;QACnBC,UAAU,CAACW;YACT,IAAIL,QAAQM,SAAS;gBACnBZ,SAASW,GAAGL,OAAOM,OAAO;YAC5B;QACF;QACAC,QAAQhB,cAAc;OAErBF,0BAGH,oBAACb,MAAMgC,QAAQ,QACZnB,wBACD,oBAACoB;QAAKN,WAAWnB,MAAM,CAAC,0BAA0B;QAAE0B,eAAAA;;AAK9D,EAAE"}
+{"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 { SizeType } from '../../lib/adaptivity';\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  [SizeType.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 !== SizeType.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":["React","classNames","noop","useAdaptivity","useExternRef","SizeType","Removable","RootComponent","styles","sizeYClassNames","none","COMPACT","FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","getRootRef","restProps","sizeY","isRemovable","rootEl","baseClassName","REGULAR","className","align","e","current","indent","Fragment","span","aria-hidden"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,SAAS,QAAwB,yBAAyB;AACnE,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,OAAOC,YAAY,+BAA+B;AAElD,MAAMC,kBAAkB;IACtBC,MAAMT,WACJO,MAAM,CAAC,8BAA8B,EACrC;IAEF,CAACH,SAASM,OAAO,CAAC,EAAEV,WAClBO,MAAM,CAAC,iCAAiC,EACxC;AAEJ;AAmBA;;CAEC,GACD,OAAO,MAAMI,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,WAAWhB,IAAI,EACfiB,UAAU,EACV,GAAGC,WACkB;IACrB,MAAM,EAAEC,QAAQ,MAAM,EAAE,GAAGlB;IAC3B,MAAMmB,cAAcP,aAAaD,SAAS;IAC1C,MAAMS,SAASnB,aAAae;IAE5B,qBACE,oBAACZ;QACCY,YAAYI;QACZC,eAAevB,WACboB,UAAUhB,SAASoB,OAAO,IAAIhB,eAAe,CAACY,MAAM,EACpDP,SAAS,gBACPb,WACEO,MAAM,CAAC,mCAAmC,EAC1C,iDAEJM,SAAS,cACPb,WACEO,MAAM,CAAC,iCAAiC,EACxC,+CAEJc,eACErB,WACEO,MAAM,CAAC,6BAA6B,EACpC,2CAEJQ,aACEf,WACEO,MAAM,CAAC,6BAA6B,EACpC;QAGL,GAAGY,SAAS;OAEZE,4BACC,oBAAChB;QACCoB,WAAWlB,MAAM,CAAC,6BAA6B;QAC/CmB,OAAM;QACNV,mBAAmBA;QACnBC,UAAU,CAACU;YACT,IAAIL,QAAQM,SAAS;gBACnBX,SAASU,GAAGL,OAAOM,OAAO;YAC5B;QACF;QACAC,QAAQf,cAAc;OAErBF,0BAGH,oBAACb,MAAM+B,QAAQ,QACZlB,wBACD,oBAACmB;QAAKN,WAAWlB,MAAM,CAAC,0BAA0B;QAAEyB,eAAAA;;AAK9D,EAAE"}

package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.module.css

@@ -47,14 +47,3 @@
 .FormLayoutGroup--segmented {
   position: relative;
 }
-
-/* stylelint-disable @project-tools/stylelint-atomic */
-
-.FormLayoutGroup--segmented > * {
-  min-width: 0;
-  flex: 1;
-}
-
-.FormLayoutGroup--segmented > *:not(:first-child):not(.FormLayoutGroup__offset) {
-  margin-left: calc(-1 * var(--vkui_internal--thin_border));
-}

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

@@ -8,3 +8,4 @@ export interface FormStatusProps extends HTMLAttributesWithRootRef<HTMLDivElemen
  * @see https://vkcom.github.io/VKUI/#/FormStatus
  */
 export declare const FormStatus: ({ mode, children, className, ...restProps }: FormStatusProps) => React.JSX.Element;
+//# sourceMappingURL=FormStatus.d.ts.map

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

@@ -0,0 +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,gDAAiD,eAAe,sBAatF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,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,6BAyDd,CAAC"}

package/dist/cssm/components/Gallery/Gallery.js

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { clamp } from '../../helpers/math';
+import { useIsClient } from '../../hooks/useIsClient';
 import { useTimeout } from '../../hooks/useTimeout';
 import { BaseGallery } from '../BaseGallery/BaseGallery';
+import { CarouselBase } from '../BaseGallery/CarouselBase/CarouselBase';
 /**
  * @see https://vkcom.github.io/VKUI/#/Gallery
- */ export const Gallery = ({ initialSlideIndex = 0, children, timeout = 0, onChange, bullets, ...props })=>{
+ */ export const Gallery = ({ initialSlideIndex = 0, children, timeout = 0, onChange, bullets, looped, ...props })=>{
     const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);
     const isControlled = typeof props.slideIndex === 'number';
     const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;
@@ -13,6 +15,7 @@ import { BaseGallery } from '../BaseGallery/BaseGallery';
         children
     ]);
     const childCount = slides.length;
+    const isClient = useIsClient();
     const handleChange = React.useCallback((current)=>{
         if (current === slideIndex) {
             return;
@@ -44,7 +47,11 @@ import { BaseGallery } from '../BaseGallery/BaseGallery';
         safeSlideIndex,
         slideIndex
     ]);
-    return /*#__PURE__*/ React.createElement(BaseGallery, {
+    if (!isClient) {
+        return null;
+    }
+    const Component = looped ? CarouselBase : BaseGallery;
+    return /*#__PURE__*/ React.createElement(Component, {
         isDraggable: isDraggable,
         ...props,
         bullets: childCount > 0 && bullets,

package/dist/cssm/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 { useTimeout } from '../../hooks/useTimeout';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { BaseGalleryProps } from '../BaseGallery/types';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\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  ...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 isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children],\n  );\n  const childCount = slides.length;\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  const autoplay = useTimeout(() => handleChange((slideIndex + 1) % childCount), timeout);\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay],\n  );\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  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"names":["React","clamp","useTimeout","BaseGallery","Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","localSlideIndex","setSlideIndex","useState","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,WAAW,QAAQ,6BAA6B;AAQzD;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACP,GAAGC,OACU;IACb,MAAM,CAACC,iBAAiBC,cAAc,GAAGZ,MAAMa,QAAQ,CAACR;IACxD,MAAMS,eAAe,OAAOJ,MAAMK,UAAU,KAAK;IACjD,MAAMA,aAAaD,eAAeJ,MAAMK,UAAU,IAAI,IAAIJ;IAC1D,MAAMK,cAAc,CAACF,gBAAgBG,QAAQT;IAC7C,MAAMU,SAASlB,MAAMmB,OAAO,CAC1B,IAAMnB,MAAMoB,QAAQ,CAACC,OAAO,CAACf,UAAUgB,MAAM,CAAC,CAACC,OAASN,QAAQM,QAChE;QAACjB;KAAS;IAEZ,MAAMkB,aAAaN,OAAOO,MAAM;IAEhC,MAAMC,eAAyC1B,MAAM2B,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYb,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBF,cAAcgB;QAC/BpB,YAAYA,SAASoB;IACvB,GACA;QAACd;QAAcN;QAAUO;KAAW;IAGtC,MAAMc,WAAW3B,WAAW,IAAMwB,aAAa,AAACX,CAAAA,aAAa,CAAA,IAAKS,aAAajB;IAC/EP,MAAM8B,SAAS,CACb,IAAOvB,UAAUsB,SAASE,GAAG,KAAKF,SAASG,KAAK,IAChD;QAACzB;QAASQ;QAAYc;KAAS;IAGjC,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMI,iBAAiBT,aAAa,IAAIvB,MAAMc,YAAY,GAAGS,aAAa,KAAKT;IAC/E,mCAAmC;IACnCf,MAAM8B,SAAS,CAAC;QACd,IAAItB,YAAYyB,mBAAmBlB,YAAY;YAC7CP,SAASyB;QACX;QACArB,cAAcqB;IAChB,GAAG;QAACzB;QAAUyB;QAAgBlB;KAAW;IAEzC,qBACE,oBAACZ;QACCa,aAAaA;QACZ,GAAGN,KAAK;QACTD,SAASe,aAAa,KAAKf;QAC3BM,YAAYkB;QACZzB,UAAUkB;OAETR;AAGP,EAAE"}
+{"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 { useTimeout } from '../../hooks/useTimeout';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { CarouselBase } from '../BaseGallery/CarouselBase/CarouselBase';\nimport { BaseGalleryProps } from '../BaseGallery/types';\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 isDraggable = !isControlled || Boolean(onChange);\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  const autoplay = useTimeout(() => handleChange((slideIndex + 1) % childCount), timeout);\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay],\n  );\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      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </Component>\n  );\n};\n"],"names":["React","clamp","useIsClient","useTimeout","BaseGallery","CarouselBase","Gallery","initialSlideIndex","children","timeout","onChange","bullets","looped","props","localSlideIndex","setSlideIndex","useState","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","isClient","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex","Component"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,YAAY,QAAQ,2CAA2C;AAUxE;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACN,GAAGC,OACU;IACb,MAAM,CAACC,iBAAiBC,cAAc,GAAGf,MAAMgB,QAAQ,CAACT;IACxD,MAAMU,eAAe,OAAOJ,MAAMK,UAAU,KAAK;IACjD,MAAMA,aAAaD,eAAeJ,MAAMK,UAAU,IAAI,IAAIJ;IAC1D,MAAMK,cAAc,CAACF,gBAAgBG,QAAQV;IAC7C,MAAMW,SAASrB,MAAMsB,OAAO,CAC1B,IAAMtB,MAAMuB,QAAQ,CAACC,OAAO,CAAChB,UAAUiB,MAAM,CAAC,CAACC,OAASN,QAAQM,QAChE;QAAClB;KAAS;IAEZ,MAAMmB,aAAaN,OAAOO,MAAM;IAChC,MAAMC,WAAW3B;IAEjB,MAAM4B,eAAyC9B,MAAM+B,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYd,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBF,cAAciB;QAC/BtB,YAAYA,SAASsB;IACvB,GACA;QAACf;QAAcP;QAAUQ;KAAW;IAGtC,MAAMe,WAAW9B,WAAW,IAAM2B,aAAa,AAACZ,CAAAA,aAAa,CAAA,IAAKS,aAAalB;IAC/ET,MAAMkC,SAAS,CACb,IAAOzB,UAAUwB,SAASE,GAAG,KAAKF,SAASG,KAAK,IAChD;QAAC3B;QAASS;QAAYe;KAAS;IAGjC,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMI,iBAAiBV,aAAa,IAAI1B,MAAMiB,YAAY,GAAGS,aAAa,KAAKT;IAC/E,mCAAmC;IACnClB,MAAMkC,SAAS,CAAC;QACd,IAAIxB,YAAY2B,mBAAmBnB,YAAY;YAC7CR,SAAS2B;QACX;QACAtB,cAAcsB;IAChB,GAAG;QAAC3B;QAAU2B;QAAgBnB;KAAW;IAEzC,IAAI,CAACW,UAAU;QACb,OAAO;IACT;IAEA,MAAMS,YAAY1B,SAASP,eAAeD;IAE1C,qBACE,oBAACkC;QACCnB,aAAaA;QACZ,GAAGN,KAAK;QACTF,SAASgB,aAAa,KAAKhB;QAC3BO,YAAYmB;QACZ3B,UAAUoB;OAETT;AAGP,EAAE"}

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

@@ -14,3 +14,4 @@ export interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement>
  * @see https://vkcom.github.io/VKUI/#/Gradient
  */
 export declare const Gradient: ({ mode, to, ...restProps }: GradientProps) => React.JSX.Element;
+//# sourceMappingURL=Gradient.d.ts.map

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

@@ -0,0 +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;AAexD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IAClC;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,+BAAiD,aAAa,sBAQlF,CAAC"}

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

@@ -17,3 +17,4 @@ export declare const GridAvatar: {
     ({ src, size, className, children, ...restProps }: GridAvatarProps): React.JSX.Element;
     Badge: ({ className, ...restProps }: import("../ImageBase/ImageBase").ImageBaseBadgeProps) => React.JSX.Element;
 };
+//# sourceMappingURL=GridAvatar.d.ts.map

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

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

package/dist/cssm/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.d.ts

@@ -2,3 +2,4 @@ import * as React from 'react';
 import { type ImageBaseBadgeProps } from '../../ImageBase/ImageBase';
 export type GridAvatarBadgeProps = ImageBaseBadgeProps;
 export declare const GridAvatarBadge: ({ className, ...restProps }: GridAvatarBadgeProps) => React.JSX.Element;
+//# sourceMappingURL=GridAvatarBadge.d.ts.map

package/dist/cssm/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridAvatarBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,KAAK,mBAAmB,EAAoB,MAAM,2BAA2B,CAAC;AAGlG,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,eAAO,MAAM,eAAe,gCAAiC,oBAAoB,sBAYhF,CAAC"}

package/dist/cssm/components/Group/Group.d.ts

@@ -25,3 +25,4 @@ export interface GroupProps extends HTMLAttributesWithRootRef<HTMLElement> {
  * @see https://vkcom.github.io/VKUI/#/Group
  */
 export declare const Group: ({ header, description, children, separator, mode: modeProps, padding, tabIndex: tabIndexProp, ...restProps }: GroupProps) => React.JSX.Element;
+//# sourceMappingURL=Group.d.ts.map

package/dist/cssm/components/Group/Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAsDxD,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,WAAW,CAAC;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACrB;AAGD;;GAEG;AACH,eAAO,MAAM,KAAK,iHASf,UAAU,sBA6DZ,CAAC"}

package/dist/cssm/components/Group/Group.module.css

@@ -9,12 +9,12 @@
 }
 
 .Group--mode-plain:not(:first-of-type) > .Group__header {
-  margin-top: -16px;
+  margin-top: -8px;
 }
 
 @media (max-width: 767.9px) {
   .Group--sizeX-none.Group--mode-none:not(:first-of-type) > .Group__header {
-    margin-top: -16px;
+    margin-top: -8px;
   }
 }
 
@@ -33,11 +33,14 @@
   display: none;
 }
 
+/* stylelint-disable-next-line selector-max-universal */
+
 .Group--mode-plain + * + .Group__separator--separator {
   display: block;
 }
 
 @media (max-width: 767.9px) {
+  /* stylelint-disable-next-line selector-max-universal */
   .Group--sizeX-none.Group--mode-none + * + .Group__separator--separator {
     display: block;
   }
@@ -145,7 +148,7 @@
   position: absolute;
   border-radius: inherit;
   pointer-events: none;
-  box-shadow: inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_separator_primary);
+  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_separator_primary);
 }
 
 @media (min-width: 768px) {
@@ -158,7 +161,7 @@
     position: absolute;
     border-radius: inherit;
     pointer-events: none;
-    box-shadow: inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha);
+    box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);
   }
 }
 
@@ -219,6 +222,8 @@
  * PanelHeader
  */
 
+/* stylelint-disable-next-line selector-max-universal */
+
 :global(.vkuiInternalPanelHeader--vkcom) ~ .Group:first-of-type,
 :global(.vkuiInternalPanelHeader--vkcom) + * .Group:first-of-type {
   position: relative;

package/dist/cssm/components/Header/Header.d.ts

@@ -18,3 +18,4 @@ export interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement> {
  * @see https://vkcom.github.io/VKUI/#/Header
  */
 export declare const Header: ({ mode, size, children, subtitle, indicator, aside, multiline, ...restProps }: HeaderProps) => React.JSX.Element;
+//# sourceMappingURL=Header.d.ts.map

package/dist/cssm/components/Header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAStE,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,WAAW,CAAC;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6CD;;GAEG;AACH,eAAO,MAAM,MAAM,kFAShB,WAAW,sBAuDb,CAAC"}

package/dist/cssm/components/Header/Header.js

@@ -70,11 +70,10 @@ const stylesMode = {
 /**
  * @see https://vkcom.github.io/VKUI/#/Header
  */ export const Header = ({ mode = 'primary', size = 'regular', children, subtitle, indicator, aside, multiline, ...restProps })=>{
-    const platform = usePlatform();
     return /*#__PURE__*/ React.createElement(RootComponent, {
         Component: "header",
         ...restProps,
-        baseClassName: classNames(styles['Header'], platform === Platform.IOS && styles['Header--ios'], stylesMode[mode], isPrimitiveReactNode(indicator) && styles['Header--pi'], hasReactNode(subtitle) && styles['Header--with-subtitle'])
+        baseClassName: classNames(styles['Header'], stylesMode[mode], size === 'large' && styles['Header--large'], isPrimitiveReactNode(indicator) && styles['Header--pi'], hasReactNode(subtitle) && styles['Header--with-subtitle'])
     }, /*#__PURE__*/ React.createElement("div", {
         className: styles['Header__main']
     }, /*#__PURE__*/ React.createElement(HeaderContent, {

package/dist/cssm/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Header.module.css';\n\nexport interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement> {\n  mode?: 'primary' | 'secondary' | 'tertiary';\n  size?: 'regular' | 'large';\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode' | 'size' | 'className'> &\n  HasComponent;\n\nconst HeaderContent = ({ mode, size, ...restProps }: HeaderContentProps) => {\n  const isLarge = size === 'large';\n\n  const platform = usePlatform();\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case 'primary':\n        return isLarge ? (\n          <Title level=\"2\" weight=\"2\" {...restProps} />\n        ) : (\n          <Title weight=\"1\" level=\"3\" {...restProps} />\n        );\n      case 'secondary':\n        return <Footnote weight=\"1\" caps {...restProps} />;\n      case 'tertiary':\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case 'primary':\n      return isLarge ? (\n        <Title level=\"2\" weight=\"2\" {...restProps} />\n      ) : (\n        <Headline weight=\"2\" {...restProps} />\n      );\n    case 'secondary':\n      return <Footnote weight=\"1\" caps {...restProps} />;\n    case 'tertiary':\n      return <Headline weight=\"2\" {...restProps} />;\n  }\n\n  return null;\n};\n\nconst stylesMode = {\n  primary: styles['Header--mode-primary'],\n  secondary: styles['Header--mode-secondary'],\n  tertiary: styles['Header--mode-tertiary'],\n};\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = 'primary',\n  size = 'regular',\n  children,\n  subtitle,\n  indicator,\n  aside,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  return (\n    <RootComponent\n      Component=\"header\"\n      {...restProps}\n      baseClassName={classNames(\n        styles['Header'],\n        platform === Platform.IOS && styles['Header--ios'],\n        stylesMode[mode],\n        isPrimitiveReactNode(indicator) && styles['Header--pi'],\n        hasReactNode(subtitle) && styles['Header--with-subtitle'],\n      )}\n    >\n      <div className={styles['Header__main']}>\n        <HeaderContent\n          className={styles['Header__content']}\n          Component=\"span\"\n          mode={mode}\n          size={size}\n        >\n          <span\n            className={classNames(\n              styles['Header__content-in'],\n              multiline && styles['Header__content--multiline'],\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Footnote className={styles['Header__indicator']} weight=\"2\">\n              {indicator}\n            </Footnote>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <Subhead\n            className={classNames(\n              styles['Header__subtitle'],\n              multiline && styles['Header__content--multiline'],\n            )}\n            Component=\"span\"\n          >\n            {subtitle}\n          </Subhead>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <Paragraph className={styles['Header__aside']} Component=\"span\">\n          {aside}\n        </Paragraph>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","isPrimitiveReactNode","usePlatform","Platform","RootComponent","Footnote","Headline","Paragraph","Subhead","Title","styles","HeaderContent","mode","size","restProps","isLarge","platform","IOS","level","weight","caps","stylesMode","primary","secondary","tertiary","Header","children","subtitle","indicator","aside","multiline","Component","baseClassName","div","className","span"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Header.module.css';\n\nexport interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement> {\n  mode?: 'primary' | 'secondary' | 'tertiary';\n  size?: 'regular' | 'large';\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode' | 'size' | 'className'> &\n  HasComponent;\n\nconst HeaderContent = ({ mode, size, ...restProps }: HeaderContentProps) => {\n  const isLarge = size === 'large';\n\n  const platform = usePlatform();\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case 'primary':\n        return isLarge ? (\n          <Title level=\"2\" weight=\"2\" {...restProps} />\n        ) : (\n          <Title weight=\"1\" level=\"3\" {...restProps} />\n        );\n      case 'secondary':\n        return <Footnote weight=\"1\" caps {...restProps} />;\n      case 'tertiary':\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case 'primary':\n      return isLarge ? (\n        <Title level=\"2\" weight=\"2\" {...restProps} />\n      ) : (\n        <Headline weight=\"2\" {...restProps} />\n      );\n    case 'secondary':\n      return <Footnote weight=\"1\" caps {...restProps} />;\n    case 'tertiary':\n      return <Headline weight=\"2\" {...restProps} />;\n  }\n\n  return null;\n};\n\nconst stylesMode = {\n  primary: styles['Header--mode-primary'],\n  secondary: styles['Header--mode-secondary'],\n  tertiary: styles['Header--mode-tertiary'],\n};\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = 'primary',\n  size = 'regular',\n  children,\n  subtitle,\n  indicator,\n  aside,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  return (\n    <RootComponent\n      Component=\"header\"\n      {...restProps}\n      baseClassName={classNames(\n        styles['Header'],\n        stylesMode[mode],\n        size === 'large' && styles['Header--large'],\n        isPrimitiveReactNode(indicator) && styles['Header--pi'],\n        hasReactNode(subtitle) && styles['Header--with-subtitle'],\n      )}\n    >\n      <div className={styles['Header__main']}>\n        <HeaderContent\n          className={styles['Header__content']}\n          Component=\"span\"\n          mode={mode}\n          size={size}\n        >\n          <span\n            className={classNames(\n              styles['Header__content-in'],\n              multiline && styles['Header__content--multiline'],\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Footnote className={styles['Header__indicator']} weight=\"2\">\n              {indicator}\n            </Footnote>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <Subhead\n            className={classNames(\n              styles['Header__subtitle'],\n              multiline && styles['Header__content--multiline'],\n            )}\n            Component=\"span\"\n          >\n            {subtitle}\n          </Subhead>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <Paragraph className={styles['Header__aside']} Component=\"span\">\n          {aside}\n        </Paragraph>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","isPrimitiveReactNode","usePlatform","Platform","RootComponent","Footnote","Headline","Paragraph","Subhead","Title","styles","HeaderContent","mode","size","restProps","isLarge","platform","IOS","level","weight","caps","stylesMode","primary","secondary","tertiary","Header","children","subtitle","indicator","aside","multiline","Component","baseClassName","div","className","span"],"mappings":"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"}