@vkontakte/vkui 8.1.3 → 8.2.0

package/dist/cssm/styles/layout.css

@@ -1,3 +1,276 @@
+.vkui-margin-2xs {
+    margin: var(--vkui--spacing_size_2xs);
+}
+.vkui-margin-xs {
+    margin: var(--vkui--spacing_size_xs);
+}
+.vkui-margin-s {
+    margin: var(--vkui--spacing_size_s);
+}
+.vkui-margin-m {
+    margin: var(--vkui--spacing_size_m);
+}
+.vkui-margin-l {
+    margin: var(--vkui--spacing_size_l);
+}
+.vkui-margin-xl {
+    margin: var(--vkui--spacing_size_xl);
+}
+.vkui-margin-2xl {
+    margin: var(--vkui--spacing_size_2xl);
+}
+.vkui-margin-3xl {
+    margin: var(--vkui--spacing_size_3xl);
+}
+.vkui-margin-4xl {
+    margin: var(--vkui--spacing_size_4xl);
+}
+.vkui-margin-inherit {
+    margin: inherit;
+}
+.vkui-margin-initial {
+    margin: initial;
+}
+.vkui-margin-unset {
+    margin: unset;
+}
+.vkui-margin {
+    margin: var(--vkui_internal--margin);
+}
+.vkui-margin-inline-2xs {
+    margin-inline: var(--vkui--spacing_size_2xs);
+}
+.vkui-margin-inline-xs {
+    margin-inline: var(--vkui--spacing_size_xs);
+}
+.vkui-margin-inline-s {
+    margin-inline: var(--vkui--spacing_size_s);
+}
+.vkui-margin-inline-m {
+    margin-inline: var(--vkui--spacing_size_m);
+}
+.vkui-margin-inline-l {
+    margin-inline: var(--vkui--spacing_size_l);
+}
+.vkui-margin-inline-xl {
+    margin-inline: var(--vkui--spacing_size_xl);
+}
+.vkui-margin-inline-2xl {
+    margin-inline: var(--vkui--spacing_size_2xl);
+}
+.vkui-margin-inline-3xl {
+    margin-inline: var(--vkui--spacing_size_3xl);
+}
+.vkui-margin-inline-4xl {
+    margin-inline: var(--vkui--spacing_size_4xl);
+}
+.vkui-margin-inline-inherit {
+    margin-inline: inherit;
+}
+.vkui-margin-inline-initial {
+    margin-inline: initial;
+}
+.vkui-margin-inline-unset {
+    margin-inline: unset;
+}
+.vkui-margin-inline {
+    margin-inline: var(--vkui_internal--margin-inline);
+}
+.vkui-margin-block-2xs {
+    margin-block: var(--vkui--spacing_size_2xs);
+}
+.vkui-margin-block-xs {
+    margin-block: var(--vkui--spacing_size_xs);
+}
+.vkui-margin-block-s {
+    margin-block: var(--vkui--spacing_size_s);
+}
+.vkui-margin-block-m {
+    margin-block: var(--vkui--spacing_size_m);
+}
+.vkui-margin-block-l {
+    margin-block: var(--vkui--spacing_size_l);
+}
+.vkui-margin-block-xl {
+    margin-block: var(--vkui--spacing_size_xl);
+}
+.vkui-margin-block-2xl {
+    margin-block: var(--vkui--spacing_size_2xl);
+}
+.vkui-margin-block-3xl {
+    margin-block: var(--vkui--spacing_size_3xl);
+}
+.vkui-margin-block-4xl {
+    margin-block: var(--vkui--spacing_size_4xl);
+}
+.vkui-margin-block-inherit {
+    margin-block: inherit;
+}
+.vkui-margin-block-initial {
+    margin-block: initial;
+}
+.vkui-margin-block-unset {
+    margin-block: unset;
+}
+.vkui-margin-block {
+    margin-block: var(--vkui_internal--margin-block);
+}
+.vkui-margin-inline-start-2xs {
+    margin-inline-start: var(--vkui--spacing_size_2xs);
+}
+.vkui-margin-inline-start-xs {
+    margin-inline-start: var(--vkui--spacing_size_xs);
+}
+.vkui-margin-inline-start-s {
+    margin-inline-start: var(--vkui--spacing_size_s);
+}
+.vkui-margin-inline-start-m {
+    margin-inline-start: var(--vkui--spacing_size_m);
+}
+.vkui-margin-inline-start-l {
+    margin-inline-start: var(--vkui--spacing_size_l);
+}
+.vkui-margin-inline-start-xl {
+    margin-inline-start: var(--vkui--spacing_size_xl);
+}
+.vkui-margin-inline-start-2xl {
+    margin-inline-start: var(--vkui--spacing_size_2xl);
+}
+.vkui-margin-inline-start-3xl {
+    margin-inline-start: var(--vkui--spacing_size_3xl);
+}
+.vkui-margin-inline-start-4xl {
+    margin-inline-start: var(--vkui--spacing_size_4xl);
+}
+.vkui-margin-inline-start-inherit {
+    margin-inline-start: inherit;
+}
+.vkui-margin-inline-start-initial {
+    margin-inline-start: initial;
+}
+.vkui-margin-inline-start-unset {
+    margin-inline-start: unset;
+}
+.vkui-margin-inline-start {
+    margin-inline-start: var(--vkui_internal--margin-inline-start);
+}
+.vkui-margin-inline-end-2xs {
+    margin-inline-end: var(--vkui--spacing_size_2xs);
+}
+.vkui-margin-inline-end-xs {
+    margin-inline-end: var(--vkui--spacing_size_xs);
+}
+.vkui-margin-inline-end-s {
+    margin-inline-end: var(--vkui--spacing_size_s);
+}
+.vkui-margin-inline-end-m {
+    margin-inline-end: var(--vkui--spacing_size_m);
+}
+.vkui-margin-inline-end-l {
+    margin-inline-end: var(--vkui--spacing_size_l);
+}
+.vkui-margin-inline-end-xl {
+    margin-inline-end: var(--vkui--spacing_size_xl);
+}
+.vkui-margin-inline-end-2xl {
+    margin-inline-end: var(--vkui--spacing_size_2xl);
+}
+.vkui-margin-inline-end-3xl {
+    margin-inline-end: var(--vkui--spacing_size_3xl);
+}
+.vkui-margin-inline-end-4xl {
+    margin-inline-end: var(--vkui--spacing_size_4xl);
+}
+.vkui-margin-inline-end-inherit {
+    margin-inline-end: inherit;
+}
+.vkui-margin-inline-end-initial {
+    margin-inline-end: initial;
+}
+.vkui-margin-inline-end-unset {
+    margin-inline-end: unset;
+}
+.vkui-margin-inline-end {
+    margin-inline-end: var(--vkui_internal--margin-inline-end);
+}
+.vkui-margin-block-start-2xs {
+    margin-block-start: var(--vkui--spacing_size_2xs);
+}
+.vkui-margin-block-start-xs {
+    margin-block-start: var(--vkui--spacing_size_xs);
+}
+.vkui-margin-block-start-s {
+    margin-block-start: var(--vkui--spacing_size_s);
+}
+.vkui-margin-block-start-m {
+    margin-block-start: var(--vkui--spacing_size_m);
+}
+.vkui-margin-block-start-l {
+    margin-block-start: var(--vkui--spacing_size_l);
+}
+.vkui-margin-block-start-xl {
+    margin-block-start: var(--vkui--spacing_size_xl);
+}
+.vkui-margin-block-start-2xl {
+    margin-block-start: var(--vkui--spacing_size_2xl);
+}
+.vkui-margin-block-start-3xl {
+    margin-block-start: var(--vkui--spacing_size_3xl);
+}
+.vkui-margin-block-start-4xl {
+    margin-block-start: var(--vkui--spacing_size_4xl);
+}
+.vkui-margin-block-start-inherit {
+    margin-block-start: inherit;
+}
+.vkui-margin-block-start-initial {
+    margin-block-start: initial;
+}
+.vkui-margin-block-start-unset {
+    margin-block-start: unset;
+}
+.vkui-margin-block-start {
+    margin-block-start: var(--vkui_internal--margin-block-start);
+}
+.vkui-margin-block-end-2xs {
+    margin-block-end: var(--vkui--spacing_size_2xs);
+}
+.vkui-margin-block-end-xs {
+    margin-block-end: var(--vkui--spacing_size_xs);
+}
+.vkui-margin-block-end-s {
+    margin-block-end: var(--vkui--spacing_size_s);
+}
+.vkui-margin-block-end-m {
+    margin-block-end: var(--vkui--spacing_size_m);
+}
+.vkui-margin-block-end-l {
+    margin-block-end: var(--vkui--spacing_size_l);
+}
+.vkui-margin-block-end-xl {
+    margin-block-end: var(--vkui--spacing_size_xl);
+}
+.vkui-margin-block-end-2xl {
+    margin-block-end: var(--vkui--spacing_size_2xl);
+}
+.vkui-margin-block-end-3xl {
+    margin-block-end: var(--vkui--spacing_size_3xl);
+}
+.vkui-margin-block-end-4xl {
+    margin-block-end: var(--vkui--spacing_size_4xl);
+}
+.vkui-margin-block-end-inherit {
+    margin-block-end: inherit;
+}
+.vkui-margin-block-end-initial {
+    margin-block-end: initial;
+}
+.vkui-margin-block-end-unset {
+    margin-block-end: unset;
+}
+.vkui-margin-block-end {
+    margin-block-end: var(--vkui_internal--margin-block-end);
+}
 .vkui-padding-2xs {
     padding: var(--vkui--spacing_size_2xs);
 }

