@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/GridDeprecated/useBreakpoints.d.ts

@@ -1,37 +1,37 @@
-import { ClassNameFormatter } from '@bem-react/classname';
-declare type Breakpoint = Record<string, string | number | undefined>;
-export declare type Breakpoints = Record<string, Breakpoint | undefined>;
-export declare const generateBreakpointsCn: (cn: ClassNameFormatter, breakpoints?: Breakpoints) => string;
-/**
- *
- * @param cn ClassNameFormatter
- * @param breakpoints Breakpoints
- *
- * хук вернет сгенерированный класс на основе `breakpoints`
- *
- * Пример:
- *
- * cn = cn('Grid')
- *
- * breakpoints = {
- * xs: {
- *   gap: 0,
- *   cols: 12,
- *   xAlign: 'center',
- *   yAlign: 'center',
- * },
- * s: {
- *   gap: 33,
- *   cols: 12,
- *   xAlign: 'center',
- *   yAlign: 'center',
- * }
- * }
- *
- * =>
- *
- * Grid Grid_xs:gap_0 Grid_xs:cols_12 Grid_xs:xAlign_center Grid_xs:yAlign_center Grid_s:gap_33 Grid_s:cols_12 Grid_s:xAlign_center Grid_s:yAlign_center
- *
- */
-export declare const useBreakpoints: (cn: ClassNameFormatter, breakpoints?: Breakpoints) => string;
-export {};
+import { ClassNameFormatter } from '@bem-react/classname';
+declare type Breakpoint = Record<string, string | number | undefined>;
+export declare type Breakpoints = Record<string, Breakpoint | undefined>;
+export declare const generateBreakpointsCn: (cn: ClassNameFormatter, breakpoints?: Breakpoints) => string;
+/**
+ *
+ * @param cn ClassNameFormatter
+ * @param breakpoints Breakpoints
+ *
+ * хук вернет сгенерированный класс на основе `breakpoints`
+ *
+ * Пример:
+ *
+ * cn = cn('Grid')
+ *
+ * breakpoints = {
+ * xs: {
+ *   gap: 0,
+ *   cols: 12,
+ *   xAlign: 'center',
+ *   yAlign: 'center',
+ * },
+ * s: {
+ *   gap: 33,
+ *   cols: 12,
+ *   xAlign: 'center',
+ *   yAlign: 'center',
+ * }
+ * }
+ *
+ * =>
+ *
+ * Grid Grid_xs:gap_0 Grid_xs:cols_12 Grid_xs:xAlign_center Grid_xs:yAlign_center Grid_s:gap_33 Grid_s:cols_12 Grid_s:xAlign_center Grid_s:yAlign_center
+ *
+ */
+export declare const useBreakpoints: (cn: ClassNameFormatter, breakpoints?: Breakpoints) => string;
+export {};

package/__internal__/src/components/Informer/Informer.css

@@ -1 +1 @@
-.Informer{background-color:var(--informer-bg);border-radius:var(--space-xs);color:var(--color-typo-primary)}.Informer_view_bordered{--informer-bg:var(--color-bg-default);border-left:var(--space-xs) solid var(--informer-bg-color);box-shadow:var(--shadow-layer)}.Informer_view_filled{--informer-bg:var(--informer-bg-color)}.Informer_view_outline{--informer-icon-color:var(--informer-typo-color);--informer-bg:color-mix(in srgb,var(--informer-bg-color) var(--informer-bg-opacity),var(--color-bg-default));border:var(--control-border-width) solid var(--informer-border-color)}.Informer-Icon{color:var(--informer-icon-color,inherit);flex:1}
+.Informer{background-color:var(--informer-bg);border-radius:var(--space-xs);color:var(--color-typo-primary)}.Informer_view_bordered{--informer-bg:var(--color-bg-default);border-left:var(--space-xs) solid var(--informer-bg-color);box-shadow:var(--shadow-layer)}.Informer_view_filled{--informer-bg:var(--informer-bg-color)}.Informer_view_outline{--informer-icon-color:var(--informer-typo-color);--informer-bg:color-mix(in srgb,var(--informer-bg-color) var(--informer-bg-opacity),var(--color-bg-default));border:var(--control-border-width) solid var(--informer-border-color)}.Informer-Icon{color:var(--informer-icon-color,inherit);flex:none}

package/__internal__/src/components/Informer/Informer.d.ts

@@ -1,25 +1,25 @@
-import './Informer.css';
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const informerPropView: readonly ["filled", "bordered", "outline"];
-export declare type InformerPropView = typeof informerPropView[number];
-export declare const informerPropViewDefault: InformerPropView;
-export declare const informerPropStatus: readonly ["success", "system", "alert", "warning", "normal"];
-export declare type InformerPropStatus = typeof informerPropStatus[number];
-export declare const informerPropStatusDefault: InformerPropStatus;
-export declare const informerPropSize: readonly ["m", "s"];
-export declare type InformerPropSize = typeof informerPropSize[number];
-export declare const informerPropSiseDefault: InformerPropSize;
-declare type Props = {
-    view?: InformerPropView;
-    status?: InformerPropStatus;
-    icon?: IconComponent;
-    label?: React.ReactNode;
-    title?: string;
-    size?: InformerPropSize;
-};
-export declare type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
-export declare const cnInformer: import("@bem-react/classname").ClassNameFormatter;
-export declare const Informer: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
-export {};
+import './Informer.css';
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const informerPropView: readonly ["filled", "bordered", "outline"];
+export declare type InformerPropView = typeof informerPropView[number];
+export declare const informerPropViewDefault: InformerPropView;
+export declare const informerPropStatus: readonly ["success", "system", "alert", "warning", "normal"];
+export declare type InformerPropStatus = typeof informerPropStatus[number];
+export declare const informerPropStatusDefault: InformerPropStatus;
+export declare const informerPropSize: readonly ["m", "s"];
+export declare type InformerPropSize = typeof informerPropSize[number];
+export declare const informerPropSizeDefault: InformerPropSize;
+declare type Props = {
+    view?: InformerPropView;
+    status?: InformerPropStatus;
+    icon?: IconComponent;
+    label?: React.ReactNode;
+    title?: string;
+    size?: InformerPropSize;
+};
+export declare type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
+export declare const cnInformer: import("@bem-react/classname").ClassNameFormatter;
+export declare const Informer: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/__internal__/src/components/Informer/Informer.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixFlex}from"../../mixs/MixFlex";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered","outline"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning","normal"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSiseDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c,d=a.view,e=void 0===d?informerPropViewDefault:d,f=a.status,g=void 0===f?informerPropStatusDefault:f,h=a.size,i=void 0===h?informerPropSiseDefault:h,j=a.icon,k=a.label,l=a.title,m=a.children,n=a.style,o=_objectWithoutProperties(a,_excluded),p=useTheme(),q=p.themeClassNames,r="system"!==g&&"filled"===e?classnames(a.className,q.color.accent):a.className;return React.createElement("div",Object.assign({},o,{className:cnInformer({view:e},[r,cnMixSpace({p:i}),cnMixFlex({flex:"flex",gap:"s"})]),style:_objectSpread(_objectSpread({},n),{},(c={},_defineProperty(c,"--informer-bg-color","var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-border-color","system"===g?"var(--color-bg-border)":"var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-typo-color","var(--color-typo-".concat(g,")")),_defineProperty(c,"--informer-bg-opacity","system"===g?"30%":"10%"),c)),ref:b}),j&&React.createElement(j,{className:cnInformer("Icon",[cnMixSpace({mT:"3xs"})]),size:"s"}),React.createElement("div",{className:cnInformer("Content")},l&&React.createElement(Text,{lineHeight:"xs",className:cnInformer("Title",[cnMixSpace({mB:"2xs"})]),weight:"bold",size:i,view:"primary"},l),k?React.createElement(Text,{lineHeight:"xs",view:"primary",className:cnInformer("Label"),size:i},k):m))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixFlex}from"../../mixs/MixFlex";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered","outline"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning","normal"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSizeDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c,d=a.view,e=void 0===d?informerPropViewDefault:d,f=a.status,g=void 0===f?informerPropStatusDefault:f,h=a.size,i=void 0===h?informerPropSizeDefault:h,j=a.icon,k=a.label,l=a.title,m=a.children,n=a.style,o=_objectWithoutProperties(a,_excluded),p=useTheme(),q=p.themeClassNames,r="system"!==g&&"filled"===e?classnames(a.className,q.color.accent):a.className;return React.createElement("div",Object.assign({},o,{className:cnInformer({view:e},[r,cnMixSpace({p:i}),cnMixFlex({flex:"flex",gap:"s"})]),style:_objectSpread(_objectSpread({},n),{},(c={},_defineProperty(c,"--informer-bg-color","var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-border-color","system"===g?"var(--color-bg-border)":"var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-typo-color","var(--color-typo-".concat(g,")")),_defineProperty(c,"--informer-bg-opacity","system"===g?"30%":"10%"),c)),ref:b}),j&&React.createElement(j,{className:cnInformer("Icon",[cnMixSpace({mT:"3xs"})]),size:"s"}),React.createElement("div",{className:cnInformer("Content")},l&&React.createElement(Text,{lineHeight:"xs",className:cnInformer("Title",[cnMixSpace({mB:"2xs"})]),weight:"bold",size:i,view:"primary"},l),k?React.createElement(Text,{lineHeight:"xs",view:"primary",className:cnInformer("Label"),size:i},k):m))});
 //# sourceMappingURL=Informer.js.map

