@consta/uikit 5.14.0 → 5.16.0

package/__internal__/src/hooks/useStyleProps/getStyleProps.d.ts

@@ -1,2 +1,2 @@
-import { Value } from './types';
-export declare const getStyleProps: <StyleProps extends string | readonly string[] | string[] = string>(element: HTMLElement | SVGElement, props: StyleProps) => Value<StyleProps>;
+import { Value } from './types';
+export declare const getStyleProps: <StyleProps extends string | readonly string[] | string[] = string>(element: HTMLElement | SVGElement, props: StyleProps) => Value<StyleProps>;

package/__internal__/src/hooks/useStyleProps/helpers.d.ts

@@ -1,2 +1,2 @@
-export declare const varIsArray: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, string>;
-export declare const varIsString: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, readonly string[] | string[]>;
+export declare const varIsArray: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, string>;
+export declare const varIsString: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, readonly string[] | string[]>;

package/__internal__/src/hooks/useStyleProps/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useStyleProps';
-export * from './getStyleProps';
+export * from './useStyleProps';
+export * from './getStyleProps';

package/__internal__/src/hooks/useStyleProps/types.d.ts

@@ -1 +1 @@
-export declare type Value<V extends string | string[] | readonly string[]> = V extends string[] ? Record<V[number], string> : V extends readonly string[] ? Record<V[number], string> : string;
+export declare type Value<V extends string | string[] | readonly string[]> = V extends string[] ? Record<V[number], string> : V extends readonly string[] ? Record<V[number], string> : string;

package/__internal__/src/hooks/useStyleProps/useStyleProps.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { Value } from './types';
-export declare const useStyleProps: <Element_1 extends HTMLElement | SVGElement = HTMLDivElement, StyleProps extends string | readonly string[] | string[] = string>(props: StyleProps) => [import("react").RefObject<Element_1>, Value<StyleProps>];
+/// <reference types="react" />
+import { Value } from './types';
+export declare const useStyleProps: <Element_1 extends HTMLElement | SVGElement = HTMLDivElement, StyleProps extends string | readonly string[] | string[] = string>(props: StyleProps) => [import("react").RefObject<Element_1>, Value<StyleProps>];

package/__internal__/src/hooks/useThemeVars/helpers.d.ts

@@ -1,12 +1,12 @@
-export declare const defaultVars: {
-    readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-    };
-    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
-    readonly font: readonly ["--font-primary", "--font-mono"];
-    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
-    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
-    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
-};
+export declare const defaultVars: {
+    readonly color: {
+        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+    };
+    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
+    readonly font: readonly ["--font-primary", "--font-mono"];
+    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
+    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
+    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
+};

package/__internal__/src/hooks/useThemeVars/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useThemeVars';
-export { defaultVars } from './helpers';
+export * from './useThemeVars';
+export { defaultVars } from './helpers';

package/__internal__/src/hooks/useThemeVars/useThemeVars.d.ts

@@ -1,58 +1,58 @@
-import { defaultVars } from './helpers';
-export declare type Vars = {
-    readonly color: {
-        readonly primary: readonly string[];
-        readonly accent: readonly string[];
-        readonly invert: readonly string[];
-    };
-    readonly control: readonly string[];
-    readonly font: readonly string[];
-    readonly size: readonly string[];
-    readonly space: readonly string[];
-    readonly shadow: readonly string[];
-};
-export declare type ThemeVars<T extends Vars = typeof defaultVars> = {
-    color: {
-        primary: {
-            [key in T['color']['primary'][number]]: string;
-        };
-        accent: {
-            [key in T['color']['accent'][number]]: string;
-        };
-        invert: {
-            [key in T['color']['invert'][number]]: string;
-        };
-    };
-    control: {
-        [key in T['control'][number]]: string;
-    };
-    font: {
-        [key in T['font'][number]]: string;
-    };
-    size: {
-        [key in T['size'][number]]: string;
-    };
-    space: {
-        [key in T['space'][number]]: string;
-    };
-    shadow: {
-        [key in T['shadow'][number]]: string;
-    };
-};
-declare type UseThemeVarsOptions<T> = {
-    vars?: T;
-    deps?: [];
-};
-export declare const useThemeVars: <T extends Vars = {
-    readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-    };
-    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
-    readonly font: readonly ["--font-primary", "--font-mono"];
-    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
-    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
-    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
-}>(options?: UseThemeVarsOptions<T> | undefined) => ThemeVars<T>;
-export {};
+import { defaultVars } from './helpers';
+export declare type Vars = {
+    readonly color: {
+        readonly primary: readonly string[];
+        readonly accent: readonly string[];
+        readonly invert: readonly string[];
+    };
+    readonly control: readonly string[];
+    readonly font: readonly string[];
+    readonly size: readonly string[];
+    readonly space: readonly string[];
+    readonly shadow: readonly string[];
+};
+export declare type ThemeVars<T extends Vars = typeof defaultVars> = {
+    color: {
+        primary: {
+            [key in T['color']['primary'][number]]: string;
+        };
+        accent: {
+            [key in T['color']['accent'][number]]: string;
+        };
+        invert: {
+            [key in T['color']['invert'][number]]: string;
+        };
+    };
+    control: {
+        [key in T['control'][number]]: string;
+    };
+    font: {
+        [key in T['font'][number]]: string;
+    };
+    size: {
+        [key in T['size'][number]]: string;
+    };
+    space: {
+        [key in T['space'][number]]: string;
+    };
+    shadow: {
+        [key in T['shadow'][number]]: string;
+    };
+};
+declare type UseThemeVarsOptions<T> = {
+    vars?: T;
+    deps?: [];
+};
+export declare const useThemeVars: <T extends Vars = {
+    readonly color: {
+        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+    };
+    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
+    readonly font: readonly ["--font-primary", "--font-mono"];
+    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
+    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
+    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
+}>(options?: UseThemeVarsOptions<T> | undefined) => ThemeVars<T>;
+export {};