package/dist/cssm/types.js

@@ -1,6 +1,3 @@
-/**
- * Аналог Partial, но с явным | undefined для поддержки exactOptionalPropertyTypes.
- * Используйте вместо Partial когда нужно поддержать exactOptionalPropertyTypes.
- */ export { };
+export { };
 
 //# sourceMappingURL=types.js.map

package/dist/cssm/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' | 'center' | 'right';\n\nexport interface HasChildren {\n  children?: React.ReactNode | undefined;\n}\n\nexport type HasDataAttribute = Record<\n  `data-${string}`,\n  string | number | boolean | undefined | null\n>;\n\nexport interface HasRootRef<T> {\n  getRootRef?: React.Ref<T> | undefined;\n}\n\nexport interface HasRef<T> {\n  getRef?: React.Ref<T> | undefined;\n}\n\nexport interface HasComponent {\n  Component?: React.ElementType | undefined;\n}\n\nexport interface HasAlign {\n  align?: AlignType | undefined;\n}\n\nexport interface HasPlatform {\n  /**\n   * @ignore\n   */\n  platform?: PlatformType | undefined;\n}\n\nexport interface Version {\n  major: number;\n  minor?: number | undefined;\n  patch?: number | undefined;\n}\n\n/**\n * Тип содержит атрибуты, которые применяются только для `<a>`\n *\n * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}\n */\nexport type AnchorHTMLAttributesOnly = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  keyof React.HTMLAttributes<HTMLAnchorElement>\n> &\n  React.AriaAttributes;\n\n/**\n * Проверяет, является ли тип подтипом другого.\n *\n * В TS не реализовано.\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n */\nexport type Exact<A, B> = A extends B ? B : never;\n\n/**\n * Для возможности указывать css custom properties\n */\nexport type CSSCustomProperties<T extends string | number | undefined = string> = Record<\n  `--${string}`,\n  T\n>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/**\n * Автозаполнение для типов\n *\n * @example\n * LiteralUnion<'foo' | 'bar', string>\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n */\nexport type LiteralUnion<Union, Type> = Union | (Type & Nothing);\n\nexport type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;\n\nexport type ValuesOfObject<T> = T[keyof T];\n\nexport type GetPropsWithFunctionKeys<T> = {\n  [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never;\n}[keyof T];\n\nexport type PickOnlyFunctionProps<T> = Pick<T, GetPropsWithFunctionKeys<T>>;\n\n/**\n * Даёт возможность поймать ошибку, если в компонент передаются лишние свойства.\n *\n * @example\n * // пример использования\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n *\n * @example\n * // расширенный пример\n * type SelectProps {\n *   mode: string,\n *   multiline: boolean;\n *   selectType?: SelectType | undefined;\n * }\n *\n * type NativeSelectProps {\n *   selectType?: SelectType | undefined;\n * }\n *\n * const selectProps: SelectProps = {\n *   mode: \"card\",\n *   multiline: true,\n *   selectType: \"default\",\n * }\n *\n * // будет ошибка, так как multiline в NativeSelectProps нет\n * const {mode, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n *\n * // а вот так ошибки не будет, так как restProps больше не содержит multiline\n * const {mode, multiline, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n */\nexport type HasOnlyExpectedProps<Props, ExpectedProps> = {\n  [K in keyof Props]: K extends keyof ExpectedProps ? ExpectedProps[K] : never;\n};\n\nexport type TimeoutId = ReturnType<typeof setTimeout> | null;\n\nexport type PartialFields<TYPE, FIELDS extends keyof TYPE> = Omit<TYPE, FIELDS> &\n  Partial<Pick<TYPE, FIELDS>>;\n\nexport type RequiredFields<TYPE, FIELDS extends keyof TYPE> = Omit<TYPE, FIELDS> &\n  Required<Pick<TYPE, FIELDS>>;\n\nexport type Elevation = '1' | '2' | '3' | '4';\n\n/**\n * Аналог Partial, но с явным | undefined для поддержки exactOptionalPropertyTypes.\n * Используйте вместо Partial когда нужно поддержать exactOptionalPropertyTypes.\n */\nexport type PartialWithUndefined<T> = {\n  [P in keyof T]?: T[P] | undefined;\n};\n"],"names":[],"mappings":"AA+IA;;;CAGC,GACD,WAEE"}
+{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' | 'center' | 'right';\n\nexport interface HasChildren {\n  children?: React.ReactNode | undefined;\n}\n\nexport type HasDataAttribute = Record<\n  `data-${string}`,\n  string | number | boolean | undefined | null\n>;\n\nexport interface HasRootRef<T> {\n  getRootRef?: React.Ref<T> | undefined;\n}\n\nexport interface HasRef<T> {\n  getRef?: React.Ref<T> | undefined;\n}\n\nexport interface HasComponent {\n  Component?: React.ElementType | undefined;\n}\n\nexport interface HasAlign {\n  align?: AlignType | undefined;\n}\n\nexport interface HasPlatform {\n  /**\n   * @ignore\n   */\n  platform?: PlatformType | undefined;\n}\n\nexport interface Version {\n  major: number;\n  minor?: number | undefined;\n  patch?: number | undefined;\n}\n\n/**\n * Тип содержит атрибуты, которые применяются только для `<a>`\n *\n * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}\n */\nexport type AnchorHTMLAttributesOnly = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  keyof React.HTMLAttributes<HTMLAnchorElement>\n> &\n  React.AriaAttributes;\n\n/**\n * Проверяет, является ли тип подтипом другого.\n *\n * В TS не реализовано.\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n */\nexport type Exact<A, B> = A extends B ? B : never;\n\n/**\n * Для возможности указывать css custom properties\n */\nexport type CSSCustomProperties<T extends string | number | undefined = string> = Record<\n  `--${string}`,\n  T\n>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/**\n * Автозаполнение для типов\n *\n * @example\n * LiteralUnion<'foo' | 'bar', string>\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n */\nexport type LiteralUnion<Union, Type> = Union | (Type & Nothing);\n\nexport type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;\n\nexport type ValuesOfObject<T> = T[keyof T];\n\nexport type GetPropsWithFunctionKeys<T> = {\n  [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never;\n}[keyof T];\n\nexport type PickOnlyFunctionProps<T> = Pick<T, GetPropsWithFunctionKeys<T>>;\n\n/**\n * Даёт возможность поймать ошибку, если в компонент передаются лишние свойства.\n *\n * @example\n * // пример использования\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n *\n * @example\n * // расширенный пример\n * type SelectProps {\n *   mode: string,\n *   multiline: boolean;\n *   selectType?: SelectType | undefined;\n * }\n *\n * type NativeSelectProps {\n *   selectType?: SelectType | undefined;\n * }\n *\n * const selectProps: SelectProps = {\n *   mode: \"card\",\n *   multiline: true,\n *   selectType: \"default\",\n * }\n *\n * // будет ошибка, так как multiline в NativeSelectProps нет\n * const {mode, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n *\n * // а вот так ошибки не будет, так как restProps больше не содержит multiline\n * const {mode, multiline, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n */\nexport type HasOnlyExpectedProps<Props, ExpectedProps> = {\n  [K in keyof Props]: K extends keyof ExpectedProps ? ExpectedProps[K] : never;\n};\n\nexport type TimeoutId = ReturnType<typeof setTimeout> | null;\n\nexport type PartialFields<TYPE, FIELDS extends keyof TYPE> = Omit<TYPE, FIELDS> &\n  Partial<Pick<TYPE, FIELDS>>;\n\nexport type RequiredFields<TYPE, FIELDS extends keyof TYPE> = Omit<TYPE, FIELDS> &\n  Required<Pick<TYPE, FIELDS>>;\n\nexport type Elevation = '1' | '2' | '3' | '4';\n\n/**\n * Аналог Partial, но с явным | undefined для поддержки exactOptionalPropertyTypes.\n * Используйте вместо Partial когда нужно поддержать exactOptionalPropertyTypes.\n */\nexport type PartialWithUndefined<T> = {\n  [P in keyof T]?: T[P] | undefined;\n};\n\nexport type DeepReadonly<T> = Readonly<{\n  [K in keyof T]: T[K] extends number | string | symbol // Is it a primitive? Then make it readonly\n    ? Readonly<T[K]>\n    : // Is it an array of items? Then make the array readonly and the item as well\n      T[K] extends any[]\n      ? Readonly<DeepReadonly<T[K]>>\n      : // It is some other object, make it readonly as well\n        DeepReadonly<T[K]>;\n}>;\n\nexport type DeepWriteable<T> = { -readonly [P in keyof T]: DeepWriteable<T[P]> };\n\nexport interface ReadonlyWeakMap<K extends WeakKey, V> extends Pick<WeakMap<K, V>, 'get' | 'has'> {\n  readonly [Symbol.toStringTag]: string;\n}\n"],"names":[],"mappings":"AAmKA,WAEC"}

package/dist/helpers/math.d.ts

@@ -1,4 +1,8 @@
 export declare const clamp: (value: number, min: number, max: number) => number;
+/**
+ * Переполнение для диапазона [min, max]
+ */
+export declare function overflow(value: number, min: number, max: number): number;
 export declare function precisionRound(number: number, precision?: number): number;
 export declare function rescale(value: number, from: [number, number], to: [number, number], options?: {
     step?: number | undefined;

package/dist/helpers/math.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/helpers/math.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAC3B,CAAC;AAEtC,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAGpE;AAgCD,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACtB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACpB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAO,GAC1C,MAAM,CAGR"}
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/helpers/math.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAC3B,CAAC;AAEtC;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAG/D;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAGpE;AAgCD,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACtB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACpB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAO,GAC1C,MAAM,CAGR"}

package/dist/helpers/math.js

@@ -1,4 +1,10 @@
 export const clamp = (value, min, max)=>Math.max(min, Math.min(value, max));
+/**
+ * Переполнение для диапазона [min, max]
+ */ export function overflow(value, min, max) {
+    const range = max - min + 1;
+    return ((value - min) % range + range) % range + min;
+}
 export function precisionRound(number, precision = 1) {
     let factor = Math.pow(10, precision);
     return Math.round(number * factor) / factor;

package/dist/helpers/math.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number): number =>\n  Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1): number {\n  let factor = Math.pow(10, precision);\n  return Math.round(number * factor) / factor;\n}\n\n/**\n * Решение скопировано без изменений у MUI:\n * https://github.com/mui/material-ui/blob/v5.13.7/packages/mui-base/src/useSlider/useSlider.ts#L89-L105\n */\nfunction getDecimalPrecision(num: number) {\n  // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n  // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n  if (Math.abs(num) < 1) {\n    const parts = num.toExponential().split('e-');\n    const matissaDecimalPart = parts[0].split('.')[1];\n    return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n  }\n\n  const decimalPart = num.toString().split('.')[1];\n  return decimalPart ? decimalPart.length : 0;\n}\n\nfunction roundValueToStep(value: number, step: number, min: number) {\n  const nearest = Math.round((value - min) / step) * step + min;\n  return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n  if (step == null || step <= 0) {\n    return clamp(val, min, max);\n  }\n  const roundedValue = roundValueToStep(val, step, min);\n  return clamp(roundedValue, min, max);\n}\n\nexport function rescale(\n  value: number,\n  from: [number, number],\n  to: [number, number],\n  options: { step?: number | undefined } = {},\n): number {\n  const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n  return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","getDecimalPrecision","num","abs","parts","toExponential","split","matissaDecimalPart","length","parseInt","decimalPart","toString","roundValueToStep","step","nearest","Number","toFixed","decimatedClamp","val","roundedValue","rescale","from","to","options","scaled"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,GAAG,CAACD,KAAKE,KAAKF,GAAG,CAACD,OAAOE,MAAM;AAEtC,OAAO,SAASE,eAAeC,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASJ,KAAKK,GAAG,CAAC,IAAIF;IAC1B,OAAOH,KAAKM,KAAK,CAACJ,SAASE,UAAUA;AACvC;AAEA;;;CAGC,GACD,SAASG,oBAAoBC,GAAW;IACtC,0FAA0F;IAC1F,kGAAkG;IAClG,IAAIR,KAAKS,GAAG,CAACD,OAAO,GAAG;QACrB,MAAME,QAAQF,IAAIG,aAAa,GAAGC,KAAK,CAAC;QACxC,MAAMC,qBAAqBH,KAAK,CAAC,EAAE,CAACE,KAAK,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,AAACC,CAAAA,qBAAqBA,mBAAmBC,MAAM,GAAG,CAAA,IAAKC,SAASL,KAAK,CAAC,EAAE,EAAE;IACnF;IAEA,MAAMM,cAAcR,IAAIS,QAAQ,GAAGL,KAAK,CAAC,IAAI,CAAC,EAAE;IAChD,OAAOI,cAAcA,YAAYF,MAAM,GAAG;AAC5C;AAEA,SAASI,iBAAiBrB,KAAa,EAAEsB,IAAY,EAAErB,GAAW;IAChE,MAAMsB,UAAUpB,KAAKM,KAAK,CAAC,AAACT,CAAAA,QAAQC,GAAE,IAAKqB,QAAQA,OAAOrB;IAC1D,OAAOuB,OAAOD,QAAQE,OAAO,CAACf,oBAAoBY;AACpD;AAEA,SAASI,eAAeC,GAAW,EAAE1B,GAAW,EAAEC,GAAW,EAAEoB,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOvB,MAAM4B,KAAK1B,KAAKC;IACzB;IACA,MAAM0B,eAAeP,iBAAiBM,KAAKL,MAAMrB;IACjD,OAAOF,MAAM6B,cAAc3B,KAAKC;AAClC;AAEA,OAAO,SAAS2B,QACd7B,KAAa,EACb8B,IAAsB,EACtBC,EAAoB,EACpBC,UAAyC,CAAC,CAAC;IAE3C,MAAMC,SAAS,AAAEjC,CAAAA,QAAQ8B,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOL,eAAeO,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQV,IAAI;AAC1D"}
+{"version":3,"sources":["../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number): number =>\n  Math.max(min, Math.min(value, max));\n\n/**\n * Переполнение для диапазона [min, max]\n */\nexport function overflow(value: number, min: number, max: number) {\n  const range = max - min + 1;\n  return ((((value - min) % range) + range) % range) + min;\n}\n\nexport function precisionRound(number: number, precision = 1): number {\n  let factor = Math.pow(10, precision);\n  return Math.round(number * factor) / factor;\n}\n\n/**\n * Решение скопировано без изменений у MUI:\n * https://github.com/mui/material-ui/blob/v5.13.7/packages/mui-base/src/useSlider/useSlider.ts#L89-L105\n */\nfunction getDecimalPrecision(num: number) {\n  // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n  // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n  if (Math.abs(num) < 1) {\n    const parts = num.toExponential().split('e-');\n    const matissaDecimalPart = parts[0].split('.')[1];\n    return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n  }\n\n  const decimalPart = num.toString().split('.')[1];\n  return decimalPart ? decimalPart.length : 0;\n}\n\nfunction roundValueToStep(value: number, step: number, min: number) {\n  const nearest = Math.round((value - min) / step) * step + min;\n  return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n  if (step == null || step <= 0) {\n    return clamp(val, min, max);\n  }\n  const roundedValue = roundValueToStep(val, step, min);\n  return clamp(roundedValue, min, max);\n}\n\nexport function rescale(\n  value: number,\n  from: [number, number],\n  to: [number, number],\n  options: { step?: number | undefined } = {},\n): number {\n  const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n  return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","value","min","max","Math","overflow","range","precisionRound","number","precision","factor","pow","round","getDecimalPrecision","num","abs","parts","toExponential","split","matissaDecimalPart","length","parseInt","decimalPart","toString","roundValueToStep","step","nearest","Number","toFixed","decimatedClamp","val","roundedValue","rescale","from","to","options","scaled"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,GAAG,CAACD,KAAKE,KAAKF,GAAG,CAACD,OAAOE,MAAM;AAEtC;;CAEC,GACD,OAAO,SAASE,SAASJ,KAAa,EAAEC,GAAW,EAAEC,GAAW;IAC9D,MAAMG,QAAQH,MAAMD,MAAM;IAC1B,OAAO,AAAE,CAAA,AAAED,CAAAA,QAAQC,GAAE,IAAKI,QAASA,KAAI,IAAKA,QAASJ;AACvD;AAEA,OAAO,SAASK,eAAeC,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASN,KAAKO,GAAG,CAAC,IAAIF;IAC1B,OAAOL,KAAKQ,KAAK,CAACJ,SAASE,UAAUA;AACvC;AAEA;;;CAGC,GACD,SAASG,oBAAoBC,GAAW;IACtC,0FAA0F;IAC1F,kGAAkG;IAClG,IAAIV,KAAKW,GAAG,CAACD,OAAO,GAAG;QACrB,MAAME,QAAQF,IAAIG,aAAa,GAAGC,KAAK,CAAC;QACxC,MAAMC,qBAAqBH,KAAK,CAAC,EAAE,CAACE,KAAK,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,AAACC,CAAAA,qBAAqBA,mBAAmBC,MAAM,GAAG,CAAA,IAAKC,SAASL,KAAK,CAAC,EAAE,EAAE;IACnF;IAEA,MAAMM,cAAcR,IAAIS,QAAQ,GAAGL,KAAK,CAAC,IAAI,CAAC,EAAE;IAChD,OAAOI,cAAcA,YAAYF,MAAM,GAAG;AAC5C;AAEA,SAASI,iBAAiBvB,KAAa,EAAEwB,IAAY,EAAEvB,GAAW;IAChE,MAAMwB,UAAUtB,KAAKQ,KAAK,CAAC,AAACX,CAAAA,QAAQC,GAAE,IAAKuB,QAAQA,OAAOvB;IAC1D,OAAOyB,OAAOD,QAAQE,OAAO,CAACf,oBAAoBY;AACpD;AAEA,SAASI,eAAeC,GAAW,EAAE5B,GAAW,EAAEC,GAAW,EAAEsB,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOzB,MAAM8B,KAAK5B,KAAKC;IACzB;IACA,MAAM4B,eAAeP,iBAAiBM,KAAKL,MAAMvB;IACjD,OAAOF,MAAM+B,cAAc7B,KAAKC;AAClC;AAEA,OAAO,SAAS6B,QACd/B,KAAa,EACbgC,IAAsB,EACtBC,EAAoB,EACpBC,UAAyC,CAAC,CAAC;IAE3C,MAAMC,SAAS,AAAEnC,CAAAA,QAAQgC,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOL,eAAeO,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQV,IAAI;AAC1D"}

package/dist/hoc/withPlatform.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 import type { HasPlatform } from '../types';
 export declare function withPlatform<T extends HasPlatform>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasPlatform>>;
 //# sourceMappingURL=withPlatform.d.ts.map

package/dist/hoc/withPlatform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withPlatform.d.ts","sourceRoot":"","sources":["../../src/hoc/withPlatform.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAChD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC,CAOtC"}
+{"version":3,"file":"withPlatform.d.ts","sourceRoot":"","sources":["../../src/hoc/withPlatform.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAChD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC,CAOtC"}

package/dist/hoc/withPlatform.js

@@ -1,9 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useConfigProvider } from "../components/ConfigProvider/ConfigProviderContext.js";
+import * as React from "react";
+import { PlatformContext } from "../components/ConfigProvider/ConfigProviderSubContexts.js";
 export function withPlatform(Component) {
     function WithPlatform(props) {
-        const { platform } = useConfigProvider();
+        const platform = React.useContext(PlatformContext);
         return /*#__PURE__*/ _jsx(Component, {
             ...props,
             platform: platform

package/dist/hoc/withPlatform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hoc/withPlatform.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport type { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n  Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n  function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n    const { platform } = useConfigProvider();\n\n    return <Component {...(props as T)} platform={platform} />;\n  }\n  return WithPlatform;\n}\n"],"names":["useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"mappings":"AAAA;;AAGA,SAASA,iBAAiB,QAAQ,wDAAqD;AAGvF,OAAO,SAASC,aACdC,SAAiC;IAEjC,SAASC,aAAaC,KAAiC;QACrD,MAAM,EAAEC,QAAQ,EAAE,GAAGL;QAErB,qBAAO,KAACE;YAAW,GAAIE,KAAK;YAAQC,UAAUA;;IAChD;IACA,OAAOF;AACT"}
+{"version":3,"sources":["../../src/hoc/withPlatform.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { PlatformContext } from '../components/ConfigProvider/ConfigProviderSubContexts';\nimport type { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n  Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n  function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n    const platform = React.useContext(PlatformContext);\n\n    return <Component {...(props as T)} platform={platform} />;\n  }\n  return WithPlatform;\n}\n"],"names":["React","PlatformContext","withPlatform","Component","WithPlatform","props","platform","useContext"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,eAAe,QAAQ,4DAAyD;AAGzF,OAAO,SAASC,aACdC,SAAiC;IAEjC,SAASC,aAAaC,KAAiC;QACrD,MAAMC,WAAWN,MAAMO,UAAU,CAACN;QAElC,qBAAO,KAACE;YAAW,GAAIE,KAAK;YAAQC,UAAUA;;IAChD;IACA,OAAOF;AACT"}

package/dist/hooks/useAdaptivityConditionalRender/types.d.ts

@@ -10,11 +10,11 @@ export type DeviceTypeCSSBreakpoints = 'mobile' | 'desktop';
 export type AdaptiveDeviceType = Record<DeviceTypeCSSBreakpoints, ForcedHiddenByAdaptivityProviderType | ElementProps>;
 export interface UseAdaptivityConditionalRender {
     /**
-     * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (см. Https://github.com/VKCOM/VKUI/issues/9015).
+     * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (https://github.com/VKCOM/VKUI/issues/9015).
      */
     sizeX: AdaptiveDensityType;
     /**
-     * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (см. Https://github.com/VKCOM/VKUI/issues/9015).
+     * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (https://github.com/VKCOM/VKUI/issues/9015).
      */
     sizeY: AdaptiveDensityType;
     density: AdaptiveDensityType;

package/dist/hooks/useAdaptivityConditionalRender/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"sourcesContent":["import type { CSSBreakpoints, DensityTypeValues } from '../../lib/adaptivity';\n\nexport type ForcedHiddenByAdaptivityProviderType = false; // имеется ввиду, что зашили значение, например, <AdaptivityProvider density=\"regular\" />\n\nexport type ElementProps = { className: string };\n\n/* ================================================================================================================== */\n\nexport type AdaptiveDensityType = Record<\n  DensityTypeValues,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type ViewWidthCSSBreakpoints = Extract<\n  CSSBreakpoints,\n  'smallTabletMinus' | 'smallTabletPlus' | 'tabletMinus' | 'tabletPlus'\n>;\n\nexport type AdaptiveViewWidth = Record<\n  ViewWidthCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type DeviceTypeCSSBreakpoints = 'mobile' | 'desktop';\n\nexport type AdaptiveDeviceType = Record<\n  DeviceTypeCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport interface UseAdaptivityConditionalRender {\n  /**\n   * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (см. Https://github.com/VKCOM/VKUI/issues/9015).\n   */\n  sizeX: AdaptiveDensityType; // TODO [>=10]: #9015 Удалить свойство.\n  /**\n   * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (см. Https://github.com/VKCOM/VKUI/issues/9015).\n   */\n  sizeY: AdaptiveDensityType; // TODO [>=10]: #9015 Удалить свойство.\n  density: AdaptiveDensityType;\n  viewWidth: AdaptiveViewWidth;\n  deviceType: AdaptiveDeviceType;\n}\n"],"names":[],"mappings":"AAkCA,sHAAsH,GAEtH,WAYC"}
+{"version":3,"sources":["../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"sourcesContent":["import type { CSSBreakpoints, DensityTypeValues } from '../../lib/adaptivity';\n\nexport type ForcedHiddenByAdaptivityProviderType = false; // имеется ввиду, что зашили значение, например, <AdaptivityProvider density=\"regular\" />\n\nexport type ElementProps = { className: string };\n\n/* ================================================================================================================== */\n\nexport type AdaptiveDensityType = Record<\n  DensityTypeValues,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type ViewWidthCSSBreakpoints = Extract<\n  CSSBreakpoints,\n  'smallTabletMinus' | 'smallTabletPlus' | 'tabletMinus' | 'tabletPlus'\n>;\n\nexport type AdaptiveViewWidth = Record<\n  ViewWidthCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport type DeviceTypeCSSBreakpoints = 'mobile' | 'desktop';\n\nexport type AdaptiveDeviceType = Record<\n  DeviceTypeCSSBreakpoints,\n  ForcedHiddenByAdaptivityProviderType | ElementProps\n>;\n\n/* ================================================================================================================== */\n\nexport interface UseAdaptivityConditionalRender {\n  /**\n   * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (https://github.com/VKCOM/VKUI/issues/9015).\n   */\n  sizeX: AdaptiveDensityType; // TODO [>=10]: #9015 Удалить свойство.\n  /**\n   * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (https://github.com/VKCOM/VKUI/issues/9015).\n   */\n  sizeY: AdaptiveDensityType; // TODO [>=10]: #9015 Удалить свойство.\n  density: AdaptiveDensityType;\n  viewWidth: AdaptiveViewWidth;\n  deviceType: AdaptiveDeviceType;\n}\n"],"names":[],"mappings":"AAkCA,sHAAsH,GAEtH,WAYC"}

package/dist/hooks/useAnimationFrame.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Обертка над `requestAnimationFrame`
+ *
+ * ```ts
+ * const animate = React.useCallback((delta: number) => {
+ *   console.log('Delta:', delta);
+ * }, []);
+ *
+ * useAnimationFrame(animate);
+ * ```
+ *
+ * @param callback Функция, которая будет вызываться каждый раз при обновлении анимации.
+ * Принимает параметр `delta` - время в миллисекундах, прошедшее с первого кадра анимации.
+ */
+export declare function useAnimationFrame(callback: (delta: number) => void, disableAnimation?: boolean): void;
+//# sourceMappingURL=useAnimationFrame.d.ts.map

package/dist/hooks/useAnimationFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimationFrame.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnimationFrame.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAAE,gBAAgB,UAAQ,QAwB5F"}

package/dist/hooks/useAnimationFrame.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { useStableCallback } from "./useStableCallback.js";
+/**
+ * Обертка над `requestAnimationFrame`
+ *
+ * ```ts
+ * const animate = React.useCallback((delta: number) => {
+ *   console.log('Delta:', delta);
+ * }, []);
+ *
+ * useAnimationFrame(animate);
+ * ```
+ *
+ * @param callback Функция, которая будет вызываться каждый раз при обновлении анимации.
+ * Принимает параметр `delta` - время в миллисекундах, прошедшее с первого кадра анимации.
+ */ export function useAnimationFrame(callback, disableAnimation = false) {
+    const handleRef = React.useRef(undefined);
+    const startTimestampRef = React.useRef(undefined);
+    const stableCallback = useStableCallback(callback);
+    React.useEffect(()=>{
+        if (disableAnimation) {
+            return;
+        }
+        const animate = (timestamp)=>{
+            if (startTimestampRef.current === undefined) {
+                startTimestampRef.current = timestamp;
+            }
+            const delta = timestamp - startTimestampRef.current;
+            stableCallback(delta);
+            handleRef.current = requestAnimationFrame(animate);
+        };
+        handleRef.current = requestAnimationFrame(animate);
+        return ()=>cancelAnimationFrame(handleRef.current);
+    }, [
+        disableAnimation,
+        stableCallback
+    ]);
+}
+
+//# sourceMappingURL=useAnimationFrame.js.map

package/dist/hooks/useAnimationFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useAnimationFrame.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useStableCallback } from './useStableCallback';\n\n/**\n * Обертка над `requestAnimationFrame`\n *\n * ```ts\n * const animate = React.useCallback((delta: number) => {\n *   console.log('Delta:', delta);\n * }, []);\n *\n * useAnimationFrame(animate);\n * ```\n *\n * @param callback Функция, которая будет вызываться каждый раз при обновлении анимации.\n * Принимает параметр `delta` - время в миллисекундах, прошедшее с первого кадра анимации.\n */\nexport function useAnimationFrame(callback: (delta: number) => void, disableAnimation = false) {\n  const handleRef = React.useRef<number>(undefined);\n  const startTimestampRef = React.useRef<number>(undefined);\n  const stableCallback = useStableCallback(callback);\n\n  React.useEffect(() => {\n    if (disableAnimation) {\n      return;\n    }\n\n    const animate = (timestamp: number) => {\n      if (startTimestampRef.current === undefined) {\n        startTimestampRef.current = timestamp;\n      }\n\n      const delta = timestamp - startTimestampRef.current;\n      stableCallback(delta);\n\n      handleRef.current = requestAnimationFrame(animate);\n    };\n\n    handleRef.current = requestAnimationFrame(animate);\n    return () => cancelAnimationFrame(handleRef.current!);\n  }, [disableAnimation, stableCallback]);\n}\n"],"names":["React","useStableCallback","useAnimationFrame","callback","disableAnimation","handleRef","useRef","undefined","startTimestampRef","stableCallback","useEffect","animate","timestamp","current","delta","requestAnimationFrame","cancelAnimationFrame"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,yBAAsB;AAExD;;;;;;;;;;;;;CAaC,GACD,OAAO,SAASC,kBAAkBC,QAAiC,EAAEC,mBAAmB,KAAK;IAC3F,MAAMC,YAAYL,MAAMM,MAAM,CAASC;IACvC,MAAMC,oBAAoBR,MAAMM,MAAM,CAASC;IAC/C,MAAME,iBAAiBR,kBAAkBE;IAEzCH,MAAMU,SAAS,CAAC;QACd,IAAIN,kBAAkB;YACpB;QACF;QAEA,MAAMO,UAAU,CAACC;YACf,IAAIJ,kBAAkBK,OAAO,KAAKN,WAAW;gBAC3CC,kBAAkBK,OAAO,GAAGD;YAC9B;YAEA,MAAME,QAAQF,YAAYJ,kBAAkBK,OAAO;YACnDJ,eAAeK;YAEfT,UAAUQ,OAAO,GAAGE,sBAAsBJ;QAC5C;QAEAN,UAAUQ,OAAO,GAAGE,sBAAsBJ;QAC1C,OAAO,IAAMK,qBAAqBX,UAAUQ,OAAO;IACrD,GAAG;QAACT;QAAkBK;KAAe;AACvC"}

package/dist/hooks/useAutoFocus.js

@@ -5,7 +5,10 @@ export function useAutoFocus(ref, autoFocus) {
             return;
         }
         ref.current.focus();
-    }, []);
+    }, [
+        autoFocus,
+        ref
+    ]);
 }
 
 //# sourceMappingURL=useAutoFocus.js.map

package/dist/hooks/useAutoFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import type * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useAutoFocus(\n  ref: React.RefObject<HTMLElement | null>,\n  autoFocus: boolean | undefined,\n): void {\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocus || !ref.current) {\n      return;\n    }\n\n    ref.current.focus();\n  }, []);\n}\n"],"names":["useIsomorphicLayoutEffect","useAutoFocus","ref","autoFocus","current","focus"],"mappings":"AACA,SAASA,yBAAyB,QAAQ,sCAAmC;AAE7E,OAAO,SAASC,aACdC,GAAwC,EACxCC,SAA8B;IAE9BH,0BAA0B;QACxB,IAAI,CAACG,aAAa,CAACD,IAAIE,OAAO,EAAE;YAC9B;QACF;QAEAF,IAAIE,OAAO,CAACC,KAAK;IACnB,GAAG,EAAE;AACP"}
+{"version":3,"sources":["../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import type * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useAutoFocus(\n  ref: React.RefObject<HTMLElement | null>,\n  autoFocus: boolean | undefined,\n): void {\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocus || !ref.current) {\n      return;\n    }\n\n    ref.current.focus();\n  }, [autoFocus, ref]);\n}\n"],"names":["useIsomorphicLayoutEffect","useAutoFocus","ref","autoFocus","current","focus"],"mappings":"AACA,SAASA,yBAAyB,QAAQ,sCAAmC;AAE7E,OAAO,SAASC,aACdC,GAAwC,EACxCC,SAA8B;IAE9BH,0BAA0B;QACxB,IAAI,CAACG,aAAa,CAACD,IAAIE,OAAO,EAAE;YAC9B;QACF;QAEAF,IAAIE,OAAO,CAACC,KAAK;IACnB,GAAG;QAACF;QAAWD;KAAI;AACrB"}

package/dist/hooks/useColorScheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useColorScheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAEhF,wBAAgB,cAAc,IAAI,eAAe,CAIhD"}
+{"version":3,"file":"useColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useColorScheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAEhF,wBAAgB,cAAc,IAAI,eAAe,CAEhD"}

package/dist/hooks/useColorScheme.js

@@ -1,8 +1,8 @@
-import { useConfigProvider } from "../components/ConfigProvider/ConfigProviderContext.js";
+import * as React from "react";
+import { ColorSchemeContext } from "../components/ConfigProvider/ConfigProviderSubContexts.js";
 import { DEFAULT_COLOR_SCHEME } from "../lib/colorScheme/index.js";
 export function useColorScheme() {
-    const { colorScheme } = useConfigProvider();
-    return colorScheme ?? DEFAULT_COLOR_SCHEME;
+    return React.useContext(ColorSchemeContext) ?? DEFAULT_COLOR_SCHEME;
 }
 
 //# sourceMappingURL=useColorScheme.js.map

package/dist/hooks/useColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useColorScheme.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { type ColorSchemeType, DEFAULT_COLOR_SCHEME } from '../lib/colorScheme';\n\nexport function useColorScheme(): ColorSchemeType {\n  const { colorScheme } = useConfigProvider();\n\n  return colorScheme ?? DEFAULT_COLOR_SCHEME;\n}\n"],"names":["useConfigProvider","DEFAULT_COLOR_SCHEME","useColorScheme","colorScheme"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,wDAAqD;AACvF,SAA+BC,oBAAoB,QAAQ,8BAAqB;AAEhF,OAAO,SAASC;IACd,MAAM,EAAEC,WAAW,EAAE,GAAGH;IAExB,OAAOG,eAAeF;AACxB"}
+{"version":3,"sources":["../../src/hooks/useColorScheme.ts"],"sourcesContent":["import * as React from 'react';\nimport { ColorSchemeContext } from '../components/ConfigProvider/ConfigProviderSubContexts';\nimport { type ColorSchemeType, DEFAULT_COLOR_SCHEME } from '../lib/colorScheme';\n\nexport function useColorScheme(): ColorSchemeType {\n  return React.useContext(ColorSchemeContext) ?? DEFAULT_COLOR_SCHEME;\n}\n"],"names":["React","ColorSchemeContext","DEFAULT_COLOR_SCHEME","useColorScheme","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,4DAAyD;AAC5F,SAA+BC,oBAAoB,QAAQ,8BAAqB;AAEhF,OAAO,SAASC;IACd,OAAOH,MAAMI,UAAU,CAACH,uBAAuBC;AACjD"}

package/dist/hooks/useConfigDirection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConfigDirection.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfigDirection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,wBAAgB,kBAAkB,IAAI,SAAS,CAI9C"}
+{"version":3,"file":"useConfigDirection.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfigDirection.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,wBAAgB,kBAAkB,IAAI,SAAS,CAE9C"}

package/dist/hooks/useConfigDirection.js

@@ -1,7 +1,7 @@
-import { useConfigProvider } from "../components/ConfigProvider/ConfigProviderContext.js";
+import * as React from "react";
+import { DirectionContext } from "../components/ConfigProvider/ConfigProviderSubContexts.js";
 export function useConfigDirection() {
-    const { direction } = useConfigProvider();
-    return direction || 'ltr';
+    return React.useContext(DirectionContext) || 'ltr';
 }
 
 //# sourceMappingURL=useConfigDirection.js.map

package/dist/hooks/useConfigDirection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useConfigDirection.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport type { Direction } from '../lib/direction';\n\nexport function useConfigDirection(): Direction {\n  const { direction } = useConfigProvider();\n\n  return direction || 'ltr';\n}\n"],"names":["useConfigProvider","useConfigDirection","direction"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,wDAAqD;AAGvF,OAAO,SAASC;IACd,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAEtB,OAAOE,aAAa;AACtB"}
+{"version":3,"sources":["../../src/hooks/useConfigDirection.ts"],"sourcesContent":["import * as React from 'react';\nimport { DirectionContext } from '../components/ConfigProvider/ConfigProviderSubContexts';\nimport type { Direction } from '../lib/direction';\n\nexport function useConfigDirection(): Direction {\n  return React.useContext(DirectionContext) || 'ltr';\n}\n"],"names":["React","DirectionContext","useConfigDirection","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4DAAyD;AAG1F,OAAO,SAASC;IACd,OAAOF,MAAMG,UAAU,CAACF,qBAAqB;AAC/C"}

package/dist/hooks/useDateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QACjC,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,MAAM,EAAE,CAAC;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qBAAqB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,EACrD,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAO,EACP,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,EACL,qBAAqB,EACrB,UAAU,GACX,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACjE,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,kBAAkB,EAAE,MAAM,OAAO,CAAC;CACnC,CAuOA"}
+{"version":3,"file":"useDateInput.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QACjC,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,MAAM,EAAE,CAAC;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qBAAqB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,EACrD,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAO,EACP,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,EACL,qBAAqB,EACrB,UAAU,GACX,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACjE,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,kBAAkB,EAAE,MAAM,OAAO,CAAC;CACnC,CAsOA"}

package/dist/hooks/useDateInput.js

@@ -3,14 +3,13 @@ import * as React from "react";
 import { useDOM } from "../lib/dom.js";
 import { useBooleanState } from "./useBooleanState.js";
 export function useDateInput({ maxElement, refs, autoFocus, disabled, elementsConfig, onClear, onInternalValueChange, getInternalValue, value, onCalendarOpenChanged, accessible }) {
-    const { document } = useDOM();
+    const { document, window } = useDOM();
     const [open, openCalendar, closeCalendar] = useBooleanState(false);
     const rootRef = React.useRef(null);
     const calendarRef = React.useRef(null);
     const [internalValue, setInternalValue] = React.useState([]);
     const [focusedElement, setFocusedElement] = React.useState(null);
     const isClickedOutsideRef = React.useRef(false);
-    const { window } = useDOM();
     const handleRestoreFocus = React.useCallback(()=>{
         // если календарь был закрыт кликом вне календаря
         // то FocusTrap возвращать фокус не должен