package/__internal__/src/components/Informer/Informer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Informer.js","names":["classnames","React","cnMixFlex","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","Icon","icon","label","title","children","style","otherProps","themeClassNames","className","color","accent","p","flex","gap","mT","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered', 'outline'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n  'normal',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSiseDefault,\n      icon: Icon,\n      label,\n      title,\n      children,\n      style,\n      ...otherProps\n    } = props;\n    const { themeClassNames } = useTheme();\n\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n          },\n          [\n            className,\n            cnMixSpace({ p: size }),\n            cnMixFlex({ flex: 'flex', gap: 's' }),\n          ],\n        )}\n        style={{\n          ...style,\n          ['--informer-bg-color' as string]: `var(--color-bg-${status})`,\n          ['--informer-border-color' as string]:\n            status === 'system'\n              ? `var(--color-bg-border)`\n              : `var(--color-bg-${status})`,\n          ['--informer-typo-color' as string]: `var(--color-typo-${status})`,\n          ['--informer-bg-opacity' as string]:\n            status === 'system' ? '30%' : '10%',\n        }}\n        ref={ref}\n      >\n        {Icon && (\n          <Icon\n            className={cnInformer('Icon', [cnMixSpace({ mT: '3xs' })])}\n            size=\"s\"\n          />\n        )}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text\n              lineHeight=\"xs\"\n              view=\"primary\"\n              className={cnInformer('Label')}\n              size={size}\n            >\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Informer.js","names":["classnames","React","cnMixFlex","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSizeDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","Icon","icon","label","title","children","style","otherProps","themeClassNames","className","color","accent","p","flex","gap","mT","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered', 'outline'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n  'normal',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSizeDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSizeDefault,\n      icon: Icon,\n      label,\n      title,\n      children,\n      style,\n      ...otherProps\n    } = props;\n    const { themeClassNames } = useTheme();\n\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n          },\n          [\n            className,\n            cnMixSpace({ p: size }),\n            cnMixFlex({ flex: 'flex', gap: 's' }),\n          ],\n        )}\n        style={{\n          ...style,\n          ['--informer-bg-color' as string]: `var(--color-bg-${status})`,\n          ['--informer-border-color' as string]:\n            status === 'system'\n              ? `var(--color-bg-border)`\n              : `var(--color-bg-${status})`,\n          ['--informer-typo-color' as string]: `var(--color-typo-${status})`,\n          ['--informer-bg-opacity' as string]:\n            status === 'system' ? '30%' : '10%',\n        }}\n        ref={ref}\n      >\n        {Icon && (\n          <Icon\n            className={cnInformer('Icon', [cnMixSpace({ mT: '3xs' })])}\n            size=\"s\"\n          />\n        )}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text\n              lineHeight=\"xs\"\n              view=\"primary\"\n              className={cnInformer('Label')}\n              size={size}\n            >\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/Informer/index.d.ts

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

package/__internal__/src/components/Layout/Layout.d.ts

@@ -1,23 +1,23 @@
-import './Layout.css';
-import React from 'react';
-export declare const layoutPropDirection: readonly ["row", "column"];
-export declare type LayoutPropDirection = typeof layoutPropDirection[number];
-export declare const layoutPropDirectionDefault: LayoutPropDirection;
-export declare const layoutPropVerticalAlign: readonly ["top", "bottom"];
-export declare type LayoutPropVerticalAlign = typeof layoutPropVerticalAlign[number];
-export declare const layoutPropVerticalAlignDefault: LayoutPropVerticalAlign;
-export declare const layoutPropHorizontalAlign: readonly ["left", "right"];
-export declare type LayoutPropHorizontalAlign = typeof layoutPropHorizontalAlign[number];
-export declare const layoutPropHorizontalAlignDefault: LayoutPropHorizontalAlign;
-export declare type LayoutProps = {
-    flex?: number | 'none';
-    fixed?: boolean;
-    verticalAlign?: LayoutPropVerticalAlign;
-    horizontalAlign?: LayoutPropHorizontalAlign;
-    anchorRef?: React.RefObject<HTMLElement>;
-    scrollContainer?: React.RefObject<HTMLElement> | HTMLElement | null | Window;
-    direction?: LayoutPropDirection;
-    children?: React.ReactNode;
-};
-export declare const cnLayout: import("@bem-react/classname").ClassNameFormatter;
-export declare const Layout: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<LayoutProps, "div">;
+import './Layout.css';
+import React from 'react';
+export declare const layoutPropDirection: readonly ["row", "column"];
+export declare type LayoutPropDirection = typeof layoutPropDirection[number];
+export declare const layoutPropDirectionDefault: LayoutPropDirection;
+export declare const layoutPropVerticalAlign: readonly ["top", "bottom"];
+export declare type LayoutPropVerticalAlign = typeof layoutPropVerticalAlign[number];
+export declare const layoutPropVerticalAlignDefault: LayoutPropVerticalAlign;
+export declare const layoutPropHorizontalAlign: readonly ["left", "right"];
+export declare type LayoutPropHorizontalAlign = typeof layoutPropHorizontalAlign[number];
+export declare const layoutPropHorizontalAlignDefault: LayoutPropHorizontalAlign;
+export declare type LayoutProps = {
+    flex?: number | 'none';
+    fixed?: boolean;
+    verticalAlign?: LayoutPropVerticalAlign;
+    horizontalAlign?: LayoutPropHorizontalAlign;
+    anchorRef?: React.RefObject<HTMLElement>;
+    scrollContainer?: React.RefObject<HTMLElement> | HTMLElement | null | Window;
+    direction?: LayoutPropDirection;
+    children?: React.ReactNode;
+};
+export declare const cnLayout: import("@bem-react/classname").ClassNameFormatter;
+export declare const Layout: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<LayoutProps, "div">;

package/__internal__/src/components/Layout/index.d.ts

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

package/__internal__/src/components/Layout/useFixed.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-export declare type UseFixedData = {
-    top?: number;
-    left?: number;
-    width?: number;
-    height?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    position?: 'unset' | 'fixed';
-};
-declare const verticalAlign: readonly ["top", "bottom"];
-declare type VerticalAlign = typeof verticalAlign[number];
-declare const horizontalAlign: readonly ["left", "right"];
-declare type HorizontalAlign = typeof horizontalAlign[number];
-declare type UseFixed = (layoutRef?: React.RefObject<HTMLElement> | null, scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window, anchorRef?: React.RefObject<HTMLElement> | null, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
-export declare type ElementStationing = {
-    offsetTop: number;
-    offsetHeight: number;
-    offsetLeft: number;
-    offsetWidth: number;
-    clientHeight: number;
-    clientWidth: number;
-    scrollTop: number;
-    scrollHeight: number;
-};
-declare type PositioningElement = (startScroll?: number, layoutStationing?: ElementStationing, scrollContainerStationing?: ElementStationing, anchorStationing?: ElementStationing, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
-export declare const positioningElement: PositioningElement;
-export declare const useFixed: UseFixed;
-export {};
+import React from 'react';
+export declare type UseFixedData = {
+    top?: number;
+    left?: number;
+    width?: number;
+    height?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    position?: 'unset' | 'fixed';
+};
+declare const verticalAlign: readonly ["top", "bottom"];
+declare type VerticalAlign = typeof verticalAlign[number];
+declare const horizontalAlign: readonly ["left", "right"];
+declare type HorizontalAlign = typeof horizontalAlign[number];
+declare type UseFixed = (layoutRef?: React.RefObject<HTMLElement> | null, scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window, anchorRef?: React.RefObject<HTMLElement> | null, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
+export declare type ElementStationing = {
+    offsetTop: number;
+    offsetHeight: number;
+    offsetLeft: number;
+    offsetWidth: number;
+    clientHeight: number;
+    clientWidth: number;
+    scrollTop: number;
+    scrollHeight: number;
+};
+declare type PositioningElement = (startScroll?: number, layoutStationing?: ElementStationing, scrollContainerStationing?: ElementStationing, anchorStationing?: ElementStationing, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
+export declare const positioningElement: PositioningElement;
+export declare const useFixed: UseFixed;
+export {};

package/__internal__/src/components/Layout/useFixed.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useCallback,useEffect,useState}from"react";var verticalAlign=["top","bottom"],verticalAlignDefault=verticalAlign[0],horizontalAlign=["left","right"],horizontalAlignDefault=horizontalAlign[0],getHTMLElement=function(a){return a&&!(a instanceof HTMLElement||a instanceof Window)?null===a||void 0===a?void 0:a.current:a},getStationingElement=function(a){return a instanceof HTMLElement?{offsetTop:a.offsetTop,offsetHeight:a.offsetHeight,offsetLeft:a.offsetLeft,offsetWidth:a.offsetWidth,clientHeight:a.clientHeight,clientWidth:a.clientWidth,scrollTop:a.scrollTop,scrollHeight:a.scrollHeight}:a instanceof Window?{offsetTop:0,offsetHeight:a.innerHeight,offsetLeft:0,offsetWidth:a.innerWidth,clientHeight:a.innerHeight,clientWidth:a.innerWidth,scrollTop:a.scrollY,scrollHeight:Math.max(document.body.scrollHeight,document.body.offsetHeight)}:void 0},isElementScrollible=function(a,b,c,d,e){return d?b.scrollTop>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:c?b.scrollTop+c.offsetHeight>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:b.scrollTop+b.offsetHeight<=e+a.offsetHeight&&b.scrollTop<=b.scrollHeight-b.offsetHeight};export var positioningElement=function(a,b,c,d,e,f){var g={top:0,left:0,width:null===b||void 0===b?void 0:b.offsetWidth,height:null===b||void 0===b?void 0:b.offsetHeight,maxWidth:null===c||void 0===c?void 0:c.clientWidth,maxHeight:null===c||void 0===c?void 0:c.clientHeight,position:"unset"};if(b&&c&&"undefined"!=typeof a){var h={top:c.offsetTop,bottom:c.offsetTop+c.clientHeight,left:c.offsetLeft,right:c.offsetLeft+c.clientWidth,width:c.clientWidth,height:c.clientHeight};g.width=b.offsetWidth,g.height=b.offsetHeight,g.maxWidth=h.width,g.maxHeight=h.height,isElementScrollible(b,c,d,"top"===e,a)?(g.position="fixed",g.top="top"===e?d?d.offsetTop:h.top:d?d.offsetTop+d.offsetHeight:h.bottom-b.offsetHeight,g.left="left"===f?d?d.offsetLeft:-window.scrollX+h.left:d?d.offsetLeft+d.offsetWidth-b.offsetWidth:-window.scrollX+h.right-b.offsetWidth):g.position="unset"}return g};export var useFixed=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:verticalAlignDefault,e=4<arguments.length&&arguments[4]!==void 0?arguments[4]:horizontalAlignDefault,f=useState({}),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState({}),k=_slicedToArray(j,2),l=k[0],m=k[1];useEffect(function(){var c=0;return setTimeout(function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement,e=getStationingElement(d);e&&(c=0<=a.current.offsetTop-e.offsetTop?a.current.offsetTop-e.offsetTop:0),o(c),document.addEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.addEventListener)&&(null===d||void 0===d?void 0:d.addEventListener("resize",n),null===d||void 0===d?void 0:d.addEventListener("scroll",function(){return o(c)}))}},"undefined"==typeof b?500:0),function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement;document.removeEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.removeEventListener)&&(null===d||void 0===d?void 0:d.removeEventListener("resize",n),null===d||void 0===d?void 0:d.removeEventListener("scroll",function(){return o(c)}))}}},[d,e,a,b,c]),useEffect(function(){m(_objectSpread({},h))},[h.top,h.left,h.position,h.width,h.height,h.maxHeight,h.maxWidth]);var n=function(){if(a&&a.current&&a.current.parentElement){var c=b?getHTMLElement(b):a.current.parentElement,d=getStationingElement(c);i(_objectSpread(_objectSpread({},h),{},{width:a.current.offsetWidth,height:a.current.offsetHeight,maxWidth:null===d||void 0===d?void 0:d.clientWidth,maxHeight:null===d||void 0===d?void 0:d.clientHeight}))}},o=useCallback(function(f){if(a&&a.current&&a.current.parentElement&&"number"==typeof f){var g=b?getHTMLElement(b):a.current.parentElement;if(b){var h=positioningElement(f,getStationingElement(a.current),getStationingElement(g),getStationingElement(null===c||void 0===c?void 0:c.current),d,e);i(_objectSpread({},h))}}},[h]);return l};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useCallback,useEffect,useState}from"react";var verticalAlign=["top","bottom"],verticalAlignDefault=verticalAlign[0],horizontalAlign=["left","right"],horizontalAlignDefault=horizontalAlign[0],getHTMLElement=function(a){return a&&!(a instanceof HTMLElement||a instanceof Window)?null===a||void 0===a?void 0:a.current:a},getStationingElement=function(a){return a instanceof HTMLElement?{offsetTop:a.offsetTop,offsetHeight:a.offsetHeight,offsetLeft:a.offsetLeft,offsetWidth:a.offsetWidth,clientHeight:a.clientHeight,clientWidth:a.clientWidth,scrollTop:a.scrollTop,scrollHeight:a.scrollHeight}:a instanceof Window?{offsetTop:0,offsetHeight:a.innerHeight,offsetLeft:0,offsetWidth:a.innerWidth,clientHeight:a.innerHeight,clientWidth:a.innerWidth,scrollTop:a.scrollY,scrollHeight:Math.max(document.body.scrollHeight,document.body.offsetHeight)}:void 0},isElementScrollable=function(a,b,c,d,e){return d?b.scrollTop>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:c?b.scrollTop+c.offsetHeight>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:b.scrollTop+b.offsetHeight<=e+a.offsetHeight&&b.scrollTop<=b.scrollHeight-b.offsetHeight};export var positioningElement=function(a,b,c,d,e,f){var g={top:0,left:0,width:null===b||void 0===b?void 0:b.offsetWidth,height:null===b||void 0===b?void 0:b.offsetHeight,maxWidth:null===c||void 0===c?void 0:c.clientWidth,maxHeight:null===c||void 0===c?void 0:c.clientHeight,position:"unset"};if(b&&c&&"undefined"!=typeof a){var h={top:c.offsetTop,bottom:c.offsetTop+c.clientHeight,left:c.offsetLeft,right:c.offsetLeft+c.clientWidth,width:c.clientWidth,height:c.clientHeight};g.width=b.offsetWidth,g.height=b.offsetHeight,g.maxWidth=h.width,g.maxHeight=h.height,isElementScrollable(b,c,d,"top"===e,a)?(g.position="fixed",g.top="top"===e?d?d.offsetTop:h.top:d?d.offsetTop+d.offsetHeight:h.bottom-b.offsetHeight,g.left="left"===f?d?d.offsetLeft:-window.scrollX+h.left:d?d.offsetLeft+d.offsetWidth-b.offsetWidth:-window.scrollX+h.right-b.offsetWidth):g.position="unset"}return g};export var useFixed=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:verticalAlignDefault,e=4<arguments.length&&arguments[4]!==void 0?arguments[4]:horizontalAlignDefault,f=useState({}),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState({}),k=_slicedToArray(j,2),l=k[0],m=k[1];useEffect(function(){var c=0;return setTimeout(function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement,e=getStationingElement(d);e&&(c=0<=a.current.offsetTop-e.offsetTop?a.current.offsetTop-e.offsetTop:0),o(c),document.addEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.addEventListener)&&(null===d||void 0===d?void 0:d.addEventListener("resize",n),null===d||void 0===d?void 0:d.addEventListener("scroll",function(){return o(c)}))}},"undefined"==typeof b?500:0),function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement;document.removeEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.removeEventListener)&&(null===d||void 0===d?void 0:d.removeEventListener("resize",n),null===d||void 0===d?void 0:d.removeEventListener("scroll",function(){return o(c)}))}}},[d,e,a,b,c]),useEffect(function(){m(_objectSpread({},h))},[h.top,h.left,h.position,h.width,h.height,h.maxHeight,h.maxWidth]);var n=function(){if(a&&a.current&&a.current.parentElement){var c=b?getHTMLElement(b):a.current.parentElement,d=getStationingElement(c);i(_objectSpread(_objectSpread({},h),{},{width:a.current.offsetWidth,height:a.current.offsetHeight,maxWidth:null===d||void 0===d?void 0:d.clientWidth,maxHeight:null===d||void 0===d?void 0:d.clientHeight}))}},o=useCallback(function(f){if(a&&a.current&&a.current.parentElement&&"number"==typeof f){var g=b?getHTMLElement(b):a.current.parentElement;if(b){var h=positioningElement(f,getStationingElement(a.current),getStationingElement(g),getStationingElement(null===c||void 0===c?void 0:c.current),d,e);i(_objectSpread({},h))}}},[h]);return l};
 //# sourceMappingURL=useFixed.js.map