package/__internal__/src/hooks/useTimer/index.d.ts

@@ -1 +1 @@
-export * from './useTimer';
+export * from './useTimer';

package/__internal__/src/hooks/useTimer/useTimer.d.ts

@@ -1,20 +1,20 @@
-export declare type Timer = 'DECREMENTAL' | 'INCREMENTAL';
-export declare type Config = {
-    /** interval in ms  */
-    interval: number;
-    /**  stop timer in ms */
-    endTime: number | null;
-    /**  start timer in ms */
-    startTime: number;
-    /** timer over callback */
-    onTimeOver?: () => void;
-    timerType: Timer;
-};
-export declare type Values = {
-    isRunning: boolean;
-    pause: () => void;
-    reset: () => void;
-    start: () => void;
-    time: number;
-};
-export declare function useTimer(config?: Partial<Config>): Values;
+export declare type Timer = 'DECREMENTAL' | 'INCREMENTAL';
+export declare type Config = {
+    /** interval in ms  */
+    interval: number;
+    /**  stop timer in ms */
+    endTime: number | null;
+    /**  start timer in ms */
+    startTime: number;
+    /** timer over callback */
+    onTimeOver?: () => void;
+    timerType: Timer;
+};
+export declare type Values = {
+    isRunning: boolean;
+    pause: () => void;
+    reset: () => void;
+    start: () => void;
+    time: number;
+};
+export declare function useTimer(config?: Partial<Config>): Values;

package/__internal__/src/hooks/useVirtualScroll/{hellpers.d.ts → helpers.d.ts}

@@ -1,21 +1,21 @@
-import { RefObject } from 'react';
-export declare type UseVirtualScrollProps = {
-    length: number;
-    isActive?: boolean;
-    onScrollToBottom?: (index: number) => void;
-};
-export declare type UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {
-    listRefs: React.RefObject<ITEM_ELEMENT>[];
-    scrollElementRef: React.RefObject<SCROLL_ELEMENT>;
-    slice: [number, number];
-    spaceTop: number;
-};
-export declare type Bounds = [[number, number], [number, number]];
-export declare const defaultItemsCalculationCount = 5;
-export declare const arraysIsEq: (arr1: number[], arr2: number[]) => boolean;
-export declare const useScroll: (ref: RefObject<HTMLElement>, fn: () => void, isActive: boolean) => void;
-export declare const getElementHeight: (el: HTMLElement | SVGGraphicsElement | null) => number;
-export declare const getVisiblePosition: (top: number, height: number, elementMaxSize: number) => [number, number];
-export declare const calculateSavedSizes: (savedSizes: number[], sizes: number[]) => number[];
-export declare const useCalculateVisiblePosition: (scrollElement: HTMLElement | null, set: (value: React.SetStateAction<[number, number]>) => void, elementsSizes: number[]) => () => void;
-export declare const calculateBounds: (savedSizes: number[], sizes: number[], visiblePosition: [number, number], length: number) => Bounds;
+import { RefObject } from 'react';
+export declare type UseVirtualScrollProps = {
+    length: number;
+    isActive?: boolean;
+    onScrollToBottom?: (index: number) => void;
+};
+export declare type UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {
+    listRefs: React.RefObject<ITEM_ELEMENT>[];
+    scrollElementRef: React.RefObject<SCROLL_ELEMENT>;
+    slice: [number, number];
+    spaceTop: number;
+};
+export declare type Bounds = [[number, number], [number, number]];
+export declare const defaultItemsCalculationCount = 5;
+export declare const arraysIsEq: (arr1: number[], arr2: number[]) => boolean;
+export declare const useScroll: (ref: RefObject<HTMLElement>, fn: () => void, isActive: boolean) => void;
+export declare const getElementHeight: (el: HTMLElement | SVGGraphicsElement | null) => number;
+export declare const getVisiblePosition: (top: number, height: number, elementMaxSize: number) => [number, number];
+export declare const calculateSavedSizes: (savedSizes: number[], sizes: number[]) => number[];
+export declare const useCalculateVisiblePosition: (scrollElement: HTMLElement | null, set: (value: React.SetStateAction<[number, number]>) => void, elementsSizes: number[]) => () => void;
+export declare const calculateBounds: (savedSizes: number[], sizes: number[], visiblePosition: [number, number], length: number) => Bounds;

package/__internal__/src/hooks/useVirtualScroll/helpers.js

