@vkontakte/vkui 8.0.2 → 8.1.1

package/dist/components/FloatingArrow/FloatingArrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { Placement } from '../../lib/floating';\nimport type { HasDataAttribute, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { DefaultIcon } from './DefaultIcon';\nimport styles from './FloatingArrow.module.css';\n\nexport type Coords = {\n  /** Координата x. */\n  x?: number;\n  /** Координата y. */\n  y?: number;\n};\n\nexport const placementClassNames = {\n  right: styles.placementRight,\n  bottom: styles.placementBottom,\n  left: styles.placementLeft,\n};\n\nexport interface FloatingArrowProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    HasDataAttribute {\n  /**\n   * Сдвиг стрелки относительно текущих координат.\n   */\n  offset?: number;\n  /**\n   * Включает абсолютное смещение по `offset`.\n   */\n  isStaticOffset?: boolean;\n  /**\n   * Координаты стрелки.\n   */\n  coords?: Coords;\n  /**\n   * Расположение всплывающего элемента.\n   */\n  placement?: Placement;\n  /**\n   * Стили иконки.\n   */\n  iconStyle?: React.CSSProperties;\n  /**\n   * `className` для иконки.\n   */\n  iconClassName?: string;\n  /**\n   * Иконка для отображения стрелки.\n   */\n  Icon?: React.ComponentType<React.SVGAttributes<SVGSVGElement>>;\n}\n\n/**\n * Иконка-стрелка для всплывающих окон.\n *\n * @since 7.0.0\n */\nexport const FloatingArrow = ({\n  offset,\n  isStaticOffset,\n  coords,\n  iconStyle,\n  iconClassName,\n  placement = 'bottom',\n  Icon = DefaultIcon,\n  ...restProps\n}: FloatingArrowProps): React.ReactNode => {\n  const [arrowPlacement, arrowStyles] = getArrowPositionData(\n    placement,\n    coords,\n    offset,\n    isStaticOffset,\n  );\n\n  return (\n    <RootComponent\n      baseStyle={arrowStyles}\n      baseClassName={classNames(styles.host, arrowPlacement && placementClassNames[arrowPlacement])}\n      {...restProps}\n    >\n      <Icon className={classNames(styles.in, iconClassName)} style={iconStyle} />\n    </RootComponent>\n  );\n};\n\nfunction getArrowPositionData(\n  placement: Placement,\n  coords: Coords = { x: 0, y: 0 },\n  offset = 0,\n  isStaticOffset = false,\n): [undefined | 'right' | 'bottom' | 'left', React.CSSProperties] {\n  const withOffset = (isVerticalPlacement: boolean) => {\n    const parsedCoords = { x: coords.x || 0, y: coords.y || 0 };\n\n    if (isVerticalPlacement) {\n      return isStaticOffset ? offset : parsedCoords.y + offset;\n    } else {\n      return isStaticOffset ? offset : parsedCoords.x + offset;\n    }\n  };\n\n  if (placement.startsWith('top')) {\n    const xOffsetProp = getXOffsetProp(placement, isStaticOffset);\n    return [\n      'bottom',\n      {\n        top: '100%',\n        [xOffsetProp]: withOffset(false),\n      },\n    ];\n  } else if (placement.startsWith('right')) {\n    const yOffsetProp = getYOffsetProp(placement, isStaticOffset);\n    return [\n      'left',\n      {\n        [yOffsetProp]: withOffset(true),\n        left: 0,\n      },\n    ];\n  } else if (placement.startsWith('bottom')) {\n    const xOffsetProp = getXOffsetProp(placement, isStaticOffset);\n    return [\n      undefined,\n      {\n        bottom: '100%',\n        [xOffsetProp]: withOffset(false),\n      },\n    ];\n  } else {\n    const yOffsetProp = getYOffsetProp(placement, isStaticOffset);\n    return [\n      'right',\n      {\n        [yOffsetProp]: withOffset(true),\n        right: 0,\n      },\n    ];\n  }\n}\n\nfunction getXOffsetProp(placement: Placement, isStaticOffset: boolean) {\n  return placement.endsWith('end') && isStaticOffset ? 'right' : 'left';\n}\n\nfunction getYOffsetProp(placement: Placement, isStaticOffset: boolean) {\n  return placement.endsWith('end') && isStaticOffset ? 'bottom' : 'top';\n}\n"],"names":["classNames","RootComponent","DefaultIcon","placementClassNames","right","bottom","left","FloatingArrow","offset","isStaticOffset","coords","iconStyle","iconClassName","placement","Icon","restProps","arrowPlacement","arrowStyles","getArrowPositionData","baseStyle","baseClassName","className","style","x","y","withOffset","isVerticalPlacement","parsedCoords","startsWith","xOffsetProp","getXOffsetProp","top","yOffsetProp","getYOffsetProp","undefined","endsWith"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAG7C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,mBAAgB;AAU5C,OAAO,MAAMC,sBAAsB;IACjCC,KAAK;IACLC,MAAM;IACNC,IAAI;AACN,EAAE;AAmCF;;;;CAIC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,MAAM,EACNC,cAAc,EACdC,MAAM,EACNC,SAAS,EACTC,aAAa,EACbC,YAAY,QAAQ,EACpBC,OAAOZ,WAAW,EAClB,GAAGa,WACgB;IACnB,MAAM,CAACC,gBAAgBC,YAAY,GAAGC,qBACpCL,WACAH,QACAF,QACAC;IAGF,qBACE,KAACR;QACCkB,WAAWF;QACXG,eAAepB,sCAAwBgB,kBAAkBb,mBAAmB,CAACa,eAAe;QAC3F,GAAGD,SAAS;kBAEb,cAAA,KAACD;YAAKO,WAAWrB,oCAAsBY;YAAgBU,OAAOX;;;AAGpE,EAAE;AAEF,SAASO,qBACPL,SAAoB,EACpBH,SAAiB;IAAEa,GAAG;IAAGC,GAAG;AAAE,CAAC,EAC/BhB,SAAS,CAAC,EACVC,iBAAiB,KAAK;IAEtB,MAAMgB,aAAa,CAACC;QAClB,MAAMC,eAAe;YAAEJ,GAAGb,OAAOa,CAAC,IAAI;YAAGC,GAAGd,OAAOc,CAAC,IAAI;QAAE;QAE1D,IAAIE,qBAAqB;YACvB,OAAOjB,iBAAiBD,SAASmB,aAAaH,CAAC,GAAGhB;QACpD,OAAO;YACL,OAAOC,iBAAiBD,SAASmB,aAAaJ,CAAC,GAAGf;QACpD;IACF;IAEA,IAAIK,UAAUe,UAAU,CAAC,QAAQ;QAC/B,MAAMC,cAAcC,eAAejB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACEsB,KAAK;gBACL,CAACF,YAAY,EAAEJ,WAAW;YAC5B;SACD;IACH,OAAO,IAAIZ,UAAUe,UAAU,CAAC,UAAU;QACxC,MAAMI,cAAcC,eAAepB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACE,CAACuB,YAAY,EAAEP,WAAW;gBAC1BnB,MAAM;YACR;SACD;IACH,OAAO,IAAIO,UAAUe,UAAU,CAAC,WAAW;QACzC,MAAMC,cAAcC,eAAejB,WAAWJ;QAC9C,OAAO;YACLyB;YACA;gBACE7B,QAAQ;gBACR,CAACwB,YAAY,EAAEJ,WAAW;YAC5B;SACD;IACH,OAAO;QACL,MAAMO,cAAcC,eAAepB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACE,CAACuB,YAAY,EAAEP,WAAW;gBAC1BrB,OAAO;YACT;SACD;IACH;AACF;AAEA,SAAS0B,eAAejB,SAAoB,EAAEJ,cAAuB;IACnE,OAAOI,UAAUsB,QAAQ,CAAC,UAAU1B,iBAAiB,UAAU;AACjE;AAEA,SAASwB,eAAepB,SAAoB,EAAEJ,cAAuB;IACnE,OAAOI,UAAUsB,QAAQ,CAAC,UAAU1B,iBAAiB,WAAW;AAClE"}
+{"version":3,"sources":["../../../src/components/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { Placement } from '../../lib/floating';\nimport type { HasDataAttribute, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { DefaultIcon } from './DefaultIcon';\nimport styles from './FloatingArrow.module.css';\n\nexport type Coords = {\n  /** Координата x. */\n  x?: number | undefined;\n  /** Координата y. */\n  y?: number | undefined;\n};\n\nexport const placementClassNames = {\n  right: styles.placementRight,\n  bottom: styles.placementBottom,\n  left: styles.placementLeft,\n};\n\nexport interface FloatingArrowProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    HasDataAttribute {\n  /**\n   * Сдвиг стрелки относительно текущих координат.\n   */\n  offset?: number | undefined;\n  /**\n   * Включает абсолютное смещение по `offset`.\n   */\n  isStaticOffset?: boolean | undefined;\n  /**\n   * Координаты стрелки.\n   */\n  coords?: Coords | undefined;\n  /**\n   * Расположение всплывающего элемента.\n   */\n  placement?: Placement | undefined;\n  /**\n   * Стили иконки.\n   */\n  iconStyle?: React.CSSProperties | undefined;\n  /**\n   * `className` для иконки.\n   */\n  iconClassName?: string | undefined;\n  /**\n   * Иконка для отображения стрелки.\n   */\n  Icon?: React.ComponentType<React.SVGAttributes<SVGSVGElement>> | undefined;\n}\n\n/**\n * Иконка-стрелка для всплывающих окон.\n *\n * @since 7.0.0\n */\nexport const FloatingArrow = ({\n  offset,\n  isStaticOffset,\n  coords,\n  iconStyle,\n  iconClassName,\n  placement = 'bottom',\n  Icon = DefaultIcon,\n  ...restProps\n}: FloatingArrowProps): React.ReactNode => {\n  const [arrowPlacement, arrowStyles] = getArrowPositionData(\n    placement,\n    coords,\n    offset,\n    isStaticOffset,\n  );\n\n  return (\n    <RootComponent\n      baseStyle={arrowStyles}\n      baseClassName={classNames(styles.host, arrowPlacement && placementClassNames[arrowPlacement])}\n      {...restProps}\n    >\n      <Icon className={classNames(styles.in, iconClassName)} style={iconStyle} />\n    </RootComponent>\n  );\n};\n\nfunction getArrowPositionData(\n  placement: Placement,\n  coords: Coords = { x: 0, y: 0 },\n  offset = 0,\n  isStaticOffset = false,\n): [undefined | 'right' | 'bottom' | 'left', React.CSSProperties] {\n  const withOffset = (isVerticalPlacement: boolean) => {\n    const parsedCoords = { x: coords.x || 0, y: coords.y || 0 };\n\n    if (isVerticalPlacement) {\n      return isStaticOffset ? offset : parsedCoords.y + offset;\n    } else {\n      return isStaticOffset ? offset : parsedCoords.x + offset;\n    }\n  };\n\n  if (placement.startsWith('top')) {\n    const xOffsetProp = getXOffsetProp(placement, isStaticOffset);\n    return [\n      'bottom',\n      {\n        top: '100%',\n        [xOffsetProp]: withOffset(false),\n      },\n    ];\n  } else if (placement.startsWith('right')) {\n    const yOffsetProp = getYOffsetProp(placement, isStaticOffset);\n    return [\n      'left',\n      {\n        [yOffsetProp]: withOffset(true),\n        left: 0,\n      },\n    ];\n  } else if (placement.startsWith('bottom')) {\n    const xOffsetProp = getXOffsetProp(placement, isStaticOffset);\n    return [\n      undefined,\n      {\n        bottom: '100%',\n        [xOffsetProp]: withOffset(false),\n      },\n    ];\n  } else {\n    const yOffsetProp = getYOffsetProp(placement, isStaticOffset);\n    return [\n      'right',\n      {\n        [yOffsetProp]: withOffset(true),\n        right: 0,\n      },\n    ];\n  }\n}\n\nfunction getXOffsetProp(placement: Placement, isStaticOffset: boolean) {\n  return placement.endsWith('end') && isStaticOffset ? 'right' : 'left';\n}\n\nfunction getYOffsetProp(placement: Placement, isStaticOffset: boolean) {\n  return placement.endsWith('end') && isStaticOffset ? 'bottom' : 'top';\n}\n"],"names":["classNames","RootComponent","DefaultIcon","placementClassNames","right","bottom","left","FloatingArrow","offset","isStaticOffset","coords","iconStyle","iconClassName","placement","Icon","restProps","arrowPlacement","arrowStyles","getArrowPositionData","baseStyle","baseClassName","className","style","x","y","withOffset","isVerticalPlacement","parsedCoords","startsWith","xOffsetProp","getXOffsetProp","top","yOffsetProp","getYOffsetProp","undefined","endsWith"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAG7C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,mBAAgB;AAU5C,OAAO,MAAMC,sBAAsB;IACjCC,KAAK;IACLC,MAAM;IACNC,IAAI;AACN,EAAE;AAmCF;;;;CAIC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,MAAM,EACNC,cAAc,EACdC,MAAM,EACNC,SAAS,EACTC,aAAa,EACbC,YAAY,QAAQ,EACpBC,OAAOZ,WAAW,EAClB,GAAGa,WACgB;IACnB,MAAM,CAACC,gBAAgBC,YAAY,GAAGC,qBACpCL,WACAH,QACAF,QACAC;IAGF,qBACE,KAACR;QACCkB,WAAWF;QACXG,eAAepB,sCAAwBgB,kBAAkBb,mBAAmB,CAACa,eAAe;QAC3F,GAAGD,SAAS;kBAEb,cAAA,KAACD;YAAKO,WAAWrB,oCAAsBY;YAAgBU,OAAOX;;;AAGpE,EAAE;AAEF,SAASO,qBACPL,SAAoB,EACpBH,SAAiB;IAAEa,GAAG;IAAGC,GAAG;AAAE,CAAC,EAC/BhB,SAAS,CAAC,EACVC,iBAAiB,KAAK;IAEtB,MAAMgB,aAAa,CAACC;QAClB,MAAMC,eAAe;YAAEJ,GAAGb,OAAOa,CAAC,IAAI;YAAGC,GAAGd,OAAOc,CAAC,IAAI;QAAE;QAE1D,IAAIE,qBAAqB;YACvB,OAAOjB,iBAAiBD,SAASmB,aAAaH,CAAC,GAAGhB;QACpD,OAAO;YACL,OAAOC,iBAAiBD,SAASmB,aAAaJ,CAAC,GAAGf;QACpD;IACF;IAEA,IAAIK,UAAUe,UAAU,CAAC,QAAQ;QAC/B,MAAMC,cAAcC,eAAejB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACEsB,KAAK;gBACL,CAACF,YAAY,EAAEJ,WAAW;YAC5B;SACD;IACH,OAAO,IAAIZ,UAAUe,UAAU,CAAC,UAAU;QACxC,MAAMI,cAAcC,eAAepB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACE,CAACuB,YAAY,EAAEP,WAAW;gBAC1BnB,MAAM;YACR;SACD;IACH,OAAO,IAAIO,UAAUe,UAAU,CAAC,WAAW;QACzC,MAAMC,cAAcC,eAAejB,WAAWJ;QAC9C,OAAO;YACLyB;YACA;gBACE7B,QAAQ;gBACR,CAACwB,YAAY,EAAEJ,WAAW;YAC5B;SACD;IACH,OAAO;QACL,MAAMO,cAAcC,eAAepB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACE,CAACuB,YAAY,EAAEP,WAAW;gBAC1BrB,OAAO;YACT;SACD;IACH;AACF;AAEA,SAAS0B,eAAejB,SAAoB,EAAEJ,cAAuB;IACnE,OAAOI,UAAUsB,QAAQ,CAAC,UAAU1B,iBAAiB,UAAU;AACjE;AAEA,SAASwB,eAAepB,SAAoB,EAAEJ,cAAuB;IACnE,OAAOI,UAAUsB,QAAQ,CAAC,UAAU1B,iBAAiB,WAAW;AAClE"}

package/dist/components/FocusTrap/FocusTrap.d.ts

@@ -8,6 +8,6 @@ export interface FocusTrapInternalProps extends UseFocusTrapProps, HasChildren {
     rootRef: React.RefObject<HTMLElement | null>;
 }
 export type FocusTrapProps = Omit<FocusTrapInternalProps, 'mutationObserverOptions' | 'mount'>;
-export declare const FocusTrapInternal: ({ autoFocus, restoreFocus, disabled, mount, autoFocusDelay, rootRef, children, mutationObserverOptions, }: FocusTrapInternalProps) => React.ReactNode;
+export declare const FocusTrapInternal: ({ autoFocus, restoreFocus, disabled, mount, autoFocusDelay, rootRef, children, }: FocusTrapInternalProps) => React.ReactNode;
 export declare const FocusTrap: (props: FocusTrapProps) => React.ReactNode;
 //# sourceMappingURL=FocusTrap.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAEhF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB,EAAE,WAAW;IAC5E;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC9C;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,yBAAyB,GAAG,OAAO,CAAC,CAAC;AAE/F,eAAO,MAAM,iBAAiB,GAAI,2GAS/B,sBAAsB,KAAG,KAAK,CAAC,SAiBjC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,KAAG,KAAK,CAAC,SAEvD,CAAC"}
+{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB,EAAE,WAAW;IAC5E;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC9C;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,yBAAyB,GAAG,OAAO,CAAC,CAAC;AAE/F,eAAO,MAAM,iBAAiB,GAAI,kFAQ/B,sBAAsB,KAAG,KAAK,CAAC,SAgBjC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,KAAG,KAAK,CAAC,SAEvD,CAAC"}

package/dist/components/FocusTrap/FocusTrap.js

@@ -2,15 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useFocusTrap } from "../../hooks/useFocusTrap/index.js";
-import { DEFAULT_MUTATION_OBSERVER_OPTIONS } from "../../hooks/useMutationObserver.js";
-export const FocusTrapInternal = ({ autoFocus = true, restoreFocus = true, disabled = false, mount = true, autoFocusDelay = 0, rootRef, children, mutationObserverOptions = DEFAULT_MUTATION_OBSERVER_OPTIONS })=>{
+export const FocusTrapInternal = ({ autoFocus = true, restoreFocus = true, disabled = false, mount = true, autoFocusDelay = 0, rootRef, children })=>{
     const { beforeGuard, afterGuard } = useFocusTrap(rootRef, {
         autoFocus,
         restoreFocus,
         disabled,
         mount,
-        autoFocusDelay,
-        mutationObserverOptions
+        autoFocusDelay
     });
     return /*#__PURE__*/ _jsxs(React.Fragment, {
         children: [

package/dist/components/FocusTrap/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFocusTrap, type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { DEFAULT_MUTATION_OBSERVER_OPTIONS } from '../../hooks/useMutationObserver';\nimport type { HasChildren } from '../../types';\n\nexport interface FocusTrapInternalProps extends UseFocusTrapProps, HasChildren {\n  /**\n   * Ref на корневой элемент.\n   */\n  rootRef: React.RefObject<HTMLElement | null>;\n}\n\nexport type FocusTrapProps = Omit<FocusTrapInternalProps, 'mutationObserverOptions' | 'mount'>;\n\nexport const FocusTrapInternal = ({\n  autoFocus = true,\n  restoreFocus = true,\n  disabled = false,\n  mount = true,\n  autoFocusDelay = 0,\n  rootRef,\n  children,\n  mutationObserverOptions = DEFAULT_MUTATION_OBSERVER_OPTIONS,\n}: FocusTrapInternalProps): React.ReactNode => {\n  const { beforeGuard, afterGuard } = useFocusTrap(rootRef, {\n    autoFocus,\n    restoreFocus,\n    disabled,\n    mount,\n    autoFocusDelay,\n    mutationObserverOptions,\n  });\n\n  return (\n    <React.Fragment>\n      {beforeGuard}\n      {children}\n      {afterGuard}\n    </React.Fragment>\n  );\n};\n\nexport const FocusTrap = (props: FocusTrapProps): React.ReactNode => {\n  return <FocusTrapInternal {...props} />;\n};\n"],"names":["React","useFocusTrap","DEFAULT_MUTATION_OBSERVER_OPTIONS","FocusTrapInternal","autoFocus","restoreFocus","disabled","mount","autoFocusDelay","rootRef","children","mutationObserverOptions","beforeGuard","afterGuard","Fragment","FocusTrap","props"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAgC,oCAA2B;AAChF,SAASC,iCAAiC,QAAQ,qCAAkC;AAYpF,OAAO,MAAMC,oBAAoB,CAAC,EAChCC,YAAY,IAAI,EAChBC,eAAe,IAAI,EACnBC,WAAW,KAAK,EAChBC,QAAQ,IAAI,EACZC,iBAAiB,CAAC,EAClBC,OAAO,EACPC,QAAQ,EACRC,0BAA0BT,iCAAiC,EACpC;IACvB,MAAM,EAAEU,WAAW,EAAEC,UAAU,EAAE,GAAGZ,aAAaQ,SAAS;QACxDL;QACAC;QACAC;QACAC;QACAC;QACAG;IACF;IAEA,qBACE,MAACX,MAAMc,QAAQ;;YACZF;YACAF;YACAG;;;AAGP,EAAE;AAEF,OAAO,MAAME,YAAY,CAACC;IACxB,qBAAO,KAACb;QAAmB,GAAGa,KAAK;;AACrC,EAAE"}
+{"version":3,"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFocusTrap, type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport type { HasChildren } from '../../types';\n\nexport interface FocusTrapInternalProps extends UseFocusTrapProps, HasChildren {\n  /**\n   * Ref на корневой элемент.\n   */\n  rootRef: React.RefObject<HTMLElement | null>;\n}\n\nexport type FocusTrapProps = Omit<FocusTrapInternalProps, 'mutationObserverOptions' | 'mount'>;\n\nexport const FocusTrapInternal = ({\n  autoFocus = true,\n  restoreFocus = true,\n  disabled = false,\n  mount = true,\n  autoFocusDelay = 0,\n  rootRef,\n  children,\n}: FocusTrapInternalProps): React.ReactNode => {\n  const { beforeGuard, afterGuard } = useFocusTrap(rootRef, {\n    autoFocus,\n    restoreFocus,\n    disabled,\n    mount,\n    autoFocusDelay,\n  });\n\n  return (\n    <React.Fragment>\n      {beforeGuard}\n      {children}\n      {afterGuard}\n    </React.Fragment>\n  );\n};\n\nexport const FocusTrap = (props: FocusTrapProps): React.ReactNode => {\n  return <FocusTrapInternal {...props} />;\n};\n"],"names":["React","useFocusTrap","FocusTrapInternal","autoFocus","restoreFocus","disabled","mount","autoFocusDelay","rootRef","children","beforeGuard","afterGuard","Fragment","FocusTrap","props"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAgC,oCAA2B;AAYhF,OAAO,MAAMC,oBAAoB,CAAC,EAChCC,YAAY,IAAI,EAChBC,eAAe,IAAI,EACnBC,WAAW,KAAK,EAChBC,QAAQ,IAAI,EACZC,iBAAiB,CAAC,EAClBC,OAAO,EACPC,QAAQ,EACe;IACvB,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGV,aAAaO,SAAS;QACxDL;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,qBACE,MAACP,MAAMY,QAAQ;;YACZF;YACAD;YACAE;;;AAGP,EAAE;AAEF,OAAO,MAAME,YAAY,CAACC;IACxB,qBAAO,KAACZ;QAAmB,GAAGY,KAAK;;AACrC,EAAE"}

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

@@ -5,7 +5,7 @@ export interface FormFieldProps {
     /**
      * Статус отображения поля в форме.
      */
-    status?: 'default' | 'error' | 'valid';
+    status?: 'default' | 'error' | 'valid' | undefined;
     /**
      * Добавляет иконку слева.
      *
@@ -14,11 +14,11 @@ export interface FormFieldProps {
      * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
      * - Используйте [IconButton](https://vkui.io/components/icon-button), если вам нужна иконка, реагирующая на нажатие.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Вертикальное выравнивание иконки слева.
      */
-    beforeAlign?: FieldIconsAlign;
+    beforeAlign?: FieldIconsAlign | undefined;
     /**
      * Добавляет иконку справа.
      *
@@ -27,28 +27,28 @@ export interface FormFieldProps {
      * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
      * - Используйте [IconButton](https://vkui.io/components/icon-button), если вам нужна иконка, реагируюущая на нажатие.
      */
-    after?: React.ReactNode;
+    after?: React.ReactNode | undefined;
     /**
      * Вертикальное выравнивание иконки справа.
      */
-    afterAlign?: FieldIconsAlign;
+    afterAlign?: FieldIconsAlign | undefined;
     /**
      * Режим отображения.
      *
      * - `default` — показывает фон, обводку и, при наличии, текст-подсказку.
      * - `plain` — показывает только текст-подсказку.
      */
-    mode?: 'default' | 'plain';
+    mode?: 'default' | 'plain' | undefined;
     /**
      * Максимальная высота поля.
      */
-    maxHeight?: number;
+    maxHeight?: number | undefined;
 }
 export interface FormFieldOwnProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, FormFieldProps {
     /**
      * Блокировка взаимодействия с компонентом.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/form-field

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA2B5D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEzD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACvC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,4KAiBvB,iBAAiB,KAAG,KAAK,CAAC,SAqD5B,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA2B5D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEzD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC1C;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACzC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,4KAiBvB,iBAAiB,KAAG,KAAK,CAAC,SAqD5B,CAAC"}

package/dist/components/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusVisibleClassName } from '../../hooks/useFocusVisibleClassName';\nimport { useFocusWithin } from '../../hooks/useFocusWithin';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport styles from './FormField.module.css';\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nconst stylesStatus = {\n  error: styles.statusError,\n  valid: styles.statusValid,\n};\n\nconst iconAlignClassNames = {\n  center: undefined,\n  start: styles.iconAlignStart,\n  end: styles.iconAlignEnd,\n};\n\nconst renderIcon = (icon: React.ReactNode, align: FieldIconsAlign, className: string) => {\n  return (\n    <div className={styles.iconWrapper}>\n      <span className={classNames(iconAlignClassNames[align], className)}>{icon}</span>\n    </div>\n  );\n};\n\nexport type FieldIconsAlign = 'start' | 'center' | 'end';\n\nexport interface FormFieldProps {\n  /**\n   * Статус отображения поля в форме.\n   */\n  status?: 'default' | 'error' | 'valid';\n  /**\n   * Добавляет иконку слева.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkui.io/components/icon-button), если вам нужна иконка, реагирующая на нажатие.\n   */\n  before?: React.ReactNode;\n  /**\n   * Вертикальное выравнивание иконки слева.\n   */\n  beforeAlign?: FieldIconsAlign;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkui.io/components/icon-button), если вам нужна иконка, реагируюущая на нажатие.\n   */\n  after?: React.ReactNode;\n  /**\n   * Вертикальное выравнивание иконки справа.\n   */\n  afterAlign?: FieldIconsAlign;\n  /**\n   * Режим отображения.\n   *\n   * - `default` — показывает фон, обводку и, при наличии, текст-подсказку.\n   * - `plain` — показывает только текст-подсказку.\n   */\n  mode?: 'default' | 'plain';\n  /**\n   * Максимальная высота поля.\n   */\n  maxHeight?: number;\n}\n\nexport interface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/form-field\n */\nexport const FormField = ({\n  Component = 'span',\n  status = 'default',\n  children,\n  getRootRef,\n  before,\n  after,\n  beforeAlign = 'center',\n  afterAlign = 'center',\n  disabled,\n  mode = 'default',\n  className,\n  maxHeight,\n  style,\n  onMouseEnter,\n  onMouseLeave,\n  ...restProps\n}: FormFieldOwnProps): React.ReactNode => {\n  const elRef = useExternRef(getRootRef);\n  const { density = 'none' } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const focusWithin = useFocusWithin(elRef);\n  const focusVisibleClassNames = useFocusVisibleClassName({\n    focusVisible: focusWithin,\n    mode: styles.focusVisible,\n  });\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    setHover(true);\n    onMouseEnter?.(e);\n  };\n\n  const handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    setHover(false);\n    onMouseLeave?.(e);\n  };\n\n  return (\n    <Component\n      {...restProps}\n      ref={elRef}\n      style={{\n        maxHeight,\n        ...style,\n      }}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={classNames(\n        styles.host,\n        mode === 'default' && styles.modeDefault,\n        status !== 'default' && stylesStatus[status],\n        density !== 'regular' && densityClassNames[density],\n        disabled && styles.disabled,\n        !disabled && hover && styles.hover,\n        focusVisibleClassNames,\n        className,\n      )}\n    >\n      <div className={styles.scrollContainer}>\n        {before && renderIcon(before, beforeAlign, styles.before)}\n        <div className={styles.content}>{children}</div>\n        {after &&\n          renderIcon(after, afterAlign, classNames(styles.after, 'vkuiInternalFormField__after'))}\n      </div>\n      <span aria-hidden className={styles.border} />\n    </Component>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","useFocusVisibleClassName","useFocusWithin","densityClassNames","none","compact","stylesStatus","error","valid","iconAlignClassNames","center","undefined","start","end","renderIcon","icon","align","className","div","span","FormField","Component","status","children","getRootRef","before","after","beforeAlign","afterAlign","disabled","mode","maxHeight","style","onMouseEnter","onMouseLeave","restProps","elRef","density","hover","setHover","useState","focusWithin","focusVisibleClassNames","focusVisible","handleMouseEnter","e","stopPropagation","handleMouseLeave","ref","aria-hidden"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,wBAAwB,QAAQ,0CAAuC;AAChF,SAASC,cAAc,QAAQ,gCAA6B;AAI5D,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AAEA,MAAMC,eAAe;IACnBC,KAAK;IACLC,KAAK;AACP;AAEA,MAAMC,sBAAsB;IAC1BC,QAAQC;IACRC,KAAK;IACLC,GAAG;AACL;AAEA,MAAMC,aAAa,CAACC,MAAuBC,OAAwBC;IACjE,qBACE,KAACC;QAAID,SAAS;kBACZ,cAAA,KAACE;YAAKF,WAAWnB,WAAWW,mBAAmB,CAACO,MAAM,EAAEC;sBAAaF;;;AAG3E;AA2DA;;CAEC,GACD,OAAO,MAAMK,YAAY,CAAC,EACxBC,YAAY,MAAM,EAClBC,SAAS,SAAS,EAClBC,QAAQ,EACRC,UAAU,EACVC,MAAM,EACNC,KAAK,EACLC,cAAc,QAAQ,EACtBC,aAAa,QAAQ,EACrBC,QAAQ,EACRC,OAAO,SAAS,EAChBb,SAAS,EACTc,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,YAAY,EACZ,GAAGC,WACe;IAClB,MAAMC,QAAQpC,aAAawB;IAC3B,MAAM,EAAEa,UAAU,MAAM,EAAE,GAAGtC;IAC7B,MAAM,CAACuC,OAAOC,SAAS,GAAG1C,MAAM2C,QAAQ,CAAC;IAEzC,MAAMC,cAAcvC,eAAekC;IACnC,MAAMM,yBAAyBzC,yBAAyB;QACtD0C,cAAcF;QACdX,IAAI;IACN;IAEA,MAAMc,mBAAmB,CAACC;QACxBA,EAAEC,eAAe;QACjBP,SAAS;QACTN,eAAeY;IACjB;IAEA,MAAME,mBAAmB,CAACF;QACxBA,EAAEC,eAAe;QACjBP,SAAS;QACTL,eAAeW;IACjB;IAEA,qBACE,MAACxB;QACE,GAAGc,SAAS;QACba,KAAKZ;QACLJ,OAAO;YACLD;YACA,GAAGC,KAAK;QACV;QACAC,cAAcW;QACdV,cAAca;QACd9B,WAAWnB,kCAETgC,SAAS,2CACTR,WAAW,aAAahB,YAAY,CAACgB,OAAO,EAC5Ce,YAAY,aAAalC,iBAAiB,CAACkC,QAAQ,EACnDR,uCACA,CAACA,YAAYS,iCACbI,wBACAzB;;0BAGF,MAACC;gBAAID,SAAS;;oBACXQ,UAAUX,WAAWW,QAAQE;kCAC9B,KAACT;wBAAID,SAAS;kCAAmBM;;oBAChCG,SACCZ,WAAWY,OAAOE,YAAY9B,mCAAyB;;;0BAE3D,KAACqB;gBAAK8B,aAAW;gBAAChC,SAAS;;;;AAGjC,EAAE"}
+{"version":3,"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusVisibleClassName } from '../../hooks/useFocusVisibleClassName';\nimport { useFocusWithin } from '../../hooks/useFocusWithin';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport styles from './FormField.module.css';\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nconst stylesStatus = {\n  error: styles.statusError,\n  valid: styles.statusValid,\n};\n\nconst iconAlignClassNames = {\n  center: undefined,\n  start: styles.iconAlignStart,\n  end: styles.iconAlignEnd,\n};\n\nconst renderIcon = (icon: React.ReactNode, align: FieldIconsAlign, className: string) => {\n  return (\n    <div className={styles.iconWrapper}>\n      <span className={classNames(iconAlignClassNames[align], className)}>{icon}</span>\n    </div>\n  );\n};\n\nexport type FieldIconsAlign = 'start' | 'center' | 'end';\n\nexport interface FormFieldProps {\n  /**\n   * Статус отображения поля в форме.\n   */\n  status?: 'default' | 'error' | 'valid' | undefined;\n  /**\n   * Добавляет иконку слева.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkui.io/components/icon-button), если вам нужна иконка, реагирующая на нажатие.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Вертикальное выравнивание иконки слева.\n   */\n  beforeAlign?: FieldIconsAlign | undefined;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkui.io/components/icon-button), если вам нужна иконка, реагируюущая на нажатие.\n   */\n  after?: React.ReactNode | undefined;\n  /**\n   * Вертикальное выравнивание иконки справа.\n   */\n  afterAlign?: FieldIconsAlign | undefined;\n  /**\n   * Режим отображения.\n   *\n   * - `default` — показывает фон, обводку и, при наличии, текст-подсказку.\n   * - `plain` — показывает только текст-подсказку.\n   */\n  mode?: 'default' | 'plain' | undefined;\n  /**\n   * Максимальная высота поля.\n   */\n  maxHeight?: number | undefined;\n}\n\nexport interface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/form-field\n */\nexport const FormField = ({\n  Component = 'span',\n  status = 'default',\n  children,\n  getRootRef,\n  before,\n  after,\n  beforeAlign = 'center',\n  afterAlign = 'center',\n  disabled,\n  mode = 'default',\n  className,\n  maxHeight,\n  style,\n  onMouseEnter,\n  onMouseLeave,\n  ...restProps\n}: FormFieldOwnProps): React.ReactNode => {\n  const elRef = useExternRef(getRootRef);\n  const { density = 'none' } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const focusWithin = useFocusWithin(elRef);\n  const focusVisibleClassNames = useFocusVisibleClassName({\n    focusVisible: focusWithin,\n    mode: styles.focusVisible,\n  });\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    setHover(true);\n    onMouseEnter?.(e);\n  };\n\n  const handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    setHover(false);\n    onMouseLeave?.(e);\n  };\n\n  return (\n    <Component\n      {...restProps}\n      ref={elRef}\n      style={{\n        maxHeight,\n        ...style,\n      }}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={classNames(\n        styles.host,\n        mode === 'default' && styles.modeDefault,\n        status !== 'default' && stylesStatus[status],\n        density !== 'regular' && densityClassNames[density],\n        disabled && styles.disabled,\n        !disabled && hover && styles.hover,\n        focusVisibleClassNames,\n        className,\n      )}\n    >\n      <div className={styles.scrollContainer}>\n        {before && renderIcon(before, beforeAlign, styles.before)}\n        <div className={styles.content}>{children}</div>\n        {after &&\n          renderIcon(after, afterAlign, classNames(styles.after, 'vkuiInternalFormField__after'))}\n      </div>\n      <span aria-hidden className={styles.border} />\n    </Component>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","useFocusVisibleClassName","useFocusWithin","densityClassNames","none","compact","stylesStatus","error","valid","iconAlignClassNames","center","undefined","start","end","renderIcon","icon","align","className","div","span","FormField","Component","status","children","getRootRef","before","after","beforeAlign","afterAlign","disabled","mode","maxHeight","style","onMouseEnter","onMouseLeave","restProps","elRef","density","hover","setHover","useState","focusWithin","focusVisibleClassNames","focusVisible","handleMouseEnter","e","stopPropagation","handleMouseLeave","ref","aria-hidden"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,wBAAwB,QAAQ,0CAAuC;AAChF,SAASC,cAAc,QAAQ,gCAA6B;AAI5D,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AAEA,MAAMC,eAAe;IACnBC,KAAK;IACLC,KAAK;AACP;AAEA,MAAMC,sBAAsB;IAC1BC,QAAQC;IACRC,KAAK;IACLC,GAAG;AACL;AAEA,MAAMC,aAAa,CAACC,MAAuBC,OAAwBC;IACjE,qBACE,KAACC;QAAID,SAAS;kBACZ,cAAA,KAACE;YAAKF,WAAWnB,WAAWW,mBAAmB,CAACO,MAAM,EAAEC;sBAAaF;;;AAG3E;AA2DA;;CAEC,GACD,OAAO,MAAMK,YAAY,CAAC,EACxBC,YAAY,MAAM,EAClBC,SAAS,SAAS,EAClBC,QAAQ,EACRC,UAAU,EACVC,MAAM,EACNC,KAAK,EACLC,cAAc,QAAQ,EACtBC,aAAa,QAAQ,EACrBC,QAAQ,EACRC,OAAO,SAAS,EAChBb,SAAS,EACTc,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,YAAY,EACZ,GAAGC,WACe;IAClB,MAAMC,QAAQpC,aAAawB;IAC3B,MAAM,EAAEa,UAAU,MAAM,EAAE,GAAGtC;IAC7B,MAAM,CAACuC,OAAOC,SAAS,GAAG1C,MAAM2C,QAAQ,CAAC;IAEzC,MAAMC,cAAcvC,eAAekC;IACnC,MAAMM,yBAAyBzC,yBAAyB;QACtD0C,cAAcF;QACdX,IAAI;IACN;IAEA,MAAMc,mBAAmB,CAACC;QACxBA,EAAEC,eAAe;QACjBP,SAAS;QACTN,eAAeY;IACjB;IAEA,MAAME,mBAAmB,CAACF;QACxBA,EAAEC,eAAe;QACjBP,SAAS;QACTL,eAAeW;IACjB;IAEA,qBACE,MAACxB;QACE,GAAGc,SAAS;QACba,KAAKZ;QACLJ,OAAO;YACLD;YACA,GAAGC,KAAK;QACV;QACAC,cAAcW;QACdV,cAAca;QACd9B,WAAWnB,kCAETgC,SAAS,2CACTR,WAAW,aAAahB,YAAY,CAACgB,OAAO,EAC5Ce,YAAY,aAAalC,iBAAiB,CAACkC,QAAQ,EACnDR,uCACA,CAACA,YAAYS,iCACbI,wBACAzB;;0BAGF,MAACC;gBAAID,SAAS;;oBACXQ,UAAUX,WAAWW,QAAQE;kCAC9B,KAACT;wBAAID,SAAS;kCAAmBM;;oBAChCG,SACCZ,WAAWY,OAAOE,YAAY9B,mCAAyB;;;0BAE3D,KAACqB;gBAAK8B,aAAW;gBAAChC,SAAS;;;;AAGjC,EAAE"}

package/dist/components/FormFieldClearButton/FormFieldClearButton.d.ts

@@ -4,7 +4,7 @@ export interface FormFieldClearButtonProps extends HasDataAttribute {
     /**
      * `className` для компонента.
      */
-    className?: string;
+    className?: string | undefined;
     /**
      * Обработчик нажатия на кнопку.
      */
@@ -12,7 +12,7 @@ export interface FormFieldClearButtonProps extends HasDataAttribute {
     /**
      * Блокировка взаимодействия с компонентом.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 export declare const FormFieldClearButton: ({ className, onClick, ...restProps }: FormFieldClearButtonProps) => React.ReactNode;
 //# sourceMappingURL=FormFieldClearButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormFieldClearButton.d.ts","sourceRoot":"","sources":["../../../src/components/FormFieldClearButton/FormFieldClearButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB;IACjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,GAAI,sCAIlC,yBAAyB,KAAG,KAAK,CAAC,SAoBpC,CAAC"}
+{"version":3,"file":"FormFieldClearButton.d.ts","sourceRoot":"","sources":["../../../src/components/FormFieldClearButton/FormFieldClearButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB;IACjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,oBAAoB,GAAI,sCAIlC,yBAAyB,KAAG,KAAK,CAAC,SAoBpC,CAAC"}

package/dist/components/FormFieldClearButton/FormFieldClearButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormFieldClearButton/FormFieldClearButton.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Icon16Cancel } from '@vkontakte/icons';\nimport { stopPropagation } from '../../lib/utils';\nimport type { HasDataAttribute } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport interface FormFieldClearButtonProps extends HasDataAttribute {\n  /**\n   * `className` для компонента.\n   */\n  className?: string;\n  /**\n   * Обработчик нажатия на кнопку.\n   */\n  onClick: () => void;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n}\n\nexport const FormFieldClearButton = ({\n  className,\n  onClick,\n  ...restProps\n}: FormFieldClearButtonProps): React.ReactNode => {\n  return (\n    <IconButton\n      Component=\"button\"\n      label=\"Очистить поле\"\n      onKeyDown={stopPropagation}\n      type=\"button\"\n      activeMode=\"opacity\"\n      hoverMode=\"opacity\"\n      {...restProps}\n      className={className}\n      onClick={(e) => {\n        stopPropagation(e);\n        e.preventDefault();\n        onClick();\n      }}\n    >\n      <Icon16Cancel />\n    </IconButton>\n  );\n};\n"],"names":["Icon16Cancel","stopPropagation","IconButton","FormFieldClearButton","className","onClick","restProps","Component","label","onKeyDown","type","activeMode","hoverMode","e","preventDefault"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,eAAe,QAAQ,qBAAkB;AAElD,SAASC,UAAU,QAAQ,8BAA2B;AAiBtD,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,SAAS,EACTC,OAAO,EACP,GAAGC,WACuB;IAC1B,qBACE,KAACJ;QACCK,WAAU;QACVC,OAAM;QACNC,WAAWR;QACXS,MAAK;QACLC,YAAW;QACXC,WAAU;QACT,GAAGN,SAAS;QACbF,WAAWA;QACXC,SAAS,CAACQ;YACRZ,gBAAgBY;YAChBA,EAAEC,cAAc;YAChBT;QACF;kBAEA,cAAA,KAACL;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/FormFieldClearButton/FormFieldClearButton.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Icon16Cancel } from '@vkontakte/icons';\nimport { stopPropagation } from '../../lib/utils';\nimport type { HasDataAttribute } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport interface FormFieldClearButtonProps extends HasDataAttribute {\n  /**\n   * `className` для компонента.\n   */\n  className?: string | undefined;\n  /**\n   * Обработчик нажатия на кнопку.\n   */\n  onClick: () => void;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean | undefined;\n}\n\nexport const FormFieldClearButton = ({\n  className,\n  onClick,\n  ...restProps\n}: FormFieldClearButtonProps): React.ReactNode => {\n  return (\n    <IconButton\n      Component=\"button\"\n      label=\"Очистить поле\"\n      onKeyDown={stopPropagation}\n      type=\"button\"\n      activeMode=\"opacity\"\n      hoverMode=\"opacity\"\n      {...restProps}\n      className={className}\n      onClick={(e) => {\n        stopPropagation(e);\n        e.preventDefault();\n        onClick();\n      }}\n    >\n      <Icon16Cancel />\n    </IconButton>\n  );\n};\n"],"names":["Icon16Cancel","stopPropagation","IconButton","FormFieldClearButton","className","onClick","restProps","Component","label","onKeyDown","type","activeMode","hoverMode","e","preventDefault"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,eAAe,QAAQ,qBAAkB;AAElD,SAASC,UAAU,QAAQ,8BAA2B;AAiBtD,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,SAAS,EACTC,OAAO,EACP,GAAGC,WACuB;IAC1B,qBACE,KAACJ;QACCK,WAAU;QACVC,OAAM;QACNC,WAAWR;QACXS,MAAK;QACLC,YAAW;QACXC,WAAU;QACT,GAAGN,SAAS;QACbF,WAAWA;QACXC,SAAS,CAACQ;YACRZ,gBAAgBY;YAChBA,EAAEC,cAAc;YAChBT;QACF;kBAEA,cAAA,KAACL;;AAGP,EAAE"}

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

@@ -8,52 +8,52 @@ export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, Has
     /**
      * Дополнительный элемент, отображаемый над содержимым.
      */
-    top?: React.ReactNode;
+    top?: React.ReactNode | undefined;
     /**
      * Передаётся при использовании `top`.
      *
      * `id` для `top`.
      */
-    topId?: string;
+    topId?: string | undefined;
     /**
      * Многострочный вывод заголовка. По умолчанию текст не переносится при переполнении.
      */
-    topMultiline?: boolean;
+    topMultiline?: boolean | undefined;
     /**
      * Позволяет поменять тег используемый для top
      * Если оставить пустым, то тег top будет span.
      * Если оставить пустым и использовать htmlFor, то тег top будет label.
      */
-    topComponent?: React.ElementType;
+    topComponent?: React.ElementType | undefined;
     /**
      * Дополнительный элемент, отображаемый под содержимым.
      */
-    bottom?: React.ReactNode;
+    bottom?: React.ReactNode | undefined;
     /**
      * Передаётся при использовании `bottom`.
      *
      * Должен совпадать с `aria-describedby`, который передаётся в компонент, отвечающий за пользовательский ввод.
      */
-    bottomId?: string;
+    bottomId?: string | undefined;
     /**
      * Статус, влияющий на стиль отображения компонента.
      */
-    status?: 'default' | 'error' | 'valid';
+    status?: 'default' | 'error' | 'valid' | undefined;
     /**
      * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.
      *
      * Режим `indent` предназначен для визуального отступа.
      */
-    removable?: boolean | 'indent';
+    removable?: boolean | 'indent' | undefined;
     /**
      * Удаляет внешние отступы вокруг компонента.
      * @since 5.8.0
      */
-    noPadding?: boolean;
+    noPadding?: boolean | undefined;
     /**
      * Помечает поле обязательным.
      */
-    required?: boolean;
+    required?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/form-item

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

@@ -1 +1 @@
-{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../src/components/FormItem/FormItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAclE,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,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;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,GAAG,EAAE,OAAO,WAAW,CAAC;IACxB,QAAQ,EAAE,OAAO,gBAAgB,CAAC;IAClC,QAAQ,EAAE,OAAO,gBAAgB,CAAC;CAuFnC,CAAC"}
+{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../src/components/FormItem/FormItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAclE,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAC7C;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,GAAG,EAAE,OAAO,WAAW,CAAC;IACxB,QAAQ,EAAE,OAAO,gBAAgB,CAAC;IAClC,QAAQ,EAAE,OAAO,gBAAgB,CAAC;CAuFnC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport { Removable, type 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 densityClassNames = {\n  none: classNames(styles.densityNone, 'vkuiInternalFormItem--density-none'),\n  compact: classNames(styles.densityCompact, 'vkuiInternalFormItem--density-compact'),\n};\n\nconst stylesStatus = {\n  error: classNames(styles.statusError, 'vkuiInternalFormItem--status-error'),\n  valid: classNames(styles.statusValid, 'vkuiInternalFormItem--status-valid'),\n};\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  /**\n   * Дополнительный элемент, отображаемый над содержимым.\n   */\n  top?: React.ReactNode;\n  /**\n   * Передаётся при использовании `top`.\n   *\n   * `id` для `top`.\n   */\n  topId?: string;\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  bottom?: React.ReactNode;\n  /**\n   * Передаётся при использовании `bottom`.\n   *\n   * Должен совпадать с `aria-describedby`, который передаётся в компонент, отвечающий за пользовательский ввод.\n   */\n  bottomId?: string;\n  /**\n   * Статус, влияющий на стиль отображения компонента.\n   */\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://vkui.io/components/form-item\n */\nexport const FormItem: React.FC<FormItemProps> & {\n  Top: typeof FormItemTop;\n  TopLabel: typeof FormItemTopLabel;\n  TopAside: typeof FormItemTopAside;\n} = ({\n  children,\n  top,\n  topId,\n  topMultiline = false,\n  topComponent: topComponentProp,\n  bottom,\n  status = 'default',\n  removable,\n  onRemove,\n  removePlaceholder = 'Удалить',\n  getRootRef,\n  htmlFor,\n  bottomId,\n  noPadding,\n  required = false,\n  disabled,\n  ...restProps\n}: FormItemProps) => {\n  const rootEl = useExternRef(getRootRef);\n  const { density = 'none' } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {isPrimitiveReactNode(top) ? (\n        <FormItemTop>\n          <FormItemTopLabel htmlFor={htmlFor} Component={topComponentProp} id={topId}>\n            {top}\n          </FormItemTopLabel>\n        </FormItemTop>\n      ) : hasReactNode(top) ? (\n        top\n      ) : null}\n      {children}\n      {hasReactNode(bottom) && (\n        <Footnote\n          className={styles.bottom}\n          id={bottomId}\n          role={status === 'error' ? 'alert' : undefined}\n        >\n          {bottom}\n        </Footnote>\n      )}\n    </React.Fragment>\n  );\n\n  const context = React.useMemo(() => ({ required, topMultiline }), [required, topMultiline]);\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        styles.host,\n        !noPadding && styles.withPadding,\n        'vkuiInternalFormItem',\n        status !== 'default' && stylesStatus[status],\n        density !== 'regular' && densityClassNames[density],\n        hasReactNode(top) && classNames(styles.withTop, 'vkuiInternalFormItem--withTop'),\n        removable && classNames(styles.withRemovable, '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            noPadding={noPadding}\n            disabled={disabled}\n          >\n            <div className={classNames(styles.removable, 'vkuiInternalFormItem__removable')}>\n              {wrappedChildren}\n            </div>\n          </Removable>\n        ) : (\n          wrappedChildren\n        )}\n      </FormItemContext.Provider>\n    </RootComponent>\n  );\n};\n\nFormItem.Top = FormItemTop;\nFormItem.TopLabel = FormItemTopLabel;\nFormItem.TopAside = FormItemTopAside;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(FormItem.Top, 'FormItem.Top');\n  defineComponentDisplayNames(FormItem.TopLabel, 'FormItem.TopLabel');\n  defineComponentDisplayNames(FormItem.TopAside, 'FormItem.TopAside');\n}\n"],"names":["React","classNames","hasReactNode","isPrimitiveReactNode","useAdaptivity","useExternRef","defineComponentDisplayNames","Removable","RootComponent","Footnote","FormItemTop","FormItemTopAside","FormItemTopLabel","FormItemContext","densityClassNames","none","compact","stylesStatus","error","valid","FormItem","children","top","topId","topMultiline","topComponent","topComponentProp","bottom","status","removable","onRemove","removePlaceholder","getRootRef","htmlFor","bottomId","noPadding","required","disabled","restProps","rootEl","density","wrappedChildren","Fragment","Component","id","className","role","undefined","context","useMemo","baseClassName","Provider","value","align","e","current","indent","div","Top","TopLabel","TopAside","process","env","NODE_ENV"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,kBAAkB;AACjF,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,eAAe,QAAQ,eAAY;AAG5C,MAAMC,oBAAoB;IACxBC,MAAMd,wCAA+B;IACrCe,SAASf,2CAAkC;AAC7C;AAEA,MAAMgB,eAAe;IACnBC,OAAOjB,wCAA+B;IACtCkB,OAAOlB,wCAA+B;AACxC;AA0DA;;CAEC,GACD,OAAO,MAAMmB,WAIT,CAAC,EACHC,QAAQ,EACRC,GAAG,EACHC,KAAK,EACLC,eAAe,KAAK,EACpBC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,SAAS,SAAS,EAClBC,SAAS,EACTC,QAAQ,EACRC,oBAAoB,SAAS,EAC7BC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,WAAW,KAAK,EAChBC,QAAQ,EACR,GAAGC,WACW;IACd,MAAMC,SAASlC,aAAa2B;IAC5B,MAAM,EAAEQ,UAAU,MAAM,EAAE,GAAGpC;IAE7B,MAAMqC,gCACJ,MAACzC,MAAM0C,QAAQ;;YACZvC,qBAAqBmB,qBACpB,KAACZ;0BACC,cAAA,KAACE;oBAAiBqB,SAASA;oBAASU,WAAWjB;oBAAkBkB,IAAIrB;8BAClED;;iBAGHpB,aAAaoB,OACfA,MACE;YACHD;YACAnB,aAAayB,yBACZ,KAAClB;gBACCoC,SAAS;gBACTD,IAAIV;gBACJY,MAAMlB,WAAW,UAAU,UAAUmB;0BAEpCpB;;;;IAMT,MAAMqB,UAAUhD,MAAMiD,OAAO,CAAC,IAAO,CAAA;YAAEb;YAAUZ;QAAa,CAAA,GAAI;QAACY;QAAUZ;KAAa;IAE1F,qBACE,KAAChB;QACE,GAAG8B,SAAS;QACbN,YAAYO;QACZW,eAAejD,iCAEb,CAACkC,0CACD,wBACAP,WAAW,aAAaX,YAAY,CAACW,OAAO,EAC5CY,YAAY,aAAa1B,iBAAiB,CAAC0B,QAAQ,EACnDtC,aAAaoB,QAAQrB,oCAA2B,kCAChD4B,aAAa5B,0CAAiC;kBAGhD,cAAA,KAACY,gBAAgBsC,QAAQ;YAACC,OAAOJ;sBAC9BnB,0BACC,KAACtB;gBACC8C,OAAM;gBACNvB,UAAU,CAACwB;oBACT,IAAIf,QAAQgB,SAAS;wBACnBzB,WAAWwB,GAAGf,OAAOgB,OAAO;oBAC9B;gBACF;gBACAxB,mBAAmBA;gBACnByB,QAAQ3B,cAAc;gBACtBM,WAAWA;gBACXE,UAAUA;0BAEV,cAAA,KAACoB;oBAAIZ,WAAW5C,sCAA6B;8BAC1CwC;;iBAILA;;;AAKV,EAAE;AAEFrB,SAASsC,GAAG,GAAGhD;AACfU,SAASuC,QAAQ,GAAG/C;AACpBQ,SAASwC,QAAQ,GAAGjD;AAEpB,IAAIkD,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCzD,4BAA4Bc,SAASsC,GAAG,EAAE;IAC1CpD,4BAA4Bc,SAASuC,QAAQ,EAAE;IAC/CrD,4BAA4Bc,SAASwC,QAAQ,EAAE;AACjD"}
+{"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport { Removable, type 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 densityClassNames = {\n  none: classNames(styles.densityNone, 'vkuiInternalFormItem--density-none'),\n  compact: classNames(styles.densityCompact, 'vkuiInternalFormItem--density-compact'),\n};\n\nconst stylesStatus = {\n  error: classNames(styles.statusError, 'vkuiInternalFormItem--status-error'),\n  valid: classNames(styles.statusValid, 'vkuiInternalFormItem--status-valid'),\n};\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  /**\n   * Дополнительный элемент, отображаемый над содержимым.\n   */\n  top?: React.ReactNode | undefined;\n  /**\n   * Передаётся при использовании `top`.\n   *\n   * `id` для `top`.\n   */\n  topId?: string | undefined;\n  /**\n   * Многострочный вывод заголовка. По умолчанию текст не переносится при переполнении.\n   */\n  topMultiline?: boolean | undefined;\n  /**\n   * Позволяет поменять тег используемый для top\n   * Если оставить пустым, то тег top будет span.\n   * Если оставить пустым и использовать htmlFor, то тег top будет label.\n   */\n  topComponent?: React.ElementType | undefined;\n  /**\n   * Дополнительный элемент, отображаемый под содержимым.\n   */\n  bottom?: React.ReactNode | undefined;\n  /**\n   * Передаётся при использовании `bottom`.\n   *\n   * Должен совпадать с `aria-describedby`, который передаётся в компонент, отвечающий за пользовательский ввод.\n   */\n  bottomId?: string | undefined;\n  /**\n   * Статус, влияющий на стиль отображения компонента.\n   */\n  status?: 'default' | 'error' | 'valid' | undefined;\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   *\n   * Режим `indent` предназначен для визуального отступа.\n   */\n  removable?: boolean | 'indent' | undefined;\n  /**\n   * Удаляет внешние отступы вокруг компонента.\n   * @since 5.8.0\n   */\n  noPadding?: boolean | undefined;\n  /**\n   * Помечает поле обязательным.\n   */\n  required?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/form-item\n */\nexport const FormItem: React.FC<FormItemProps> & {\n  Top: typeof FormItemTop;\n  TopLabel: typeof FormItemTopLabel;\n  TopAside: typeof FormItemTopAside;\n} = ({\n  children,\n  top,\n  topId,\n  topMultiline = false,\n  topComponent: topComponentProp,\n  bottom,\n  status = 'default',\n  removable,\n  onRemove,\n  removePlaceholder = 'Удалить',\n  getRootRef,\n  htmlFor,\n  bottomId,\n  noPadding,\n  required = false,\n  disabled,\n  ...restProps\n}: FormItemProps) => {\n  const rootEl = useExternRef(getRootRef);\n  const { density = 'none' } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {isPrimitiveReactNode(top) ? (\n        <FormItemTop>\n          <FormItemTopLabel htmlFor={htmlFor} Component={topComponentProp} id={topId}>\n            {top}\n          </FormItemTopLabel>\n        </FormItemTop>\n      ) : hasReactNode(top) ? (\n        top\n      ) : null}\n      {children}\n      {hasReactNode(bottom) && (\n        <Footnote\n          className={styles.bottom}\n          id={bottomId}\n          role={status === 'error' ? 'alert' : undefined}\n        >\n          {bottom}\n        </Footnote>\n      )}\n    </React.Fragment>\n  );\n\n  const context = React.useMemo(() => ({ required, topMultiline }), [required, topMultiline]);\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        styles.host,\n        !noPadding && styles.withPadding,\n        'vkuiInternalFormItem',\n        status !== 'default' && stylesStatus[status],\n        density !== 'regular' && densityClassNames[density],\n        hasReactNode(top) && classNames(styles.withTop, 'vkuiInternalFormItem--withTop'),\n        removable && classNames(styles.withRemovable, '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            noPadding={noPadding}\n            disabled={disabled}\n          >\n            <div className={classNames(styles.removable, 'vkuiInternalFormItem__removable')}>\n              {wrappedChildren}\n            </div>\n          </Removable>\n        ) : (\n          wrappedChildren\n        )}\n      </FormItemContext.Provider>\n    </RootComponent>\n  );\n};\n\nFormItem.Top = FormItemTop;\nFormItem.TopLabel = FormItemTopLabel;\nFormItem.TopAside = FormItemTopAside;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(FormItem.Top, 'FormItem.Top');\n  defineComponentDisplayNames(FormItem.TopLabel, 'FormItem.TopLabel');\n  defineComponentDisplayNames(FormItem.TopAside, 'FormItem.TopAside');\n}\n"],"names":["React","classNames","hasReactNode","isPrimitiveReactNode","useAdaptivity","useExternRef","defineComponentDisplayNames","Removable","RootComponent","Footnote","FormItemTop","FormItemTopAside","FormItemTopLabel","FormItemContext","densityClassNames","none","compact","stylesStatus","error","valid","FormItem","children","top","topId","topMultiline","topComponent","topComponentProp","bottom","status","removable","onRemove","removePlaceholder","getRootRef","htmlFor","bottomId","noPadding","required","disabled","restProps","rootEl","density","wrappedChildren","Fragment","Component","id","className","role","undefined","context","useMemo","baseClassName","Provider","value","align","e","current","indent","div","Top","TopLabel","TopAside","process","env","NODE_ENV"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,kBAAkB;AACjF,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,eAAe,QAAQ,eAAY;AAG5C,MAAMC,oBAAoB;IACxBC,MAAMd,wCAA+B;IACrCe,SAASf,2CAAkC;AAC7C;AAEA,MAAMgB,eAAe;IACnBC,OAAOjB,wCAA+B;IACtCkB,OAAOlB,wCAA+B;AACxC;AA0DA;;CAEC,GACD,OAAO,MAAMmB,WAIT,CAAC,EACHC,QAAQ,EACRC,GAAG,EACHC,KAAK,EACLC,eAAe,KAAK,EACpBC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,SAAS,SAAS,EAClBC,SAAS,EACTC,QAAQ,EACRC,oBAAoB,SAAS,EAC7BC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,WAAW,KAAK,EAChBC,QAAQ,EACR,GAAGC,WACW;IACd,MAAMC,SAASlC,aAAa2B;IAC5B,MAAM,EAAEQ,UAAU,MAAM,EAAE,GAAGpC;IAE7B,MAAMqC,gCACJ,MAACzC,MAAM0C,QAAQ;;YACZvC,qBAAqBmB,qBACpB,KAACZ;0BACC,cAAA,KAACE;oBAAiBqB,SAASA;oBAASU,WAAWjB;oBAAkBkB,IAAIrB;8BAClED;;iBAGHpB,aAAaoB,OACfA,MACE;YACHD;YACAnB,aAAayB,yBACZ,KAAClB;gBACCoC,SAAS;gBACTD,IAAIV;gBACJY,MAAMlB,WAAW,UAAU,UAAUmB;0BAEpCpB;;;;IAMT,MAAMqB,UAAUhD,MAAMiD,OAAO,CAAC,IAAO,CAAA;YAAEb;YAAUZ;QAAa,CAAA,GAAI;QAACY;QAAUZ;KAAa;IAE1F,qBACE,KAAChB;QACE,GAAG8B,SAAS;QACbN,YAAYO;QACZW,eAAejD,iCAEb,CAACkC,0CACD,wBACAP,WAAW,aAAaX,YAAY,CAACW,OAAO,EAC5CY,YAAY,aAAa1B,iBAAiB,CAAC0B,QAAQ,EACnDtC,aAAaoB,QAAQrB,oCAA2B,kCAChD4B,aAAa5B,0CAAiC;kBAGhD,cAAA,KAACY,gBAAgBsC,QAAQ;YAACC,OAAOJ;sBAC9BnB,0BACC,KAACtB;gBACC8C,OAAM;gBACNvB,UAAU,CAACwB;oBACT,IAAIf,QAAQgB,SAAS;wBACnBzB,WAAWwB,GAAGf,OAAOgB,OAAO;oBAC9B;gBACF;gBACAxB,mBAAmBA;gBACnByB,QAAQ3B,cAAc;gBACtBM,WAAWA;gBACXE,UAAUA;0BAEV,cAAA,KAACoB;oBAAIZ,WAAW5C,sCAA6B;8BAC1CwC;;iBAILA;;;AAKV,EAAE;AAEFrB,SAASsC,GAAG,GAAGhD;AACfU,SAASuC,QAAQ,GAAG/C;AACpBQ,SAASwC,QAAQ,GAAGjD;AAEpB,IAAIkD,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCzD,4BAA4Bc,SAASsC,GAAG,EAAE;IAC1CpD,4BAA4Bc,SAASuC,QAAQ,EAAE;IAC/CrD,4BAA4Bc,SAASwC,QAAQ,EAAE;AACjD"}

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 interface FormItemContextProps {
-    required?: boolean;
-    topMultiline?: boolean;
+    required?: boolean | undefined;
+    topMultiline?: boolean | undefined;
 }
 export declare const FormItemContext: React.Context<FormItemContextProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/FormItem/context.ts"],"names":[],"mappings":"AAEA,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,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAI5D,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/FormItem/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAI5D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormItem/context.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\n\ninterface FormItemContextProps {\n  required?: boolean;\n  topMultiline?: boolean;\n}\n\nexport const FormItemContext: React.Context<FormItemContextProps> =\n  React.createContext<FormItemContextProps>({\n    required: false,\n    topMultiline: false,\n  });\n"],"names":["React","FormItemContext","createContext","required","topMultiline"],"mappings":"AAAA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAO/B,OAAO,MAAMC,kBACXD,MAAME,aAAa,CAAuB;IACxCC,UAAU;IACVC,cAAc;AAChB,GAAG"}
+{"version":3,"sources":["../../../src/components/FormItem/context.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\n\ninterface FormItemContextProps {\n  required?: boolean | undefined;\n  topMultiline?: boolean | undefined;\n}\n\nexport const FormItemContext: React.Context<FormItemContextProps> =\n  React.createContext<FormItemContextProps>({\n    required: false,\n    topMultiline: false,\n  });\n"],"names":["React","FormItemContext","createContext","required","topMultiline"],"mappings":"AAAA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAO/B,OAAO,MAAMC,kBACXD,MAAME,aAAa,CAAuB;IACxCC,UAAU;IACVC,cAAc;AAChB,GAAG"}

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

@@ -5,22 +5,22 @@ export interface FormLayoutGroupProps extends HTMLAttributesWithRootRef<HTMLDivE
     /**
      * Направление отображения элементов формы.
      */
-    mode?: 'vertical' | 'horizontal';
+    mode?: 'vertical' | 'horizontal' | undefined;
     /**
      * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.
      *
      * Режим `indent` предназначен для визуального отступа.
      */
-    removable?: boolean | 'indent';
+    removable?: boolean | 'indent' | undefined;
     /**
      * Дает возможность склеить несколько `FormItem`.
      */
-    segmented?: boolean;
+    segmented?: boolean | undefined;
     /**
      * Удаляет внешние отступы вокруг компонента.
      * @since 8.0.0
      */
-    noPadding?: boolean;
+    noPadding?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/form-layout-group

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

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxE,MAAM,WAAW,oBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,cAAc;IAChB;;OAEG;IACH,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;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,sHAW7B,oBAAoB,KAAG,KAAK,CAAC,SA8C/B,CAAC"}
+{"version":3,"file":"FormLayoutGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxE,MAAM,WAAW,oBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,cAAc;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAC7C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,sHAW7B,oBAAoB,KAAG,KAAK,CAAC,SA8C/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './FormLayoutGroup.module.css';\n\nconst densityClassNames = {\n  none: classNames(styles.densityNone, 'vkuiInternalFormLayoutGroup--density-none'),\n  compact: classNames(styles.densityCompact, 'vkuiInternalFormLayoutGroup--density-compact'),\n};\n\nexport interface FormLayoutGroupProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    RemovableProps {\n  /**\n   * Направление отображения элементов формы.\n   */\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   * @since 8.0.0\n   */\n  noPadding?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/form-layout-group\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = 'vertical',\n  removable,\n  segmented,\n  noPadding,\n  removePlaceholder = 'Удалить',\n  onRemove,\n  getRootRef,\n  disabled,\n  ...restProps\n}: FormLayoutGroupProps): React.ReactNode => {\n  const { density = 'none' } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <RootComponent\n      getRootRef={rootEl}\n      Component=\"fieldset\"\n      baseClassName={classNames(\n        styles.host,\n        mode === 'horizontal' && !noPadding && styles.withPadding,\n        density !== 'regular' && densityClassNames[density],\n        mode === 'horizontal' &&\n          classNames(styles.modeHorizontal, 'vkuiInternalFormLayoutGroup--mode-horizontal'),\n        mode === 'vertical' && 'vkuiInternalFormLayoutGroup--mode-vertical',\n        isRemovable && classNames(styles.withRemovable, 'vkuiInternalFormLayoutGroup--removable'),\n        segmented && classNames(styles.segmented, 'vkuiInternalFormLayoutGroup--segmented'),\n      )}\n      disabled={disabled}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles.removable}\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove?.(e, rootEl.current);\n            }\n          }}\n          disabled={disabled}\n          indent={removable === 'indent'}\n          noPadding={noPadding}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span className={styles.offset} aria-hidden />\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","Removable","RootComponent","densityClassNames","none","compact","FormLayoutGroup","children","mode","removable","segmented","noPadding","removePlaceholder","onRemove","getRootRef","disabled","restProps","density","isRemovable","rootEl","Component","baseClassName","className","align","e","current","indent","Fragment","span","aria-hidden"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AAExD,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,oBAAoB;IACxBC,MAAMN,+CAA+B;IACrCO,SAASP,kDAAkC;AAC7C;AA2BA;;CAEC,GACD,OAAO,MAAMQ,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACR,GAAGC,WACkB;IACrB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAGlB;IAC7B,MAAMmB,cAAcT,aAAaD,SAAS;IAC1C,MAAMW,SAASnB,aAAac;IAE5B,qBACE,KAACZ;QACCY,YAAYK;QACZC,WAAU;QACVC,eAAevB,wCAEbU,SAAS,gBAAgB,CAACG,iDAC1BM,YAAY,aAAad,iBAAiB,CAACc,QAAQ,EACnDT,SAAS,gBACPV,kDAAkC,iDACpCU,SAAS,cAAc,8CACvBU,eAAepB,iDAAiC,2CAChDY,aAAaZ,6CAA6B;QAE5CiB,UAAUA;QACT,GAAGC,SAAS;kBAEZE,4BACC,KAACjB;YACCqB,SAAS;YACTC,OAAM;YACNX,mBAAmBA;YACnBC,UAAU,CAACW;gBACT,IAAIL,QAAQM,SAAS;oBACnBZ,WAAWW,GAAGL,OAAOM,OAAO;gBAC9B;YACF;YACAV,UAAUA;YACVW,QAAQjB,cAAc;YACtBE,WAAWA;sBAEVJ;2BAGH,MAACV,MAAM8B,QAAQ;;gBACZpB;8BACD,KAACqB;oBAAKN,SAAS;oBAAiBO,aAAW;;;;;AAKrD,EAAE"}
+{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './FormLayoutGroup.module.css';\n\nconst densityClassNames = {\n  none: classNames(styles.densityNone, 'vkuiInternalFormLayoutGroup--density-none'),\n  compact: classNames(styles.densityCompact, 'vkuiInternalFormLayoutGroup--density-compact'),\n};\n\nexport interface FormLayoutGroupProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    RemovableProps {\n  /**\n   * Направление отображения элементов формы.\n   */\n  mode?: 'vertical' | 'horizontal' | undefined;\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   *\n   * Режим `indent` предназначен для визуального отступа.\n   */\n  removable?: boolean | 'indent' | undefined;\n\n  /**\n   * Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean | undefined;\n  /**\n   * Удаляет внешние отступы вокруг компонента.\n   * @since 8.0.0\n   */\n  noPadding?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/form-layout-group\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = 'vertical',\n  removable,\n  segmented,\n  noPadding,\n  removePlaceholder = 'Удалить',\n  onRemove,\n  getRootRef,\n  disabled,\n  ...restProps\n}: FormLayoutGroupProps): React.ReactNode => {\n  const { density = 'none' } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <RootComponent\n      getRootRef={rootEl}\n      Component=\"fieldset\"\n      baseClassName={classNames(\n        styles.host,\n        mode === 'horizontal' && !noPadding && styles.withPadding,\n        density !== 'regular' && densityClassNames[density],\n        mode === 'horizontal' &&\n          classNames(styles.modeHorizontal, 'vkuiInternalFormLayoutGroup--mode-horizontal'),\n        mode === 'vertical' && 'vkuiInternalFormLayoutGroup--mode-vertical',\n        isRemovable && classNames(styles.withRemovable, 'vkuiInternalFormLayoutGroup--removable'),\n        segmented && classNames(styles.segmented, 'vkuiInternalFormLayoutGroup--segmented'),\n      )}\n      disabled={disabled}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles.removable}\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove?.(e, rootEl.current);\n            }\n          }}\n          disabled={disabled}\n          indent={removable === 'indent'}\n          noPadding={noPadding}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span className={styles.offset} aria-hidden />\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","Removable","RootComponent","densityClassNames","none","compact","FormLayoutGroup","children","mode","removable","segmented","noPadding","removePlaceholder","onRemove","getRootRef","disabled","restProps","density","isRemovable","rootEl","Component","baseClassName","className","align","e","current","indent","Fragment","span","aria-hidden"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AAExD,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,oBAAoB;IACxBC,MAAMN,+CAA+B;IACrCO,SAASP,kDAAkC;AAC7C;AA2BA;;CAEC,GACD,OAAO,MAAMQ,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACR,GAAGC,WACkB;IACrB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAGlB;IAC7B,MAAMmB,cAAcT,aAAaD,SAAS;IAC1C,MAAMW,SAASnB,aAAac;IAE5B,qBACE,KAACZ;QACCY,YAAYK;QACZC,WAAU;QACVC,eAAevB,wCAEbU,SAAS,gBAAgB,CAACG,iDAC1BM,YAAY,aAAad,iBAAiB,CAACc,QAAQ,EACnDT,SAAS,gBACPV,kDAAkC,iDACpCU,SAAS,cAAc,8CACvBU,eAAepB,iDAAiC,2CAChDY,aAAaZ,6CAA6B;QAE5CiB,UAAUA;QACT,GAAGC,SAAS;kBAEZE,4BACC,KAACjB;YACCqB,SAAS;YACTC,OAAM;YACNX,mBAAmBA;YACnBC,UAAU,CAACW;gBACT,IAAIL,QAAQM,SAAS;oBACnBZ,WAAWW,GAAGL,OAAOM,OAAO;gBAC9B;YACF;YACAV,UAAUA;YACVW,QAAQjB,cAAc;YACtBE,WAAWA;sBAEVJ;2BAGH,MAACV,MAAM8B,QAAQ;;gBACZpB;8BACD,KAACqB;oBAAKN,SAAS;oBAAiBO,aAAW;;;;;AAKrD,EAAE"}

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

@@ -4,11 +4,11 @@ export interface FormStatusProps extends Omit<HTMLAttributesWithRootRef<HTMLDivE
     /**
      * Режим отображения компонента.
      */
-    mode?: 'default' | 'error';
+    mode?: 'default' | 'error' | undefined;
     /**
      * Основной текст.
      */
-    title?: React.ReactNode;
+    title?: React.ReactNode | undefined;
 }
 /**
  * @see https://vkui.io/components/form-status

package/dist/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,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,0DAOxB,eAAe,KAAG,KAAK,CAAC,SAc1B,CAAC"}
+{"version":3,"file":"FormStatus.d.ts","sourceRoot":"","sources":["../../../src/components/FormStatus/FormStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACrC;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,0DAOxB,eAAe,KAAG,KAAK,CAAC,SAc1B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  /**\n   * Режим отображения компонента.\n   */\n  mode?: 'default' | 'error';\n  /**\n   * Основной текст.\n   */\n  title?: React.ReactNode;\n}\n\n/**\n * @see https://vkui.io/components/form-status\n */\nexport const FormStatus = ({\n  mode,\n  children,\n  className,\n  role = mode === 'error' ? 'alert' : 'status',\n  title,\n  ...restProps\n}: FormStatusProps): React.ReactNode => {\n  return (\n    <Banner\n      {...restProps}\n      title={title}\n      role={role}\n      subtitle={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' && classNames(styles.modeError, 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["classNames","Banner","FormStatus","mode","children","className","role","title","restProps","subtitle"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,MAAM,QAAQ,sBAAmB;AAc1C;;CAEC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAOH,SAAS,UAAU,UAAU,QAAQ,EAC5CI,KAAK,EACL,GAAGC,WACa;IAChB,qBACE,KAACP;QACE,GAAGO,SAAS;QACbD,OAAOA;QACPD,MAAMA;QACNG,UAAUL;QACVC,WAAWL,WACT,0BACAG,SAAS,WAAWH,wCAA6B,uCACjDK;;AAIR,EAAE"}
+{"version":3,"sources":["../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  /**\n   * Режим отображения компонента.\n   */\n  mode?: 'default' | 'error' | undefined;\n  /**\n   * Основной текст.\n   */\n  title?: React.ReactNode | undefined;\n}\n\n/**\n * @see https://vkui.io/components/form-status\n */\nexport const FormStatus = ({\n  mode,\n  children,\n  className,\n  role = mode === 'error' ? 'alert' : 'status',\n  title,\n  ...restProps\n}: FormStatusProps): React.ReactNode => {\n  return (\n    <Banner\n      {...restProps}\n      title={title}\n      role={role}\n      subtitle={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' && classNames(styles.modeError, 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["classNames","Banner","FormStatus","mode","children","className","role","title","restProps","subtitle"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,MAAM,QAAQ,sBAAmB;AAc1C;;CAEC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAOH,SAAS,UAAU,UAAU,QAAQ,EAC5CI,KAAK,EACL,GAAGC,WACa;IAChB,qBACE,KAACP;QACE,GAAGO,SAAS;QACbD,OAAOA;QACPD,MAAMA;QACNG,UAAUL;QACVC,WAAWL,WACT,0BACAG,SAAS,WAAWH,wCAA6B,uCACjDK;;AAIR,EAAE"}

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

@@ -4,7 +4,7 @@ export interface GalleryProps extends BaseGalleryProps {
     /**
      * Индекс слайда по умолчанию.
      */
-    initialSlideIndex?: number;
+    initialSlideIndex?: number | undefined;
     /**
      * При передаче происходит автоматический переход к следующему слайду через переданное время в ms.
      * Автоматический переход будет ставиться на паузу при:
@@ -12,7 +12,7 @@ export interface GalleryProps extends BaseGalleryProps {
      * - фокусе на любой элемент внутри компонента;
      * - при наведении мыши на компонент.
      */
-    timeout?: number;
+    timeout?: number | undefined;
 }
 /**
  * @see https://vkui.io/components/gallery

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,oIAYrB,YAAY,KAAG,KAAK,CAAC,SA+DvB,CAAC"}
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,oIAYrB,YAAY,KAAG,KAAK,CAAC,SA+DvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusWithin } from '../../hooks/useFocusWithin';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { CarouselBase } from '../CarouselBase/CarouselBase';\nimport type { BaseGalleryProps } from '../CarouselBase/types';\nimport { useAutoPlay } from './hooks';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  /**\n   * Индекс слайда по умолчанию.\n   */\n  initialSlideIndex?: number;\n  /**\n   * При передаче происходит автоматический переход к следующему слайду через переданное время в ms.\n   * Автоматический переход будет ставиться на паузу при:\n   * - начале свайпа для переключения слайда;\n   * - фокусе на любой элемент внутри компонента;\n   * - при наведении мыши на компонент.\n   */\n  timeout?: number;\n}\n\n/**\n * @see https://vkui.io/components/gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  onDragStart,\n  onDragEnd,\n  getRootRef,\n  onMouseOver,\n  onMouseOut,\n  ...props\n}: GalleryProps): React.ReactNode => {\n  const rootRef = useExternRef(getRootRef);\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  const focusWithin = useFocusWithin(rootRef);\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 [pause, resume] = useAutoPlay({\n    timeout,\n    slideIndex,\n    onNext: () => handleChange((slideIndex + 1) % childCount),\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  useIsomorphicLayoutEffect(() => (focusWithin ? pause() : resume()), [focusWithin, pause, resume]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  return (\n    <CarouselBase\n      dragDisabled={isControlled && !onChange}\n      getRootRef={rootRef}\n      {...props}\n      onDragStart={callMultiple(onDragStart, pause)}\n      onDragEnd={callMultiple(onDragEnd, resume)}\n      onMouseEnter={callMultiple(onMouseOver, pause)}\n      onMouseLeave={callMultiple(onMouseOut, resume)}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </CarouselBase>\n  );\n};\n"],"names":["React","clamp","useExternRef","useFocusWithin","useIsClient","callMultiple","useIsomorphicLayoutEffect","CarouselBase","useAutoPlay","Gallery","initialSlideIndex","children","timeout","onChange","bullets","onDragStart","onDragEnd","getRootRef","onMouseOver","onMouseOut","props","rootRef","localSlideIndex","setSlideIndex","useState","isControlled","slideIndex","slides","useMemo","Children","toArray","filter","item","Boolean","childCount","length","isClient","focusWithin","handleChange","useCallback","current","pause","resume","onNext","safeSlideIndex","useEffect","dragDisabled","onMouseEnter","onMouseLeave"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,wBAAqB;AAC3C,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,cAAc,QAAQ,gCAA6B;AAC5D,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,yBAAyB,QAAQ,yCAAsC;AAChF,SAASC,YAAY,QAAQ,kCAA+B;AAE5D,SAASC,WAAW,QAAQ,aAAU;AAiBtC;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,UAAU,EACV,GAAGC,OACU;IACb,MAAMC,UAAUnB,aAAae;IAC7B,MAAM,CAACK,iBAAiBC,cAAc,GAAGvB,MAAMwB,QAAQ,CAACd;IACxD,MAAMe,eAAe,OAAOL,MAAMM,UAAU,KAAK;IACjD,MAAMA,aAAaD,eAAgBL,MAAMM,UAAU,IAAI,IAAKJ;IAC5D,MAAMK,SAAS3B,MAAM4B,OAAO,CAC1B,IAAM5B,MAAM6B,QAAQ,CAACC,OAAO,CAACnB,UAAUoB,MAAM,CAAC,CAACC,OAASC,QAAQD,QAChE;QAACrB;KAAS;IAEZ,MAAMuB,aAAaP,OAAOQ,MAAM;IAChC,MAAMC,WAAWhC;IACjB,MAAMiC,cAAclC,eAAekB;IAEnC,MAAMiB,eAAyCtC,MAAMuC,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYd,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBF,cAAciB;QAC/B3B,YAAYA,SAAS2B;IACvB,GACA;QAACf;QAAcZ;QAAUa;KAAW;IAGtC,MAAM,CAACe,OAAOC,OAAO,GAAGlC,YAAY;QAClCI;QACAc;QACAiB,QAAQ,IAAML,aAAa,AAACZ,CAAAA,aAAa,CAAA,IAAKQ;IAChD;IAEA,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMU,iBAAiBV,aAAa,IAAIjC,MAAMyB,YAAY,GAAGQ,aAAa,KAAKR;IAC/E,mCAAmC;IACnC1B,MAAM6C,SAAS,CAAC;QACd,IAAIhC,YAAY+B,mBAAmBlB,YAAY;YAC7Cb,SAAS+B;QACX;QACArB,cAAcqB;IAChB,GAAG;QAAC/B;QAAU+B;QAAgBlB;KAAW;IAEzCpB,0BAA0B,IAAO+B,cAAcI,UAAUC,UAAW;QAACL;QAAaI;QAAOC;KAAO;IAEhG,IAAI,CAACN,UAAU;QACb,OAAO;IACT;IAEA,qBACE,KAAC7B;QACCuC,cAAcrB,gBAAgB,CAACZ;QAC/BI,YAAYI;QACX,GAAGD,KAAK;QACTL,aAAaV,aAAaU,aAAa0B;QACvCzB,WAAWX,aAAaW,WAAW0B;QACnCK,cAAc1C,aAAaa,aAAauB;QACxCO,cAAc3C,aAAac,YAAYuB;QACvC5B,SAASoB,aAAa,KAAKpB;QAC3BY,YAAYkB;QACZ/B,UAAUyB;kBAETX;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusWithin } from '../../hooks/useFocusWithin';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { CarouselBase } from '../CarouselBase/CarouselBase';\nimport type { BaseGalleryProps } from '../CarouselBase/types';\nimport { useAutoPlay } from './hooks';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  /**\n   * Индекс слайда по умолчанию.\n   */\n  initialSlideIndex?: number | undefined;\n  /**\n   * При передаче происходит автоматический переход к следующему слайду через переданное время в ms.\n   * Автоматический переход будет ставиться на паузу при:\n   * - начале свайпа для переключения слайда;\n   * - фокусе на любой элемент внутри компонента;\n   * - при наведении мыши на компонент.\n   */\n  timeout?: number | undefined;\n}\n\n/**\n * @see https://vkui.io/components/gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  onDragStart,\n  onDragEnd,\n  getRootRef,\n  onMouseOver,\n  onMouseOut,\n  ...props\n}: GalleryProps): React.ReactNode => {\n  const rootRef = useExternRef(getRootRef);\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  const focusWithin = useFocusWithin(rootRef);\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 [pause, resume] = useAutoPlay({\n    timeout,\n    slideIndex,\n    onNext: () => handleChange((slideIndex + 1) % childCount),\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  useIsomorphicLayoutEffect(() => (focusWithin ? pause() : resume()), [focusWithin, pause, resume]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  return (\n    <CarouselBase\n      dragDisabled={isControlled && !onChange}\n      getRootRef={rootRef}\n      {...props}\n      onDragStart={callMultiple(onDragStart, pause)}\n      onDragEnd={callMultiple(onDragEnd, resume)}\n      onMouseEnter={callMultiple(onMouseOver, pause)}\n      onMouseLeave={callMultiple(onMouseOut, resume)}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </CarouselBase>\n  );\n};\n"],"names":["React","clamp","useExternRef","useFocusWithin","useIsClient","callMultiple","useIsomorphicLayoutEffect","CarouselBase","useAutoPlay","Gallery","initialSlideIndex","children","timeout","onChange","bullets","onDragStart","onDragEnd","getRootRef","onMouseOver","onMouseOut","props","rootRef","localSlideIndex","setSlideIndex","useState","isControlled","slideIndex","slides","useMemo","Children","toArray","filter","item","Boolean","childCount","length","isClient","focusWithin","handleChange","useCallback","current","pause","resume","onNext","safeSlideIndex","useEffect","dragDisabled","onMouseEnter","onMouseLeave"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,wBAAqB;AAC3C,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,cAAc,QAAQ,gCAA6B;AAC5D,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,yBAAyB,QAAQ,yCAAsC;AAChF,SAASC,YAAY,QAAQ,kCAA+B;AAE5D,SAASC,WAAW,QAAQ,aAAU;AAiBtC;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,UAAU,EACV,GAAGC,OACU;IACb,MAAMC,UAAUnB,aAAae;IAC7B,MAAM,CAACK,iBAAiBC,cAAc,GAAGvB,MAAMwB,QAAQ,CAACd;IACxD,MAAMe,eAAe,OAAOL,MAAMM,UAAU,KAAK;IACjD,MAAMA,aAAaD,eAAgBL,MAAMM,UAAU,IAAI,IAAKJ;IAC5D,MAAMK,SAAS3B,MAAM4B,OAAO,CAC1B,IAAM5B,MAAM6B,QAAQ,CAACC,OAAO,CAACnB,UAAUoB,MAAM,CAAC,CAACC,OAASC,QAAQD,QAChE;QAACrB;KAAS;IAEZ,MAAMuB,aAAaP,OAAOQ,MAAM;IAChC,MAAMC,WAAWhC;IACjB,MAAMiC,cAAclC,eAAekB;IAEnC,MAAMiB,eAAyCtC,MAAMuC,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYd,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBF,cAAciB;QAC/B3B,YAAYA,SAAS2B;IACvB,GACA;QAACf;QAAcZ;QAAUa;KAAW;IAGtC,MAAM,CAACe,OAAOC,OAAO,GAAGlC,YAAY;QAClCI;QACAc;QACAiB,QAAQ,IAAML,aAAa,AAACZ,CAAAA,aAAa,CAAA,IAAKQ;IAChD;IAEA,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMU,iBAAiBV,aAAa,IAAIjC,MAAMyB,YAAY,GAAGQ,aAAa,KAAKR;IAC/E,mCAAmC;IACnC1B,MAAM6C,SAAS,CAAC;QACd,IAAIhC,YAAY+B,mBAAmBlB,YAAY;YAC7Cb,SAAS+B;QACX;QACArB,cAAcqB;IAChB,GAAG;QAAC/B;QAAU+B;QAAgBlB;KAAW;IAEzCpB,0BAA0B,IAAO+B,cAAcI,UAAUC,UAAW;QAACL;QAAaI;QAAOC;KAAO;IAEhG,IAAI,CAACN,UAAU;QACb,OAAO;IACT;IAEA,qBACE,KAAC7B;QACCuC,cAAcrB,gBAAgB,CAACZ;QAC/BI,YAAYI;QACX,GAAGD,KAAK;QACTL,aAAaV,aAAaU,aAAa0B;QACvCzB,WAAWX,aAAaW,WAAW0B;QACnCK,cAAc1C,aAAaa,aAAauB;QACxCO,cAAc3C,aAAac,YAAYuB;QACvC5B,SAASoB,aAAa,KAAKpB;QAC3BY,YAAYkB;QACZ/B,UAAUyB;kBAETX;;AAGP,EAAE"}

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

@@ -3,11 +3,11 @@ export interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement>
     /**
      * Тип градиента.
      */
-    mode?: 'tint' | 'default' | 'overlay';
+    mode?: 'tint' | 'default' | 'overlay' | undefined;
     /**
      * Направление градиента.
      */
-    to?: 'top' | 'bottom';
+    to?: 'top' | 'bottom' | undefined;
 }
 /**
  * @see https://vkui.io/components/gradient

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

@@ -1 +1 @@
-{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../src/components/Gradient/Gradient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAS7D,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,4BAItB,aAAa,KAAG,KAAK,CAAC,SAYxB,CAAC"}
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../src/components/Gradient/Gradient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAS7D,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAClD;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,4BAItB,aAAa,KAAG,KAAK,CAAC,SAYxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Gradient.module.css';\n\nconst modeStyles = {\n  overlay: styles.modeOverlay,\n  tint: styles.modeTint,\n};\n\nexport interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Тип градиента.\n   */\n  mode?: 'tint' | 'default' | 'overlay';\n  /**\n   * Направление градиента.\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkui.io/components/gradient\n */\nexport const Gradient = ({\n  mode = 'default',\n  to = 'top',\n  ...restProps\n}: GradientProps): React.ReactNode => {\n  return (\n    <RootComponent\n      role=\"presentation\"\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        mode !== 'default' && modeStyles[mode],\n        to === 'bottom' && styles.toBottom,\n      )}\n    />\n  );\n};\n"],"names":["classNames","RootComponent","modeStyles","overlay","tint","Gradient","mode","to","restProps","role","baseClassName"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,aAAa;IACjBC,OAAO;IACPC,IAAI;AACN;AAaA;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,OAAO,SAAS,EAChBC,KAAK,KAAK,EACV,GAAGC,WACW;IACd,qBACE,KAACP;QACCQ,MAAK;QACJ,GAAGD,SAAS;QACbE,eAAeV,iCAEbM,SAAS,aAAaJ,UAAU,CAACI,KAAK,EACtCC,OAAO;;AAIf,EAAE"}
+{"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Gradient.module.css';\n\nconst modeStyles = {\n  overlay: styles.modeOverlay,\n  tint: styles.modeTint,\n};\n\nexport interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Тип градиента.\n   */\n  mode?: 'tint' | 'default' | 'overlay' | undefined;\n  /**\n   * Направление градиента.\n   */\n  to?: 'top' | 'bottom' | undefined;\n}\n\n/**\n * @see https://vkui.io/components/gradient\n */\nexport const Gradient = ({\n  mode = 'default',\n  to = 'top',\n  ...restProps\n}: GradientProps): React.ReactNode => {\n  return (\n    <RootComponent\n      role=\"presentation\"\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        mode !== 'default' && modeStyles[mode],\n        to === 'bottom' && styles.toBottom,\n      )}\n    />\n  );\n};\n"],"names":["classNames","RootComponent","modeStyles","overlay","tint","Gradient","mode","to","restProps","role","baseClassName"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,aAAa;IACjBC,OAAO;IACPC,IAAI;AACN;AAaA;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,OAAO,SAAS,EAChBC,KAAK,KAAK,EACV,GAAGC,WACW;IACd,qBACE,KAACP;QACCQ,MAAK;QACJ,GAAGD,SAAS;QACbE,eAAeV,iCAEbM,SAAS,aAAaJ,UAAU,CAACI,KAAK,EACtCC,OAAO;;AAIf,EAAE"}

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

@@ -6,7 +6,7 @@ export interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackI
     /**
      * Массив со ссылками. От 1 до 4 элементов.
      */
-    src?: string[];
+    src?: string[] | undefined;
 }
 /**
  * @see https://vkui.io/components/grid-avatar

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

@@ -1 +1 @@
-{"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,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG/F,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAIrC,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,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,eAAe,CAAA;CAyBnF,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,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG/F,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAIrC,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,GAAG,SAAS,CAAC;CAC5B;AAID;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,eAAe,CAAA;CAyBnF,CAAC"}