package/__internal__/src/components/Layout/useFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFixed.js","names":["useCallback","useEffect","useState","verticalAlign","verticalAlignDefault","horizontalAlign","horizontalAlignDefault","getHTMLElement","element","HTMLElement","Window","current","getStationingElement","offsetTop","offsetHeight","offsetLeft","offsetWidth","clientHeight","clientWidth","scrollTop","scrollHeight","innerHeight","innerWidth","scrollY","Math","max","document","body","isElementScrollible","container","anchor","isVerticalFixation","startScroll","positioningElement","layoutStationing","scrollContainerStationing","anchorStationing","stationingData","top","left","width","height","maxWidth","maxHeight","position","scrollContainerPosition","bottom","right","window","scrollX","useFixed","layoutRef","scrollContainer","anchorRef","stationing","setStationing","result","setResult","setTimeout","parentElement","parentContainer","parentStationing","positioning","addEventListener","resizing","removeEventListener"],"sources":["../../../../../src/components/Layout/useFixed.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nexport type UseFixedData = {\n  top?: number;\n  left?: number;\n  width?: number;\n  height?: number;\n  maxWidth?: number;\n  maxHeight?: number;\n  position?: 'unset' | 'fixed';\n};\n\nconst verticalAlign = ['top', 'bottom'] as const;\ntype VerticalAlign = typeof verticalAlign[number];\nconst verticalAlignDefault: VerticalAlign = verticalAlign[0];\n\nconst horizontalAlign = ['left', 'right'] as const;\ntype HorizontalAlign = typeof horizontalAlign[number];\nconst horizontalAlignDefault: HorizontalAlign = horizontalAlign[0];\n\ntype UseFixed = (\n  layoutRef?: React.RefObject<HTMLElement> | null,\n  scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window,\n  anchorRef?: React.RefObject<HTMLElement> | null,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nexport type ElementStationing = {\n  offsetTop: number;\n  offsetHeight: number;\n  offsetLeft: number;\n  offsetWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n  scrollTop: number;\n  scrollHeight: number;\n};\n\ntype GetHTMLFunction = (\n  element: React.RefObject<HTMLElement> | HTMLElement | Window,\n) => HTMLElement | Window | null;\n\ntype PositioningElement = (\n  startScroll?: number,\n  layoutStationing?: ElementStationing,\n  scrollContainerStationing?: ElementStationing,\n  anchorStationing?: ElementStationing,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nconst getHTMLElement: GetHTMLFunction = (element) => {\n  if (element && !(element instanceof HTMLElement || element instanceof Window))\n    return element?.current;\n  return element;\n};\n\nconst getStationingElement = (\n  element?: HTMLElement | null | Window,\n): ElementStationing | undefined => {\n  if (element instanceof HTMLElement)\n    return {\n      offsetTop: element.offsetTop,\n      offsetHeight: element.offsetHeight,\n      offsetLeft: element.offsetLeft,\n      offsetWidth: element.offsetWidth,\n      clientHeight: element.clientHeight,\n      clientWidth: element.clientWidth,\n      scrollTop: element.scrollTop,\n      scrollHeight: element.scrollHeight,\n    };\n  if (element instanceof Window) {\n    return {\n      offsetTop: 0,\n      offsetHeight: element.innerHeight,\n      offsetLeft: 0,\n      offsetWidth: element.innerWidth,\n      clientHeight: element.innerHeight,\n      clientWidth: element.innerWidth,\n      scrollTop: element.scrollY,\n      scrollHeight: Math.max(\n        document.body.scrollHeight,\n        document.body.offsetHeight,\n      ),\n    };\n  }\n  return undefined;\n};\n\nconst isElementScrollible = (\n  element: ElementStationing,\n  container: ElementStationing,\n  anchor: ElementStationing | undefined,\n  isVerticalFixation: boolean,\n  startScroll: number,\n): boolean | undefined => {\n  if (isVerticalFixation)\n    return (\n      container.scrollTop >= startScroll &&\n      container.scrollTop <=\n        container.scrollHeight - container.offsetHeight + element.offsetHeight\n    );\n  return anchor\n    ? container.scrollTop + anchor.offsetHeight >= startScroll &&\n        container.scrollTop <=\n          container.scrollHeight - container.offsetHeight + element.offsetHeight\n    : container.scrollTop + container.offsetHeight <=\n        startScroll + element.offsetHeight &&\n        container.scrollTop <= container.scrollHeight - container.offsetHeight;\n};\n\nexport const positioningElement: PositioningElement = (\n  startScroll,\n  layoutStationing,\n  scrollContainerStationing,\n  anchorStationing,\n  verticalAlign,\n  horizontalAlign,\n) => {\n  const stationingData: UseFixedData = {\n    top: 0,\n    left: 0,\n    width: layoutStationing?.offsetWidth,\n    height: layoutStationing?.offsetHeight,\n    maxWidth: scrollContainerStationing?.clientWidth,\n    maxHeight: scrollContainerStationing?.clientHeight,\n    position: 'unset',\n  };\n  if (\n    layoutStationing &&\n    scrollContainerStationing &&\n    typeof startScroll !== 'undefined'\n  ) {\n    const scrollContainerPosition = {\n      top: scrollContainerStationing.offsetTop,\n      bottom:\n        scrollContainerStationing.offsetTop +\n        scrollContainerStationing.clientHeight,\n      left: scrollContainerStationing.offsetLeft,\n      right:\n        scrollContainerStationing.offsetLeft +\n        scrollContainerStationing.clientWidth,\n      width: scrollContainerStationing.clientWidth,\n      height: scrollContainerStationing.clientHeight,\n    };\n    stationingData.width = layoutStationing.offsetWidth;\n    stationingData.height = layoutStationing.offsetHeight;\n    stationingData.maxWidth = scrollContainerPosition.width;\n    stationingData.maxHeight = scrollContainerPosition.height;\n    if (\n      isElementScrollible(\n        layoutStationing,\n        scrollContainerStationing,\n        anchorStationing,\n        verticalAlign === 'top',\n        startScroll,\n      )\n    ) {\n      stationingData.position = 'fixed';\n      if (verticalAlign === 'top')\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop\n          : scrollContainerPosition.top;\n      else\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop + anchorStationing.offsetHeight\n          : scrollContainerPosition.bottom - layoutStationing.offsetHeight;\n      if (horizontalAlign === 'left')\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft\n          : -window.scrollX + scrollContainerPosition.left;\n      else\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft +\n            anchorStationing.offsetWidth -\n            layoutStationing.offsetWidth\n          : -window.scrollX +\n            scrollContainerPosition.right -\n            layoutStationing.offsetWidth;\n    } else stationingData.position = 'unset';\n  }\n  return stationingData;\n};\n\nexport const useFixed: UseFixed = (\n  layoutRef,\n  scrollContainer,\n  anchorRef,\n  verticalAlign = verticalAlignDefault,\n  horizontalAlign = horizontalAlignDefault,\n) => {\n  const [stationing, setStationing] = useState<UseFixedData>({});\n  const [result, setResult] = useState<UseFixedData>({});\n\n  useEffect(() => {\n    let startScroll = 0;\n    setTimeout(\n      () => {\n        if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n          const parentContainer = scrollContainer\n            ? getHTMLElement(scrollContainer)\n            : layoutRef.current.parentElement;\n          const parentStationing = getStationingElement(parentContainer);\n          if (parentStationing) {\n            startScroll =\n              layoutRef.current.offsetTop - parentStationing.offsetTop >= 0\n                ? layoutRef.current.offsetTop - parentStationing.offsetTop\n                : 0;\n          }\n          positioning(startScroll);\n          document.addEventListener('resize', resizing);\n          if (typeof parentContainer?.addEventListener === 'function') {\n            parentContainer?.addEventListener('resize', resizing);\n            parentContainer?.addEventListener('scroll', () =>\n              positioning(startScroll),\n            );\n          }\n        }\n      },\n      typeof scrollContainer !== 'undefined' ? 0 : 500,\n    );\n    return () => {\n      if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        document.removeEventListener('resize', resizing);\n        if (typeof parentContainer?.removeEventListener === 'function') {\n          parentContainer?.removeEventListener('resize', resizing);\n          parentContainer?.removeEventListener('scroll', () =>\n            positioning(startScroll),\n          );\n        }\n      }\n    };\n  }, [verticalAlign, horizontalAlign, layoutRef, scrollContainer, anchorRef]);\n\n  useEffect(() => {\n    setResult({ ...stationing });\n  }, [\n    stationing.top,\n    stationing.left,\n    stationing.position,\n    stationing.width,\n    stationing.height,\n    stationing.maxHeight,\n    stationing.maxWidth,\n  ]);\n\n  const resizing = () => {\n    if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n      const parentContainer = scrollContainer\n        ? getHTMLElement(scrollContainer)\n        : layoutRef.current.parentElement;\n      const parentStationing = getStationingElement(parentContainer);\n      setStationing({\n        ...stationing,\n        width: layoutRef.current.offsetWidth,\n        height: layoutRef.current.offsetHeight,\n        maxWidth: parentStationing?.clientWidth,\n        maxHeight: parentStationing?.clientHeight,\n      });\n    }\n  };\n\n  const positioning = useCallback(\n    (startScroll: number) => {\n      if (\n        layoutRef &&\n        layoutRef.current &&\n        layoutRef.current.parentElement &&\n        typeof startScroll === 'number'\n      ) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        if (scrollContainer) {\n          const stationingData = positioningElement(\n            startScroll,\n            getStationingElement(layoutRef.current),\n            getStationingElement(parentContainer),\n            getStationingElement(anchorRef?.current),\n            verticalAlign,\n            horizontalAlign,\n          );\n          setStationing({ ...stationingData });\n        }\n      }\n    },\n    [stationing],\n  );\n\n  return result;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useFixed.js","names":["useCallback","useEffect","useState","verticalAlign","verticalAlignDefault","horizontalAlign","horizontalAlignDefault","getHTMLElement","element","HTMLElement","Window","current","getStationingElement","offsetTop","offsetHeight","offsetLeft","offsetWidth","clientHeight","clientWidth","scrollTop","scrollHeight","innerHeight","innerWidth","scrollY","Math","max","document","body","isElementScrollable","container","anchor","isVerticalFixation","startScroll","positioningElement","layoutStationing","scrollContainerStationing","anchorStationing","stationingData","top","left","width","height","maxWidth","maxHeight","position","scrollContainerPosition","bottom","right","window","scrollX","useFixed","layoutRef","scrollContainer","anchorRef","stationing","setStationing","result","setResult","setTimeout","parentElement","parentContainer","parentStationing","positioning","addEventListener","resizing","removeEventListener"],"sources":["../../../../../src/components/Layout/useFixed.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nexport type UseFixedData = {\n  top?: number;\n  left?: number;\n  width?: number;\n  height?: number;\n  maxWidth?: number;\n  maxHeight?: number;\n  position?: 'unset' | 'fixed';\n};\n\nconst verticalAlign = ['top', 'bottom'] as const;\ntype VerticalAlign = typeof verticalAlign[number];\nconst verticalAlignDefault: VerticalAlign = verticalAlign[0];\n\nconst horizontalAlign = ['left', 'right'] as const;\ntype HorizontalAlign = typeof horizontalAlign[number];\nconst horizontalAlignDefault: HorizontalAlign = horizontalAlign[0];\n\ntype UseFixed = (\n  layoutRef?: React.RefObject<HTMLElement> | null,\n  scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window,\n  anchorRef?: React.RefObject<HTMLElement> | null,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nexport type ElementStationing = {\n  offsetTop: number;\n  offsetHeight: number;\n  offsetLeft: number;\n  offsetWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n  scrollTop: number;\n  scrollHeight: number;\n};\n\ntype GetHTMLFunction = (\n  element: React.RefObject<HTMLElement> | HTMLElement | Window,\n) => HTMLElement | Window | null;\n\ntype PositioningElement = (\n  startScroll?: number,\n  layoutStationing?: ElementStationing,\n  scrollContainerStationing?: ElementStationing,\n  anchorStationing?: ElementStationing,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nconst getHTMLElement: GetHTMLFunction = (element) => {\n  if (element && !(element instanceof HTMLElement || element instanceof Window))\n    return element?.current;\n  return element;\n};\n\nconst getStationingElement = (\n  element?: HTMLElement | null | Window,\n): ElementStationing | undefined => {\n  if (element instanceof HTMLElement)\n    return {\n      offsetTop: element.offsetTop,\n      offsetHeight: element.offsetHeight,\n      offsetLeft: element.offsetLeft,\n      offsetWidth: element.offsetWidth,\n      clientHeight: element.clientHeight,\n      clientWidth: element.clientWidth,\n      scrollTop: element.scrollTop,\n      scrollHeight: element.scrollHeight,\n    };\n  if (element instanceof Window) {\n    return {\n      offsetTop: 0,\n      offsetHeight: element.innerHeight,\n      offsetLeft: 0,\n      offsetWidth: element.innerWidth,\n      clientHeight: element.innerHeight,\n      clientWidth: element.innerWidth,\n      scrollTop: element.scrollY,\n      scrollHeight: Math.max(\n        document.body.scrollHeight,\n        document.body.offsetHeight,\n      ),\n    };\n  }\n  return undefined;\n};\n\nconst isElementScrollable = (\n  element: ElementStationing,\n  container: ElementStationing,\n  anchor: ElementStationing | undefined,\n  isVerticalFixation: boolean,\n  startScroll: number,\n): boolean | undefined => {\n  if (isVerticalFixation)\n    return (\n      container.scrollTop >= startScroll &&\n      container.scrollTop <=\n        container.scrollHeight - container.offsetHeight + element.offsetHeight\n    );\n  return anchor\n    ? container.scrollTop + anchor.offsetHeight >= startScroll &&\n        container.scrollTop <=\n          container.scrollHeight - container.offsetHeight + element.offsetHeight\n    : container.scrollTop + container.offsetHeight <=\n        startScroll + element.offsetHeight &&\n        container.scrollTop <= container.scrollHeight - container.offsetHeight;\n};\n\nexport const positioningElement: PositioningElement = (\n  startScroll,\n  layoutStationing,\n  scrollContainerStationing,\n  anchorStationing,\n  verticalAlign,\n  horizontalAlign,\n) => {\n  const stationingData: UseFixedData = {\n    top: 0,\n    left: 0,\n    width: layoutStationing?.offsetWidth,\n    height: layoutStationing?.offsetHeight,\n    maxWidth: scrollContainerStationing?.clientWidth,\n    maxHeight: scrollContainerStationing?.clientHeight,\n    position: 'unset',\n  };\n  if (\n    layoutStationing &&\n    scrollContainerStationing &&\n    typeof startScroll !== 'undefined'\n  ) {\n    const scrollContainerPosition = {\n      top: scrollContainerStationing.offsetTop,\n      bottom:\n        scrollContainerStationing.offsetTop +\n        scrollContainerStationing.clientHeight,\n      left: scrollContainerStationing.offsetLeft,\n      right:\n        scrollContainerStationing.offsetLeft +\n        scrollContainerStationing.clientWidth,\n      width: scrollContainerStationing.clientWidth,\n      height: scrollContainerStationing.clientHeight,\n    };\n    stationingData.width = layoutStationing.offsetWidth;\n    stationingData.height = layoutStationing.offsetHeight;\n    stationingData.maxWidth = scrollContainerPosition.width;\n    stationingData.maxHeight = scrollContainerPosition.height;\n    if (\n      isElementScrollable(\n        layoutStationing,\n        scrollContainerStationing,\n        anchorStationing,\n        verticalAlign === 'top',\n        startScroll,\n      )\n    ) {\n      stationingData.position = 'fixed';\n      if (verticalAlign === 'top')\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop\n          : scrollContainerPosition.top;\n      else\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop + anchorStationing.offsetHeight\n          : scrollContainerPosition.bottom - layoutStationing.offsetHeight;\n      if (horizontalAlign === 'left')\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft\n          : -window.scrollX + scrollContainerPosition.left;\n      else\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft +\n            anchorStationing.offsetWidth -\n            layoutStationing.offsetWidth\n          : -window.scrollX +\n            scrollContainerPosition.right -\n            layoutStationing.offsetWidth;\n    } else stationingData.position = 'unset';\n  }\n  return stationingData;\n};\n\nexport const useFixed: UseFixed = (\n  layoutRef,\n  scrollContainer,\n  anchorRef,\n  verticalAlign = verticalAlignDefault,\n  horizontalAlign = horizontalAlignDefault,\n) => {\n  const [stationing, setStationing] = useState<UseFixedData>({});\n  const [result, setResult] = useState<UseFixedData>({});\n\n  useEffect(() => {\n    let startScroll = 0;\n    setTimeout(\n      () => {\n        if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n          const parentContainer = scrollContainer\n            ? getHTMLElement(scrollContainer)\n            : layoutRef.current.parentElement;\n          const parentStationing = getStationingElement(parentContainer);\n          if (parentStationing) {\n            startScroll =\n              layoutRef.current.offsetTop - parentStationing.offsetTop >= 0\n                ? layoutRef.current.offsetTop - parentStationing.offsetTop\n                : 0;\n          }\n          positioning(startScroll);\n          document.addEventListener('resize', resizing);\n          if (typeof parentContainer?.addEventListener === 'function') {\n            parentContainer?.addEventListener('resize', resizing);\n            parentContainer?.addEventListener('scroll', () =>\n              positioning(startScroll),\n            );\n          }\n        }\n      },\n      typeof scrollContainer !== 'undefined' ? 0 : 500,\n    );\n    return () => {\n      if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        document.removeEventListener('resize', resizing);\n        if (typeof parentContainer?.removeEventListener === 'function') {\n          parentContainer?.removeEventListener('resize', resizing);\n          parentContainer?.removeEventListener('scroll', () =>\n            positioning(startScroll),\n          );\n        }\n      }\n    };\n  }, [verticalAlign, horizontalAlign, layoutRef, scrollContainer, anchorRef]);\n\n  useEffect(() => {\n    setResult({ ...stationing });\n  }, [\n    stationing.top,\n    stationing.left,\n    stationing.position,\n    stationing.width,\n    stationing.height,\n    stationing.maxHeight,\n    stationing.maxWidth,\n  ]);\n\n  const resizing = () => {\n    if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n      const parentContainer = scrollContainer\n        ? getHTMLElement(scrollContainer)\n        : layoutRef.current.parentElement;\n      const parentStationing = getStationingElement(parentContainer);\n      setStationing({\n        ...stationing,\n        width: layoutRef.current.offsetWidth,\n        height: layoutRef.current.offsetHeight,\n        maxWidth: parentStationing?.clientWidth,\n        maxHeight: parentStationing?.clientHeight,\n      });\n    }\n  };\n\n  const positioning = useCallback(\n    (startScroll: number) => {\n      if (\n        layoutRef &&\n        layoutRef.current &&\n        layoutRef.current.parentElement &&\n        typeof startScroll === 'number'\n      ) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        if (scrollContainer) {\n          const stationingData = positioningElement(\n            startScroll,\n            getStationingElement(layoutRef.current),\n            getStationingElement(parentContainer),\n            getStationingElement(anchorRef?.current),\n            verticalAlign,\n            horizontalAlign,\n          );\n          setStationing({ ...stationingData });\n        }\n      }\n    },\n    [stationing],\n  );\n\n  return result;\n};\n"],"mappings":"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"}