@@ -0,0 +1,2 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{useCallback,useEffect}from"react";import{useMutableRef}from"../useMutableRef";import{getElementSize}from"../useResizeObserved";export var defaultItemsCalculationCount=5;export var arraysIsEq=function(a,b){return a.join("-")===b.join("-")};export var useScroll=function(a,b,c){useEffect(function(){if(c){var d;null===(d=a.current)||void 0===d?void 0:d.addEventListener("scroll",b)}return function(){var c;null===(c=a.current)||void 0===c?void 0:c.removeEventListener("scroll",b)}},[a.current,b,c])};export var getElementHeight=function(a){return getElementSize(a).height};var roundPositionByGap=function(a,b){return 0>=a?0:Math.ceil(a/b)*b};export var getVisiblePosition=function(a,b,c){var d=b>c*defaultItemsCalculationCount?1.5*b:c*defaultItemsCalculationCount,e=[Math.ceil(roundPositionByGap(a-d,b)),Math.ceil(roundPositionByGap(0===a?d:a+d,b))];return e};export var calculateSavedSizes=function(a,b){for(var c,d=_toConsumableArray(a),e=0;e<b.length;e++)c=b[e],0<c&&(d[e]=c);return d};export var useCalculateVisiblePosition=function(a,b,c){var d=useMutableRef(Math.max.apply(null,c));return useCallback(function(){if(a){var c=getVisiblePosition(a.scrollTop,getElementHeight(a),d.current);b(function(a){return c[0]!==a[0]||c[1]!==a[1]?c:a})}},[a,b])};var addCount=function(a,b,c){for(var d=c.slice(-50),e=d.reduce(function(c,a){return c+a},0)/d.length,f=defaultItemsCalculationCount;b[1]>=a[1]+f*e;)f+=defaultItemsCalculationCount;return f};export var calculateBounds=function(a,b,c,d){for(var e=[0,0],f=[0,0],g=0;g<a.length;g++)c[0]>e[0]&&(e[0]+=a[g],f[0]=g+1),c[1]>e[1]&&(e[1]+=a[g],f[1]=g+1);return 0===f[0]&&0===f[1]&&(f[1]=defaultItemsCalculationCount),b.length!==a.length&&(f[1]+=addCount(e,c,a)),f[1]>d&&(f[1]=d),[e,f]};
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/hooks/useVirtualScroll/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["useCallback","useEffect","useMutableRef","getElementSize","defaultItemsCalculationCount","arraysIsEq","arr1","arr2","join","useScroll","ref","fn","isActive","current","addEventListener","removeEventListener","getElementHeight","el","height","roundPositionByGap","position","gap","Math","ceil","getVisiblePosition","top","elementMaxSize","visiblePosition","calculateSavedSizes","savedSizes","sizes","element","newSavedSizes","index","length","useCalculateVisiblePosition","scrollElement","set","elementsSizes","elementMaxSizeRef","max","apply","scrollTop","state","addCount","pxs","savedSize","lastSavedSize","slice","average","reduce","a","b","add","calculateBounds","indexs"],"sources":["../../../../../src/hooks/useVirtualScroll/helpers.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { getElementSize } from '##/hooks/useResizeObserved';\n\nexport type UseVirtualScrollProps = {\n  length: number;\n  isActive?: boolean;\n  onScrollToBottom?: (index: number) => void;\n};\n\nexport type UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {\n  listRefs: React.RefObject<ITEM_ELEMENT>[];\n  scrollElementRef: React.RefObject<SCROLL_ELEMENT>;\n  slice: [number, number];\n  spaceTop: number;\n};\n\nexport type Bounds = [[number, number], [number, number]];\n\nexport const defaultItemsCalculationCount = 5;\n\nexport const arraysIsEq = (arr1: number[], arr2: number[]) =>\n  arr1.join('-') === arr2.join('-');\n\nexport const useScroll = (\n  ref: RefObject<HTMLElement>,\n  fn: () => void,\n  isActive: boolean,\n) => {\n  useEffect(() => {\n    if (isActive) {\n      ref.current?.addEventListener('scroll', fn);\n    }\n\n    return () => {\n      ref.current?.removeEventListener('scroll', fn);\n    };\n  }, [ref.current, fn, isActive]);\n};\n\nexport const getElementHeight = (el: HTMLElement | SVGGraphicsElement | null) =>\n  getElementSize(el).height;\n\nconst roundPositionByGap = (position: number, gap: number) => {\n  if (position <= 0) {\n    return 0;\n  }\n  return Math.ceil(position / gap) * gap;\n};\n\nexport const getVisiblePosition = (\n  top: number,\n  height: number,\n  elementMaxSize: number,\n): [number, number] => {\n  const gap =\n    height > elementMaxSize * defaultItemsCalculationCount\n      ? height * 1.5\n      : elementMaxSize * defaultItemsCalculationCount;\n\n  const visiblePosition: [number, number] = [\n    Math.ceil(roundPositionByGap(top - gap, height)),\n    Math.ceil(roundPositionByGap(top === 0 ? gap : top + gap, height)),\n  ];\n\n  return visiblePosition;\n};\n\nexport const calculateSavedSizes = (savedSizes: number[], sizes: number[]) => {\n  const newSavedSizes = [...savedSizes];\n  for (let index = 0; index < sizes.length; index++) {\n    const element = sizes[index];\n    if (element > 0) {\n      newSavedSizes[index] = element;\n    }\n  }\n  return newSavedSizes;\n};\n\nexport const useCalculateVisiblePosition = (\n  scrollElement: HTMLElement | null,\n  set: (value: React.SetStateAction<[number, number]>) => void,\n  elementsSizes: number[],\n) => {\n  const elementMaxSizeRef = useMutableRef(Math.max.apply(null, elementsSizes));\n\n  return useCallback(() => {\n    if (!scrollElement) {\n      return;\n    }\n\n    const visiblePosition = getVisiblePosition(\n      scrollElement.scrollTop,\n      getElementHeight(scrollElement),\n      elementMaxSizeRef.current,\n    );\n\n    set((state) => {\n      if (visiblePosition[0] !== state[0] || visiblePosition[1] !== state[1]) {\n        return visiblePosition;\n      }\n\n      return state;\n    });\n  }, [scrollElement, set]);\n};\n\nconst addCount = (\n  pxs: [number, number],\n  visiblePosition: [number, number],\n  savedSize: number[],\n) => {\n  const lastSavedSize = savedSize.slice(-50);\n  const average =\n    lastSavedSize.reduce((a, b) => a + b, 0) / lastSavedSize.length;\n\n  let add = defaultItemsCalculationCount;\n\n  while (visiblePosition[1] >= pxs[1] + add * average) {\n    add += defaultItemsCalculationCount;\n  }\n\n  return add;\n};\n\nexport const calculateBounds = (\n  savedSizes: number[],\n  sizes: number[],\n  visiblePosition: [number, number],\n  length: number,\n): Bounds => {\n  const pxs: [number, number] = [0, 0];\n  const indexs: [number, number] = [0, 0];\n\n  for (let index = 0; index < savedSizes.length; index++) {\n    if (visiblePosition[0] > pxs[0]) {\n      pxs[0] += savedSizes[index];\n      indexs[0] = index + 1;\n    }\n\n    if (visiblePosition[1] > pxs[1]) {\n      pxs[1] += savedSizes[index];\n      indexs[1] = index + 1;\n    }\n  }\n\n  if (indexs[0] === 0 && indexs[1] === 0) {\n    indexs[1] = defaultItemsCalculationCount;\n  }\n\n  if (sizes.length !== savedSizes.length) {\n    indexs[1] += addCount(pxs, visiblePosition, savedSizes);\n  }\n\n  if (indexs[1] > length) {\n    indexs[1] = length;\n  }\n\n  return [pxs, indexs];\n};\n"],"mappings":"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"}