package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ListAddItemProps } from '../types';
-export declare const ListAddItem: React.ForwardRefExoticComponent<Pick<ListAddItemProps, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "active" | "innerOffset" | "underLine"> & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { ListAddItemProps } from '../types';
+export declare const ListAddItem: React.ForwardRefExoticComponent<Pick<ListAddItemProps, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "active" | "innerOffset" | "underLine"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","innerOffset","underLine"];import{IconAdd}from"@consta/icons/IconAdd";import React,{forwardRef}from"react";import{ListDivider,ListItem}from"..";import{mapGroupVerticalSpaseBottom,mapHorisontalSpase,mapHorisontalSpaseIncreased}from"../maps";import{defaultListPropSize}from"../types";export var ListAddItem=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=a.underLine,g=_objectWithoutProperties(a,_excluded),h="increased"===e?mapHorisontalSpaseIncreased[d]:mapHorisontalSpase[d];return React.createElement(React.Fragment,null,React.createElement(ListItem,Object.assign({},g,{size:d,ref:b,leftIcon:IconAdd,space:{pH:h,pV:mapGroupVerticalSpaseBottom[d]}})),f&&React.createElement(ListDivider,{size:d,space:{mH:h}}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","innerOffset","underLine"];import{IconAdd}from"@consta/icons/IconAdd";import React,{forwardRef}from"react";import{ListDivider,ListItem}from"..";import{mapGroupVerticalSpaceBottom,mapHorizontalSpace,mapHorizontalSpaceIncreased}from"../maps";import{defaultListPropSize}from"../types";export var ListAddItem=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=a.underLine,g=_objectWithoutProperties(a,_excluded),h="increased"===e?mapHorizontalSpaceIncreased[d]:mapHorizontalSpace[d];return React.createElement(React.Fragment,null,React.createElement(ListItem,Object.assign({},g,{size:d,ref:b,leftIcon:IconAdd,space:{pH:h,pV:mapGroupVerticalSpaceBottom[d]}})),f&&React.createElement(ListDivider,{size:d,space:{mH:h}}))});
 //# sourceMappingURL=ListAddItem.js.map

package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAddItem.js","names":["IconAdd","React","forwardRef","ListDivider","ListItem","mapGroupVerticalSpaseBottom","mapHorisontalSpase","mapHorisontalSpaseIncreased","defaultListPropSize","ListAddItem","props","ref","size","innerOffset","underLine","otherProps","horisontalSpase","pH","pV","mH"],"sources":["../../../../../../src/components/ListCanary/ListAddItem/ListAddItem.tsx"],"sourcesContent":["import { IconAdd } from '@consta/icons/IconAdd';\nimport React, { forwardRef } from 'react';\n\nimport { ListDivider, ListItem } from '..';\nimport {\n  mapGroupVerticalSpaseBottom,\n  mapHorisontalSpase,\n  mapHorisontalSpaseIncreased,\n} from '../maps';\nimport { defaultListPropSize, ListAddItemProps } from '../types';\n\nexport const ListAddItem = forwardRef<HTMLDivElement, ListAddItemProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      innerOffset,\n      underLine,\n      ...otherProps\n    } = props;\n\n    const horisontalSpase =\n      innerOffset === 'increased'\n        ? mapHorisontalSpaseIncreased[size]\n        : mapHorisontalSpase[size];\n\n    return (\n      <>\n        <ListItem\n          {...otherProps}\n          size={size}\n          ref={ref}\n          leftIcon={IconAdd}\n          space={{\n            pH: horisontalSpase,\n            pV: mapGroupVerticalSpaseBottom[size],\n          }}\n        />\n        {underLine && (\n          <ListDivider size={size} space={{ mH: horisontalSpase }} />\n        )}\n      </>\n    );\n  },\n);\n"],"mappings":"sIAAA,OAASA,OAAT,KAAwB,uBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,WAAT,CAAsBC,QAAtB,KAAsC,IAAtC,CACA,OACEC,2BADF,CAEEC,kBAFF,CAGEC,2BAHF,eAKA,OAASC,mBAAT,gBAEA,MAAO,IAAMC,YAAW,CAAGP,UAAU,CACnC,SAACQ,CAAD,CAAQC,CAAR,CAAgB,OAMVD,CANU,CAEZE,IAFY,CAEZA,CAFY,YAELJ,mBAFK,GAGZK,CAHY,CAMVH,CANU,CAGZG,WAHY,CAIZC,CAJY,CAMVJ,CANU,CAIZI,SAJY,CAKTC,CALS,0BAMVL,CANU,YAQRM,CAAe,CACH,WAAhB,GAAAH,CAAW,CACPN,2BAA2B,CAACK,CAAD,CADpB,CAEPN,kBAAkB,CAACM,CAAD,CAXV,CAad,MACE,yCACE,oBAAC,QAAD,kBACMG,CADN,EAEE,IAAI,CAAEH,CAFR,CAGE,GAAG,CAAED,CAHP,CAIE,QAAQ,CAAEX,OAJZ,CAKE,KAAK,CAAE,CACLiB,EAAE,CAAED,CADC,CAELE,EAAE,CAAEb,2BAA2B,CAACO,CAAD,CAF1B,CALT,GADF,CAWGE,CAAS,EACR,oBAAC,WAAD,EAAa,IAAI,CAAEF,CAAnB,CAAyB,KAAK,CAAE,CAAEO,EAAE,CAAEH,CAAN,CAAhC,EAZJ,CAgBH,CA/BkC,CAA9B"}
+{"version":3,"file":"ListAddItem.js","names":["IconAdd","React","forwardRef","ListDivider","ListItem","mapGroupVerticalSpaceBottom","mapHorizontalSpace","mapHorizontalSpaceIncreased","defaultListPropSize","ListAddItem","props","ref","size","innerOffset","underLine","otherProps","horizontalSpace","pH","pV","mH"],"sources":["../../../../../../src/components/ListCanary/ListAddItem/ListAddItem.tsx"],"sourcesContent":["import { IconAdd } from '@consta/icons/IconAdd';\nimport React, { forwardRef } from 'react';\n\nimport { ListDivider, ListItem } from '..';\nimport {\n  mapGroupVerticalSpaceBottom,\n  mapHorizontalSpace,\n  mapHorizontalSpaceIncreased,\n} from '../maps';\nimport { defaultListPropSize, ListAddItemProps } from '../types';\n\nexport const ListAddItem = forwardRef<HTMLDivElement, ListAddItemProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      innerOffset,\n      underLine,\n      ...otherProps\n    } = props;\n\n    const horizontalSpace =\n      innerOffset === 'increased'\n        ? mapHorizontalSpaceIncreased[size]\n        : mapHorizontalSpace[size];\n\n    return (\n      <>\n        <ListItem\n          {...otherProps}\n          size={size}\n          ref={ref}\n          leftIcon={IconAdd}\n          space={{\n            pH: horizontalSpace,\n            pV: mapGroupVerticalSpaceBottom[size],\n          }}\n        />\n        {underLine && (\n          <ListDivider size={size} space={{ mH: horizontalSpace }} />\n        )}\n      </>\n    );\n  },\n);\n"],"mappings":"sIAAA,OAASA,OAAT,KAAwB,uBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,WAAT,CAAsBC,QAAtB,KAAsC,IAAtC,CACA,OACEC,2BADF,CAEEC,kBAFF,CAGEC,2BAHF,eAKA,OAASC,mBAAT,gBAEA,MAAO,IAAMC,YAAW,CAAGP,UAAU,CACnC,SAACQ,CAAD,CAAQC,CAAR,CAAgB,OAMVD,CANU,CAEZE,IAFY,CAEZA,CAFY,YAELJ,mBAFK,GAGZK,CAHY,CAMVH,CANU,CAGZG,WAHY,CAIZC,CAJY,CAMVJ,CANU,CAIZI,SAJY,CAKTC,CALS,0BAMVL,CANU,YAQRM,CAAe,CACH,WAAhB,GAAAH,CAAW,CACPN,2BAA2B,CAACK,CAAD,CADpB,CAEPN,kBAAkB,CAACM,CAAD,CAXV,CAad,MACE,yCACE,oBAAC,QAAD,kBACMG,CADN,EAEE,IAAI,CAAEH,CAFR,CAGE,GAAG,CAAED,CAHP,CAIE,QAAQ,CAAEX,OAJZ,CAKE,KAAK,CAAE,CACLiB,EAAE,CAAED,CADC,CAELE,EAAE,CAAEb,2BAA2B,CAACO,CAAD,CAF1B,CALT,GADF,CAWGE,CAAS,EACR,oBAAC,WAAD,EAAa,IAAI,CAAEF,CAAnB,CAAyB,KAAK,CAAE,CAAEO,EAAE,CAAEH,CAAN,CAAhC,EAZJ,CAgBH,CA/BkC,CAA9B"}