package/__internal__/src/hooks/useVirtualScroll/index.d.ts

@@ -1 +1 @@
-export * from './useVirtualScroll';
+export * from './useVirtualScroll';

package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.d.ts

@@ -1,2 +1,2 @@
-import { UseVirtualScrollProps, UseVirtualScrollReturn } from './hellpers';
-export declare const useVirtualScroll: <ITEM_ELEMENT extends HTMLElement = HTMLDivElement, SCROLL_ELEMENT extends HTMLElement = HTMLDivElement>({ length, onScrollToBottom, isActive, }: UseVirtualScrollProps) => UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT>;
+import { UseVirtualScrollProps, UseVirtualScrollReturn } from './helpers';
+export declare const useVirtualScroll: <ITEM_ELEMENT extends HTMLElement = HTMLDivElement, SCROLL_ELEMENT extends HTMLElement = HTMLDivElement>({ length, onScrollToBottom, isActive, }: UseVirtualScrollProps) => UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT>;

package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useMemo,useRef,useState}from"react";import{useMutableRef}from"../useMutableRef";import{useRefs}from"../useRefs";import{useResizeObserved}from"../useResizeObserved";import{arraysIsEq,calculateBounds,calculateSavedSizes,defaultItemsCalculationCount,getElementHeight,useCalculateVisiblePosition,useScroll}from"./hellpers";export var useVirtualScroll=function(a){var b=a.length,c=a.onScrollToBottom,d=a.isActive,e=void 0!==d&&d,f=useState([0,0]),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState([[0,0],[0,e?defaultItemsCalculationCount:b]]),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRefs(b,h),o=useRef(null),p=useResizeObserved(n,getElementHeight),q=useRef(calculateSavedSizes([],p)),r=useMutableRef(c),s=useResizeObserved(useMemo(function(){return[o]},[o]),getElementHeight),t=_slicedToArray(s,1),u=t[0],v=useCalculateVisiblePosition(o.current,i,p);return useScroll(o,v,e),useEffect(function(){e&&v()},[u,e]),useEffect(function(){e?(q.current=calculateSavedSizes(q.current,p),m(calculateBounds(q.current,p,h,b))):m([[0,0],[0,b]])},[].concat(_toConsumableArray(h),[p,b,e])),useEffect(function(){e&&r.current&&l[1][1]+1>=b&&r.current(b)},[l[1][1],e]),useEffect(function(){var a=[0,0],c=[[0,0],[0,e?defaultItemsCalculationCount:b]];m(function(a){return arraysIsEq(a[0],c[0])&&arraysIsEq(a[1],c[1])?a:c}),i(function(b){return arraysIsEq(b,a)?b:a})},[e]),{listRefs:n,scrollElementRef:o,slice:l[1],spaceTop:l[0][0]}};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useMemo,useRef,useState}from"react";import{useMutableRef}from"../useMutableRef";import{useRefs}from"../useRefs";import{useResizeObserved}from"../useResizeObserved";import{arraysIsEq,calculateBounds,calculateSavedSizes,defaultItemsCalculationCount,getElementHeight,useCalculateVisiblePosition,useScroll}from"./helpers";export var useVirtualScroll=function(a){var b=a.length,c=a.onScrollToBottom,d=a.isActive,e=void 0!==d&&d,f=useState([0,0]),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState([[0,0],[0,e?defaultItemsCalculationCount:b]]),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRefs(b,h),o=useRef(null),p=useResizeObserved(n,getElementHeight),q=useRef(calculateSavedSizes([],p)),r=useMutableRef(c),s=useResizeObserved(useMemo(function(){return[o]},[o]),getElementHeight),t=_slicedToArray(s,1),u=t[0],v=useCalculateVisiblePosition(o.current,i,p);return useScroll(o,v,e),useEffect(function(){e&&v()},[u,e]),useEffect(function(){e?(q.current=calculateSavedSizes(q.current,p),m(calculateBounds(q.current,p,h,b))):m([[0,0],[0,b]])},[].concat(_toConsumableArray(h),[p,b,e])),useEffect(function(){e&&r.current&&l[1][1]+1>=b&&r.current(b)},[l[1][1],e]),useEffect(function(){var a=[0,0],c=[[0,0],[0,e?defaultItemsCalculationCount:b]];m(function(a){return arraysIsEq(a[0],c[0])&&arraysIsEq(a[1],c[1])?a:c}),i(function(b){return arraysIsEq(b,a)?b:a})},[e]),{listRefs:n,scrollElementRef:o,slice:l[1],spaceTop:l[0][0]}};
 //# sourceMappingURL=useVirtualScroll.js.map