package/__internal__/src/components/ListCanary/ListAddItem/index.d.ts

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

package/__internal__/src/components/ListCanary/ListBox/ListBox.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ListBoxProps } from '../types';
-export declare const ListBox: React.ForwardRefExoticComponent<Pick<ListBoxProps, "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "border" | "shadow"> & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { ListBoxProps } from '../types';
+export declare const ListBox: React.ForwardRefExoticComponent<Pick<ListBoxProps, "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "border" | "shadow"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ListCanary/ListBox/ListBox.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","border","shadow","className"];import React,{forwardRef}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{defaultListPropSize}from"../types";import{cnListBox}from"./cnListBox";import{mapVerticalSpase}from"./mapVerticalSpase";export var ListBox=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.form,f=a.border,g=a.shadow,h=a.className,i=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},i,{ref:b,className:cnListBox({size:d,form:e,border:f,shadow:g},[cnMixSpace({pV:mapVerticalSpase[d]}),cnMixScrollBar(),h])}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","border","shadow","className"];import React,{forwardRef}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{defaultListPropSize}from"../types";import{cnListBox}from"./cnListBox";import{mapVerticalSpace}from"./mapVerticalSpace";export var ListBox=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.form,f=a.border,g=a.shadow,h=a.className,i=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},i,{ref:b,className:cnListBox({size:d,form:e,border:f,shadow:g},[cnMixSpace({pV:mapVerticalSpace[d]}),cnMixScrollBar(),h])}))});
 //# sourceMappingURL=ListBox.js.map

package/__internal__/src/components/ListCanary/ListBox/ListBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListBox.js","names":["React","forwardRef","cnMixScrollBar","cnMixSpace","defaultListPropSize","cnListBox","mapVerticalSpase","ListBox","props","ref","size","form","border","shadow","className","otherProps","pV"],"sources":["../../../../../../src/components/ListCanary/ListBox/ListBox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { defaultListPropSize, ListBoxProps } from '../types';\nimport { cnListBox } from './cnListBox';\nimport { mapVerticalSpase } from './mapVerticalSpase';\n\nexport const ListBox = forwardRef<HTMLDivElement, ListBoxProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      form,\n      border,\n      shadow,\n      className,\n      ...otherProps\n    } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnListBox({ size, form, border, shadow }, [\n          cnMixSpace({\n            pV: mapVerticalSpase[size],\n          }),\n          cnMixScrollBar(),\n          className,\n        ])}\n      />\n    );\n  },\n);\n"],"mappings":"iJAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,kCACA,OAASC,UAAT,8BAEA,OAASC,mBAAT,gBACA,OAASC,SAAT,mBACA,OAASC,gBAAT,0BAEA,MAAO,IAAMC,QAAO,CAAGN,UAAU,CAC/B,SAACO,CAAD,CAAQC,CAAR,CAAgB,CACd,MAOID,CAPJ,CACEE,IADF,CACEA,CADF,YACSN,mBADT,GAEEO,CAFF,CAOIH,CAPJ,CAEEG,IAFF,CAGEC,CAHF,CAOIJ,CAPJ,CAGEI,MAHF,CAIEC,CAJF,CAOIL,CAPJ,CAIEK,MAJF,CAKEC,CALF,CAOIN,CAPJ,CAKEM,SALF,CAMKC,CANL,0BAOIP,CAPJ,YASA,MACE,4CACMO,CADN,EAEE,GAAG,CAAEN,CAFP,CAGE,SAAS,CAAEJ,SAAS,CAAC,CAAEK,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcC,MAAM,CAANA,CAAd,CAAsBC,MAAM,CAANA,CAAtB,CAAD,CAAiC,CACnDV,UAAU,CAAC,CACTa,EAAE,CAAEV,gBAAgB,CAACI,CAAD,CADX,CAAD,CADyC,CAInDR,cAAc,EAJqC,CAKnDY,CALmD,CAAjC,CAHtB,GAYH,CAxB8B,CAA1B"}
+{"version":3,"file":"ListBox.js","names":["React","forwardRef","cnMixScrollBar","cnMixSpace","defaultListPropSize","cnListBox","mapVerticalSpace","ListBox","props","ref","size","form","border","shadow","className","otherProps","pV"],"sources":["../../../../../../src/components/ListCanary/ListBox/ListBox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { defaultListPropSize, ListBoxProps } from '../types';\nimport { cnListBox } from './cnListBox';\nimport { mapVerticalSpace } from './mapVerticalSpace';\n\nexport const ListBox = forwardRef<HTMLDivElement, ListBoxProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      form,\n      border,\n      shadow,\n      className,\n      ...otherProps\n    } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnListBox({ size, form, border, shadow }, [\n          cnMixSpace({\n            pV: mapVerticalSpace[size],\n          }),\n          cnMixScrollBar(),\n          className,\n        ])}\n      />\n    );\n  },\n);\n"],"mappings":"iJAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,kCACA,OAASC,UAAT,8BAEA,OAASC,mBAAT,gBACA,OAASC,SAAT,mBACA,OAASC,gBAAT,0BAEA,MAAO,IAAMC,QAAO,CAAGN,UAAU,CAC/B,SAACO,CAAD,CAAQC,CAAR,CAAgB,CACd,MAOID,CAPJ,CACEE,IADF,CACEA,CADF,YACSN,mBADT,GAEEO,CAFF,CAOIH,CAPJ,CAEEG,IAFF,CAGEC,CAHF,CAOIJ,CAPJ,CAGEI,MAHF,CAIEC,CAJF,CAOIL,CAPJ,CAIEK,MAJF,CAKEC,CALF,CAOIN,CAPJ,CAKEM,SALF,CAMKC,CANL,0BAOIP,CAPJ,YASA,MACE,4CACMO,CADN,EAEE,GAAG,CAAEN,CAFP,CAGE,SAAS,CAAEJ,SAAS,CAAC,CAAEK,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcC,MAAM,CAANA,CAAd,CAAsBC,MAAM,CAANA,CAAtB,CAAD,CAAiC,CACnDV,UAAU,CAAC,CACTa,EAAE,CAAEV,gBAAgB,CAACI,CAAD,CADX,CAAD,CADyC,CAInDR,cAAc,EAJqC,CAKnDY,CALmD,CAAjC,CAHtB,GAYH,CAxB8B,CAA1B"}