package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualScroll.js","names":["useEffect","useMemo","useRef","useState","useMutableRef","useRefs","useResizeObserved","arraysIsEq","calculateBounds","calculateSavedSizes","defaultItemsCalculationCount","getElementHeight","useCalculateVisiblePosition","useScroll","useVirtualScroll","length","onScrollToBottom","isActive","visiblePosition","setVisiblePosition","bounds","setBounds","listRefs","scrollElementRef","sizes","savedSizesRef","onScrollToBottomRef","scrollElementRefHeight","calculateVisiblePosition","current","resetVisiblePosition","resetBounds","state","slice","spaceTop"],"sources":["../../../../../src/hooks/useVirtualScroll/useVirtualScroll.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport {\n  arraysIsEq,\n  Bounds,\n  calculateBounds,\n  calculateSavedSizes,\n  defaultItemsCalculationCount,\n  getElementHeight,\n  useCalculateVisiblePosition,\n  useScroll,\n  UseVirtualScrollProps,\n  UseVirtualScrollReturn,\n} from './hellpers';\n\nexport const useVirtualScroll = <\n  ITEM_ELEMENT extends HTMLElement = HTMLDivElement,\n  SCROLL_ELEMENT extends HTMLElement = HTMLDivElement,\n>({\n  length,\n  onScrollToBottom,\n  isActive = false,\n}: UseVirtualScrollProps): UseVirtualScrollReturn<\n  ITEM_ELEMENT,\n  SCROLL_ELEMENT\n> => {\n  const [visiblePosition, setVisiblePosition] = useState<[number, number]>([\n    0, 0,\n  ]);\n  const [bounds, setBounds] = useState<Bounds>([\n    [0, 0],\n    [0, isActive ? defaultItemsCalculationCount : length],\n  ]);\n  const listRefs = useRefs<ITEM_ELEMENT>(length, visiblePosition);\n  const scrollElementRef = useRef<SCROLL_ELEMENT>(null);\n  const sizes = useResizeObserved(listRefs, getElementHeight);\n  const savedSizesRef = useRef(calculateSavedSizes([], sizes));\n  const onScrollToBottomRef = useMutableRef(onScrollToBottom);\n  const [scrollElementRefHeight] = useResizeObserved(\n    useMemo(() => {\n      return [scrollElementRef];\n    }, [scrollElementRef]),\n    getElementHeight,\n  );\n  const calculateVisiblePosition = useCalculateVisiblePosition(\n    scrollElementRef.current,\n    setVisiblePosition,\n    sizes,\n  );\n\n  useScroll(scrollElementRef, calculateVisiblePosition, isActive);\n\n  useEffect(() => {\n    if (isActive) {\n      calculateVisiblePosition();\n    }\n  }, [scrollElementRefHeight, isActive]);\n\n  useEffect(() => {\n    if (isActive) {\n      savedSizesRef.current = calculateSavedSizes(savedSizesRef.current, sizes);\n      setBounds(\n        calculateBounds(savedSizesRef.current, sizes, visiblePosition, length),\n      );\n    } else {\n      setBounds([\n        [0, 0],\n        [0, length],\n      ]);\n    }\n  }, [...visiblePosition, sizes, length, isActive]);\n\n  useEffect(() => {\n    if (isActive && onScrollToBottomRef.current && bounds[1][1] + 1 >= length) {\n      onScrollToBottomRef.current(length);\n    }\n  }, [bounds[1][1], isActive]);\n\n  useEffect(() => {\n    const resetVisiblePosition: [number, number] = [0, 0];\n    const resetBounds: Bounds = [\n      [0, 0],\n      [0, isActive ? defaultItemsCalculationCount : length],\n    ];\n\n    setBounds((state) =>\n      arraysIsEq(state[0], resetBounds[0]) &&\n      arraysIsEq(state[1], resetBounds[1])\n        ? state\n        : resetBounds,\n    );\n\n    setVisiblePosition((state) =>\n      arraysIsEq(state, resetVisiblePosition) ? state : resetVisiblePosition,\n    );\n  }, [isActive]);\n\n  return {\n    listRefs,\n    scrollElementRef,\n    slice: bounds[1],\n    spaceTop: bounds[0][0],\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useVirtualScroll.js","names":["useEffect","useMemo","useRef","useState","useMutableRef","useRefs","useResizeObserved","arraysIsEq","calculateBounds","calculateSavedSizes","defaultItemsCalculationCount","getElementHeight","useCalculateVisiblePosition","useScroll","useVirtualScroll","length","onScrollToBottom","isActive","visiblePosition","setVisiblePosition","bounds","setBounds","listRefs","scrollElementRef","sizes","savedSizesRef","onScrollToBottomRef","scrollElementRefHeight","calculateVisiblePosition","current","resetVisiblePosition","resetBounds","state","slice","spaceTop"],"sources":["../../../../../src/hooks/useVirtualScroll/useVirtualScroll.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport {\n  arraysIsEq,\n  Bounds,\n  calculateBounds,\n  calculateSavedSizes,\n  defaultItemsCalculationCount,\n  getElementHeight,\n  useCalculateVisiblePosition,\n  useScroll,\n  UseVirtualScrollProps,\n  UseVirtualScrollReturn,\n} from './helpers';\n\nexport const useVirtualScroll = <\n  ITEM_ELEMENT extends HTMLElement = HTMLDivElement,\n  SCROLL_ELEMENT extends HTMLElement = HTMLDivElement,\n>({\n  length,\n  onScrollToBottom,\n  isActive = false,\n}: UseVirtualScrollProps): UseVirtualScrollReturn<\n  ITEM_ELEMENT,\n  SCROLL_ELEMENT\n> => {\n  const [visiblePosition, setVisiblePosition] = useState<[number, number]>([\n    0, 0,\n  ]);\n  const [bounds, setBounds] = useState<Bounds>([\n    [0, 0],\n    [0, isActive ? defaultItemsCalculationCount : length],\n  ]);\n  const listRefs = useRefs<ITEM_ELEMENT>(length, visiblePosition);\n  const scrollElementRef = useRef<SCROLL_ELEMENT>(null);\n  const sizes = useResizeObserved(listRefs, getElementHeight);\n  const savedSizesRef = useRef(calculateSavedSizes([], sizes));\n  const onScrollToBottomRef = useMutableRef(onScrollToBottom);\n  const [scrollElementRefHeight] = useResizeObserved(\n    useMemo(() => {\n      return [scrollElementRef];\n    }, [scrollElementRef]),\n    getElementHeight,\n  );\n  const calculateVisiblePosition = useCalculateVisiblePosition(\n    scrollElementRef.current,\n    setVisiblePosition,\n    sizes,\n  );\n\n  useScroll(scrollElementRef, calculateVisiblePosition, isActive);\n\n  useEffect(() => {\n    if (isActive) {\n      calculateVisiblePosition();\n    }\n  }, [scrollElementRefHeight, isActive]);\n\n  useEffect(() => {\n    if (isActive) {\n      savedSizesRef.current = calculateSavedSizes(savedSizesRef.current, sizes);\n      setBounds(\n        calculateBounds(savedSizesRef.current, sizes, visiblePosition, length),\n      );\n    } else {\n      setBounds([\n        [0, 0],\n        [0, length],\n      ]);\n    }\n  }, [...visiblePosition, sizes, length, isActive]);\n\n  useEffect(() => {\n    if (isActive && onScrollToBottomRef.current && bounds[1][1] + 1 >= length) {\n      onScrollToBottomRef.current(length);\n    }\n  }, [bounds[1][1], isActive]);\n\n  useEffect(() => {\n    const resetVisiblePosition: [number, number] = [0, 0];\n    const resetBounds: Bounds = [\n      [0, 0],\n      [0, isActive ? defaultItemsCalculationCount : length],\n    ];\n\n    setBounds((state) =>\n      arraysIsEq(state[0], resetBounds[0]) &&\n      arraysIsEq(state[1], resetBounds[1])\n        ? state\n        : resetBounds,\n    );\n\n    setVisiblePosition((state) =>\n      arraysIsEq(state, resetVisiblePosition) ? state : resetVisiblePosition,\n    );\n  }, [isActive]);\n\n  return {\n    listRefs,\n    scrollElementRef,\n    slice: bounds[1],\n    spaceTop: bounds[0][0],\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/mixs/MixCard/MixCard.d.ts

@@ -1,17 +1,17 @@
-import './MixCard.css';
-declare type Size = 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
-declare const formMap: readonly ["round", "square"];
-declare type FormMap = typeof formMap[number];
-declare const cardStatus: readonly ["alert", "success", "warning"];
-declare type CardStatus = typeof cardStatus[number] | string;
-declare type Props = {
-    shadow?: boolean;
-    border?: boolean;
-    verticalSpace?: Size;
-    horizontalSpace?: Size;
-    form?: FormMap;
-    status?: CardStatus;
-};
-declare type CnCard = (props: Props, classNames?: Array<string | undefined>) => string;
-export declare const cnMixCard: CnCard;
-export {};
+import './MixCard.css';
+declare type Size = 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+declare const formMap: readonly ["round", "square"];
+declare type FormMap = typeof formMap[number];
+declare const cardStatus: readonly ["alert", "success", "warning"];
+declare type CardStatus = typeof cardStatus[number] | string;
+declare type Props = {
+    shadow?: boolean;
+    border?: boolean;
+    verticalSpace?: Size;
+    horizontalSpace?: Size;
+    form?: FormMap;
+    status?: CardStatus;
+};
+declare type CnCard = (props: Props, classNames?: Array<string | undefined>) => string;
+export declare const cnMixCard: CnCard;
+export {};

package/__internal__/src/mixs/MixCard/index.d.ts

@@ -1 +1 @@
-export * from './MixCard';
+export * from './MixCard';

package/__internal__/src/mixs/MixFlex/MixFlex.d.ts

@@ -1,24 +1,24 @@
-import './MixFlex.css';
-import { Space } from '../MixSpace';
-export declare const mixFlexPropAlign: readonly ["flex-start", "flex-end", "center", "baseline", "stretch"];
-export declare type MixFlexPropAlign = typeof mixFlexPropAlign[number];
-export declare const mixFlexPropJustify: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
-export declare type MixFlexPropJustify = typeof mixFlexPropJustify[number];
-export declare const mixFlexPropFlex: readonly ["flex", "inline-flex"];
-export declare type MixFlexPropFlex = typeof mixFlexPropFlex[number];
-export declare const mixFlexPropWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
-export declare type MixFlexPropWrap = typeof mixFlexPropWrap[number];
-export declare const mixFlexPropDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
-export declare type MixFlexPropDirection = typeof mixFlexPropDirection[number];
-declare type Props = {
-    align?: MixFlexPropAlign;
-    justify?: MixFlexPropJustify;
-    flex?: MixFlexPropFlex;
-    wrap?: MixFlexPropWrap;
-    direction?: MixFlexPropDirection;
-    gap?: Space;
-    order?: -1 | 0 | 1;
-};
-declare type CnMixFlex = (props: Props, classNames?: Array<string | undefined>) => string;
-export declare const cnMixFlex: CnMixFlex;
-export {};
+import './MixFlex.css';
+import { Space } from '../MixSpace';
+export declare const mixFlexPropAlign: readonly ["flex-start", "flex-end", "center", "baseline", "stretch"];
+export declare type MixFlexPropAlign = typeof mixFlexPropAlign[number];
+export declare const mixFlexPropJustify: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
+export declare type MixFlexPropJustify = typeof mixFlexPropJustify[number];
+export declare const mixFlexPropFlex: readonly ["flex", "inline-flex"];
+export declare type MixFlexPropFlex = typeof mixFlexPropFlex[number];
+export declare const mixFlexPropWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
+export declare type MixFlexPropWrap = typeof mixFlexPropWrap[number];
+export declare const mixFlexPropDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
+export declare type MixFlexPropDirection = typeof mixFlexPropDirection[number];
+declare type Props = {
+    align?: MixFlexPropAlign;
+    justify?: MixFlexPropJustify;
+    flex?: MixFlexPropFlex;
+    wrap?: MixFlexPropWrap;
+    direction?: MixFlexPropDirection;
+    gap?: Space;
+    order?: -1 | 0 | 1;
+};
+declare type CnMixFlex = (props: Props, classNames?: Array<string | undefined>) => string;
+export declare const cnMixFlex: CnMixFlex;
+export {};

package/__internal__/src/mixs/MixFlex/index.d.ts

@@ -1 +1 @@
-export * from './MixFlex';
+export * from './MixFlex';

package/__internal__/src/mixs/MixFocus/MixFocus.d.ts

@@ -1,2 +1,2 @@
-import './MixFocus.css';
-export declare const cnMixFocus: import("@bem-react/classname").ClassNameFormatter;
+import './MixFocus.css';
+export declare const cnMixFocus: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/mixs/MixFocus/index.d.ts

@@ -1 +1 @@
-export * from './MixFocus';
+export * from './MixFocus';

package/__internal__/src/mixs/MixHitSlop/MixHitSlop.d.ts

@@ -1,6 +1,6 @@
-import './MixHitSlop.css';
-declare type CnMixHitSlop = (props: {
-    mode: 'before' | 'after' | 'reverseMargin';
-}) => string;
-export declare const cnMixHitSlop: CnMixHitSlop;
-export {};
+import './MixHitSlop.css';
+declare type CnMixHitSlop = (props: {
+    mode: 'before' | 'after' | 'reverseMargin';
+}) => string;
+export declare const cnMixHitSlop: CnMixHitSlop;
+export {};

package/__internal__/src/mixs/MixHitSlop/index.d.ts

@@ -1 +1 @@
-export * from './MixHitSlop';
+export * from './MixHitSlop';

package/__internal__/src/mixs/MixPopoverAnimate/MixPopoverAnimate.css

@@ -1 +1 @@
-.MixPopoverAnimate{--mix-dropdown-animate-space:var(--space-s);--mix-dropdown-animate-transform:translateY(var(--mix-dropdown-animate-space));--mix-dropdown-animate-timeout:0.2s;--mix-dropdown-animate-trasition:opacity var(--mix-dropdown-animate-timeout),transform var(--mix-dropdown-animate-timeout)}.MixPopoverAnimate_animate_exit{opacity:1;pointer-events:none;transform:translate(0)}.MixPopoverAnimate_animate_enter,.MixPopoverAnimate_animate_exitActive,.MixPopoverAnimate_animate_exitDone,.MixPopoverAnimate_animate_exited,.MixPopoverAnimate_animate_exiting,.MixPopoverAnimate_animate_unmounted{opacity:0;pointer-events:none;transform:var(--mix-dropdown-animate-transform)}.MixPopoverAnimate_animate_enterActive,.MixPopoverAnimate_animate_enterDone,.MixPopoverAnimate_animate_entered,.MixPopoverAnimate_animate_entering{opacity:1;transform:translate(0)}.MixPopoverAnimate_animate_enterActive,.MixPopoverAnimate_animate_enterDone,.MixPopoverAnimate_animate_entered,.MixPopoverAnimate_animate_entering,.MixPopoverAnimate_animate_exitActive,.MixPopoverAnimate_animate_exitDone,.MixPopoverAnimate_animate_exiting{transition:var(--mix-dropdown-animate-trasition)}
+.MixPopoverAnimate{--mix-dropdown-animate-space:var(--space-s);--mix-dropdown-animate-transform:translateY(var(--mix-dropdown-animate-space));--mix-dropdown-animate-timeout:0.2s;--mix-dropdown-animate-transition:opacity var(--mix-dropdown-animate-timeout),transform var(--mix-dropdown-animate-timeout)}.MixPopoverAnimate_animate_exit{opacity:1;pointer-events:none;transform:translate(0)}.MixPopoverAnimate_animate_enter,.MixPopoverAnimate_animate_exitActive,.MixPopoverAnimate_animate_exitDone,.MixPopoverAnimate_animate_exited,.MixPopoverAnimate_animate_exiting,.MixPopoverAnimate_animate_unmounted{opacity:0;pointer-events:none;transform:var(--mix-dropdown-animate-transform)}.MixPopoverAnimate_animate_enterActive,.MixPopoverAnimate_animate_enterDone,.MixPopoverAnimate_animate_entered,.MixPopoverAnimate_animate_entering{opacity:1;transform:translate(0)}.MixPopoverAnimate_animate_enterActive,.MixPopoverAnimate_animate_enterDone,.MixPopoverAnimate_animate_entered,.MixPopoverAnimate_animate_entering,.MixPopoverAnimate_animate_exitActive,.MixPopoverAnimate_animate_exitDone,.MixPopoverAnimate_animate_exiting{transition:var(--mix-dropdown-animate-transition)}

package/__internal__/src/mixs/MixPopoverAnimate/MixPopoverAnimate.d.ts

@@ -1,12 +1,12 @@
-import './MixPopoverAnimate.css';
-import { Direction } from '../../components/Popover/Popover';
-export declare type Animate = 'entered' | 'entering' | 'exiting' | 'exited' | 'unmounted' | 'enter' | 'enterActive' | 'enterDone' | 'exit' | 'exitActive' | 'exitDone';
-declare type Mods = {
-    animate?: Animate;
-    direction?: Direction;
-};
-declare type CnMixPopoverAnimate = (mods?: Mods | null, mix?: Array<string | undefined>) => string;
-export declare const cnMixPopoverAnimate: CnMixPopoverAnimate;
-export declare const cnMixPopoverAnimateForCssTransition: import("../../utils/cnForCssTransition").CSSTransitionClassNames;
-export declare const animateTimeout = 200;
-export {};
+import './MixPopoverAnimate.css';
+import { Direction } from '../../components/Popover/Popover';
+export declare type Animate = 'entered' | 'entering' | 'exiting' | 'exited' | 'unmounted' | 'enter' | 'enterActive' | 'enterDone' | 'exit' | 'exitActive' | 'exitDone';
+declare type Mods = {
+    animate?: Animate;
+    direction?: Direction;
+};
+declare type CnMixPopoverAnimate = (mods?: Mods | null, mix?: Array<string | undefined>) => string;
+export declare const cnMixPopoverAnimate: CnMixPopoverAnimate;
+export declare const cnMixPopoverAnimateForCssTransition: import("../../utils/cnForCssTransition").CSSTransitionClassNames;
+export declare const animateTimeout = 200;
+export {};

package/__internal__/src/mixs/MixPopoverAnimate/index.d.ts

@@ -1 +1 @@
-export * from './MixPopoverAnimate';
+export * from './MixPopoverAnimate';