package/__internal__/src/components/ListCanary/ListBox/cnListBox.d.ts

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

package/__internal__/src/components/ListCanary/ListBox/index.d.ts

@@ -1,3 +1,3 @@
-export * from './ListBox';
-export * from './cnListBox';
-export * from './mapVerticalSpase';
+export * from './ListBox';
+export * from './cnListBox';
+export * from './mapVerticalSpace';

package/__internal__/src/components/ListCanary/ListBox/index.js

@@ -1,2 +1,2 @@
-export*from"./ListBox";export*from"./cnListBox";export*from"./mapVerticalSpase";
+export*from"./ListBox";export*from"./cnListBox";export*from"./mapVerticalSpace";
 //# sourceMappingURL=index.js.map

package/__internal__/src/components/ListCanary/ListBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ListCanary/ListBox/index.ts"],"sourcesContent":["export * from './ListBox';\nexport * from './cnListBox';\nexport * from './mapVerticalSpase';\n"],"mappings":"AAAA,uBACA,yBACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/ListCanary/ListBox/index.ts"],"sourcesContent":["export * from './ListBox';\nexport * from './cnListBox';\nexport * from './mapVerticalSpace';\n"],"mappings":"AAAA,uBACA,yBACA"}

package/__internal__/src/components/ListCanary/ListBox/{mapVerticalSpase.d.ts → mapVerticalSpace.d.ts}

@@ -1,3 +1,3 @@
-import { Space } from "../../../mixs/MixSpace";
-import { ListPropSize } from '../types';
-export declare const mapVerticalSpase: Record<ListPropSize, Space>;
+import { Space } from "../../../mixs/MixSpace";
+import { ListPropSize } from '../types';
+export declare const mapVerticalSpace: Record<ListPropSize, Space>;

package/__internal__/src/components/ListCanary/ListBox/mapVerticalSpace.js

@@ -0,0 +1,2 @@
+export var mapVerticalSpace={xs:"2xs",s:"2xs",m:"xs",l:"xs"};
+//# sourceMappingURL=mapVerticalSpace.js.map