@salutejs/plasma-new-hope 0.135.0-canary.1404.10631789671.0 → 0.135.0-canary.1405.10631388441.0

package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx

@@ -0,0 +1,116 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+import { TextField } from '../TextField/TextField';
+
+import { InputGroup } from './InputGroup';
+
+type StoryProps = Omit<ComponentProps<typeof InputGroup>, 'gap'> & {
+    itemsCount?: number;
+    gapDefaultShape?: string;
+    gapSegmentedShape?: string;
+};
+type Story = StoryObj<StoryProps>;
+
+const sizes = ['l', 'm', 's', 'xs'];
+const orientationValues = ['horizontal', 'vertical'];
+const gapDefaultValues = ['dense', 'wide'];
+const gapSegmentedValues = ['none', 'dense'];
+const shapeValues = ['segmented', 'default'];
+const stretchingValues = ['auto', 'filled'];
+
+const meta: Meta<typeof InputGroup> = {
+    title: 'plasma_b2c/InputGroup',
+    decorators: [WithTheme],
+    argTypes: {
+        size: {
+            options: sizes,
+            control: {
+                type: 'select',
+            },
+        },
+        orientation: {
+            options: orientationValues,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        shape: {
+            options: shapeValues,
+            control: {
+                type: 'select',
+            },
+        },
+        stretching: {
+            options: stretchingValues,
+            control: {
+                type: 'select',
+            },
+        },
+        ...disableProps(['gap']),
+    },
+};
+
+export default meta;
+
+export const Default: Story = {
+    argTypes: {
+        gapDefaultShape: {
+            options: gapDefaultValues,
+            control: { type: 'select' },
+            if: { arg: 'shape', eq: 'default' },
+        },
+        gapSegmentedShape: {
+            options: gapSegmentedValues,
+            control: { type: 'select' },
+            if: { arg: 'shape', eq: 'segmented' },
+        },
+    },
+    args: {
+        size: 'm',
+        shape: 'default',
+        gapDefaultShape: 'dense',
+        gapSegmentedShape: 'dense',
+        orientation: 'horizontal',
+        itemsCount: 5,
+        stretching: 'auto',
+    },
+    render: ({ itemsCount, gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
+        return (
+            <InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
+                {Array(itemsCount)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+        );
+    },
+};
+
+export const CustomInputs: Story = {
+    args: {
+        ...Default.args,
+        isCommonInputStyles: false,
+    },
+    argTypes: {
+        ...Default.argTypes,
+        ...disableProps(['itemsCount']),
+    },
+    render: ({ gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
+        return (
+            <>
+                <h3>Группа Input с разными размерами</h3>
+                <InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
+                    <TextField placeholder="Размер l" size="l" />
+                    <TextField placeholder="Размер m" size="m" />
+                    <TextField placeholder="Размер s" size="s" />
+                    <TextField placeholder="Размер xs" size="xs" />
+                </InputGroup>
+            </>
+        );
+    },
+};

package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

@@ -47,12 +47,6 @@ const meta: Meta = {
                 type: 'date',
             },
         },
-        lang: {
-            options: ['ru', 'en'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
     },
 };
 
@@ -69,8 +63,6 @@ const StoryDefault = ({
     valueError,
     valueSuccess,
     size,
-    lang,
-    format,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -91,8 +83,6 @@ const StoryDefault = ({
             onChangeValue={(e, currentValue) => {
                 onChangeValue(e, currentValue);
             }}
-            lang={lang}
-            format={format}
             onCommitDate={() => setIsOpen(false)}
             {...rest}
         />
@@ -112,12 +102,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
                 type: 'inline-radio',
             },
         },
-        format: {
-            options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         label: 'Лейбл',
@@ -125,7 +109,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         placeholder: '30.05.2024',
         size: 'l',
         view: 'default',
-        labelPlacement: 'outer',
         defaultDate: new Date(2024, 5, 14),
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
@@ -137,8 +120,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         enableContentRight: true,
         valueError: false,
         valueSuccess: false,
-        lang: 'ru',
-        format: 'DD.MM.YYYY',
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -248,12 +229,6 @@ export const Range: StoryObj<StoryPropsRange> = {
                 type: 'inline-radio',
             },
         },
-        format: {
-            options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         label: 'Лейбл',
@@ -280,9 +255,6 @@ export const Range: StoryObj<StoryPropsRange> = {
         enableSecondTextfieldContentLeft: false,
         enableSecondTextfieldContentRight: false,
 
-        lang: 'ru',
-        format: 'DD.MM.YYYY',
-
         firstValueError: false,
         firstValueSuccess: false,
         secondValueError: false,
@@ -348,12 +320,6 @@ export const Deferred: StoryObj<StoryPropsDefault> = {
                 type: 'inline-radio',
             },
         },
-        format: {
-            options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         label: 'Лейбл',

package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.config.js

@@ -0,0 +1,32 @@
+import { css } from 'styled-components';
+import { inputGroupTokens as tokens } from '../../../../components/InputGroup';
+export var config = {
+  defaults: {
+    size: 'm'
+  },
+  variations: {
+    size: {
+      l: /*#__PURE__*/css(["", ":0.875rem;", ":0.375rem;", ":0.875rem;", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tokens.inputDefaultRadius, tokens.inputSegmentedRadius, tokens.inputSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
+      m: /*#__PURE__*/css(["", ":0.75rem;", ":0.25rem;", ":0.75rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tokens.inputDefaultRadius, tokens.inputSegmentedRadius, tokens.inputSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
+      s: /*#__PURE__*/css(["", ":0.25rem;", ":0.625rem;", ":0.625rem;", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.inputSegmentedRadius, tokens.inputSideRadius, tokens.inputDefaultRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
+      xs: /*#__PURE__*/css(["", ":0.125rem;", ":0.5rem;", ":0.5rem;", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.inputSegmentedRadius, tokens.inputDefaultRadius, tokens.inputSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
+    },
+    orientation: {
+      horizontal: /*#__PURE__*/css(["", ":row;"], tokens.inputGroupOrientation),
+      vertical: /*#__PURE__*/css(["", ":column;"], tokens.inputGroupOrientation)
+    },
+    gap: {
+      none: /*#__PURE__*/css(["", ":0;", ":-0.063rem;", ":inset(0 0.063rem 0 0);", ":-0.063rem;", ":inset(0.063rem 0 0 0);"], tokens.inputGroupItemsGap, tokens.inputGroupWebMarginLeft, tokens.inputGroupWebClipPath, tokens.inputGroupWebMarginTop, tokens.inputGroupWebVerticalClipPath),
+      dense: /*#__PURE__*/css(["", ":0.125rem;"], tokens.inputGroupItemsGap),
+      wide: /*#__PURE__*/css(["", ":0.5rem;"], tokens.inputGroupItemsGap)
+    },
+    shape: {
+      segmented: /*#__PURE__*/css([""]),
+      "default": /*#__PURE__*/css([""])
+    },
+    stretching: {
+      auto: /*#__PURE__*/css([""]),
+      filled: /*#__PURE__*/css([""])
+    }
+  }
+};

package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.js

@@ -0,0 +1,5 @@
+import { inputGroupConfig } from '../../../../components/InputGroup';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './InputGroup.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(inputGroupConfig, config);
+export var InputGroup = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx

@@ -0,0 +1,116 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+import { TextField } from '../TextField/TextField';
+
+import { InputGroup } from './InputGroup';
+
+type StoryProps = Omit<ComponentProps<typeof InputGroup>, 'gap'> & {
+    itemsCount?: number;
+    gapDefaultShape?: string;
+    gapSegmentedShape?: string;
+};
+type Story = StoryObj<StoryProps>;
+
+const sizes = ['l', 'm', 's', 'xs'];
+const orientationValues = ['horizontal', 'vertical'];
+const gapDefaultValues = ['dense', 'wide'];
+const gapSegmentedValues = ['none', 'dense'];
+const shapeValues = ['segmented', 'default'];
+const stretchingValues = ['auto', 'filled'];
+
+const meta: Meta<typeof InputGroup> = {
+    title: 'plasma_web/InputGroup',
+    decorators: [WithTheme],
+    argTypes: {
+        size: {
+            options: sizes,
+            control: {
+                type: 'select',
+            },
+        },
+        orientation: {
+            options: orientationValues,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        shape: {
+            options: shapeValues,
+            control: {
+                type: 'select',
+            },
+        },
+        stretching: {
+            options: stretchingValues,
+            control: {
+                type: 'select',
+            },
+        },
+        ...disableProps(['gap']),
+    },
+};
+
+export default meta;
+
+export const Default: Story = {
+    argTypes: {
+        gapDefaultShape: {
+            options: gapDefaultValues,
+            control: { type: 'select' },
+            if: { arg: 'shape', eq: 'default' },
+        },
+        gapSegmentedShape: {
+            options: gapSegmentedValues,
+            control: { type: 'select' },
+            if: { arg: 'shape', eq: 'segmented' },
+        },
+    },
+    args: {
+        size: 'm',
+        shape: 'default',
+        gapDefaultShape: 'dense',
+        gapSegmentedShape: 'dense',
+        orientation: 'horizontal',
+        itemsCount: 5,
+        stretching: 'auto',
+    },
+    render: ({ itemsCount, gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
+        return (
+            <InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
+                {Array(itemsCount)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+        );
+    },
+};
+
+export const CustomInputs: Story = {
+    args: {
+        ...Default.args,
+        isCommonInputStyles: false,
+    },
+    argTypes: {
+        ...Default.argTypes,
+        ...disableProps(['itemsCount']),
+    },
+    render: ({ gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
+        return (
+            <>
+                <h3>Группа Input с разными размерами</h3>
+                <InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
+                    <TextField placeholder="Размер l" size="l" />
+                    <TextField placeholder="Размер m" size="m" />
+                    <TextField placeholder="Размер s" size="s" />
+                    <TextField placeholder="Размер xs" size="xs" />
+                </InputGroup>
+            </>
+        );
+    },
+};

package/styled-components/es/index.js

@@ -17,6 +17,7 @@ export * from './components/Radiobox';
 export * from './components/Popover';
 export * from './components/TextArea';
 export * from './components/TextField';
+export * from './components/InputGroup';
 export * from './components/Switch';
 export * from './components/Tabs';
 export * from './components/Calendar';

package/styled-components/es/utils/datejs.js

@@ -2,8 +2,6 @@ import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import quarterOfYear from 'dayjs/plugin/quarterOfYear';
 import advancedFormat from 'dayjs/plugin/advancedFormat';
-import 'dayjs/locale/ru';
-import 'dayjs/locale/en';
 dayjs.extend(customParseFormat);
 dayjs.extend(quarterOfYear);
 dayjs.extend(advancedFormat);

package/types/components/DatePicker/DatePickerBase.types.d.ts

@@ -1,7 +1,6 @@
 import type { Dispatch, MutableRefObject, SetStateAction, SyntheticEvent, ChangeEvent } from 'react';
 import type { CalendarStateType } from '../Calendar';
 import type { DateInfo, DisabledDay, EventDay } from '../Calendar/Calendar.types';
-import type { Langs } from './utils/dateHelper';
 export declare type DatePickerCalendarProps = {
     /**
      * Формат даты.
@@ -60,10 +59,6 @@ export declare type DatePickerCalendarProps = {
      * Тип отображения календаря: дни, месяца, года.
      */
     type?: CalendarStateType;
-    /**
-     * Язык в маске ввода
-     */
-    lang?: Langs;
 };
 export declare type DatePickerdVariationProps = {
     /**
@@ -90,7 +85,6 @@ export declare type UseDatePickerProps = {
     setIsInnerOpen: Dispatch<SetStateAction<boolean>>;
     dateFormatDelimiter: () => string;
     format?: string;
-    lang?: Langs;
     disabled?: boolean;
     readOnly?: boolean;
     maskWithFormat?: boolean;

package/types/components/DatePicker/DatePickerBase.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerBase.types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerBase.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePickerBase.types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAErG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAElF,oBAAY,uBAAuB,GAAG;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,WAAW,EAAE,CAAC;IAClC;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC;IACpC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,WAAW,EAAE,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IAC7D,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC1G,CAAC"}

package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAqSvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAvSxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgU3G,CAAC"}
+{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAwRvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBA1RxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmT3G,CAAC"}

package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC,gXAgLlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAlLnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;CA2MtG,CAAC"}
+{"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC,gXAyKlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBA3KnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;CAoMtG,CAAC"}

package/types/components/DatePicker/hooks/useDatePicker.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEvent, SyntheticEvent } from 'react';
 import type { UseDatePickerProps } from '../DatePickerBase.types';
 import type { DateInfo } from '../../Calendar/Calendar.types';
-export declare const useDatePicker: ({ currentValue, setInputValue, setCalendarValue, setIsInnerOpen, dateFormatDelimiter, format, lang, disabled, readOnly, maskWithFormat, valueError, valueSuccess, inputRef, onToggle, onChangeValue, onCommitDate, }: UseDatePickerProps) => {
+export declare const useDatePicker: ({ currentValue, setInputValue, setCalendarValue, setIsInnerOpen, dateFormatDelimiter, format, disabled, readOnly, maskWithFormat, valueError, valueSuccess, inputRef, onToggle, onChangeValue, onCommitDate, }: UseDatePickerProps) => {
     datePickerErrorClass: string | undefined;
     datePickerSuccessClass: string | undefined;
     handleToggle: (opened: boolean, event: SyntheticEvent | Event) => void;

package/types/components/DatePicker/hooks/useDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D,eAAO,MAAM,aAAa,yNAiBvB,kBAAkB;;;2BAIa,OAAO,SAAS,cAAc,GAAG,KAAK;+BAclC,YAAY,gBAAgB,CAAC;;CA8DlE,CAAC"}
+{"version":3,"file":"useDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D,eAAO,MAAM,aAAa,mNAgBvB,kBAAkB;;;2BAIa,OAAO,SAAS,cAAc,GAAG,KAAK;+BAclC,YAAY,gBAAgB,CAAC;;CA8DlE,CAAC"}

package/types/components/DatePicker/utils/dateHelper.d.ts

@@ -1,7 +1,6 @@
-export declare type Langs = 'ru' | 'en';
-export declare const formatInputValue: (value?: string | Date | undefined, format?: string | undefined, lang?: Langs | undefined) => string;
-export declare const formatCalendarValue: (value?: string | Date | undefined, format?: string | undefined, lang?: Langs | undefined) => Date | undefined;
-export declare const getDateFromFormat: (value: Date | string, format?: string | undefined, lang?: Langs | undefined) => {
+export declare const formatInputValue: (value?: string | Date | undefined, format?: string | undefined) => string;
+export declare const formatCalendarValue: (value?: string | Date | undefined, format?: string | undefined) => Date | undefined;
+export declare const getDateFromFormat: (value: Date | string, format?: string | undefined) => {
     value: string | Date;
     isError: boolean;
     isSuccess: boolean;

package/types/components/DatePicker/utils/dateHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateHelper.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils/dateHelper.ts"],"names":[],"mappings":"AAEA,oBAAY,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhC,eAAO,MAAM,gBAAgB,sGAc5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,gHAc/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,IAAI,GAAG,MAAM;;;;CAUrD,CAAC;AAEF,eAAO,MAAM,sBAAsB,yCAQlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,qIAsBhC,CAAC"}
+{"version":3,"file":"dateHelper.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils/dateHelper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,4EAc5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,sFAc/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,IAAI,GAAG,MAAM;;;;CAUrD,CAAC;AAEF,eAAO,MAAM,sBAAsB,yCAQlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,qIAsBhC,CAAC"}

package/types/components/InputGroup/InputGroup.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { RootProps } from '../../engines';
+import type { InputGroupProps, InputGroupRootProps } from './InputGroup.types';
+export declare const inputGroupRoot: (Root: RootProps<HTMLDivElement, InputGroupRootProps>) => React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const inputGroupConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, InputGroupRootProps>) => React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        gap: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        orientation: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        shape: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        stretching: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        size: string;
+        gap: string;
+        orientation: string;
+        shape: string;
+        stretching: string;
+    };
+};
+//# sourceMappingURL=InputGroup.d.ts.map

package/types/components/InputGroup/InputGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE/E,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC,2FAiC7E,CAAC;AAEP,eAAO,MAAM,gBAAgB;;;mBAnCQ,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAgElF,CAAC"}

package/types/components/InputGroup/InputGroup.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=InputGroup.styles.d.ts.map

package/types/components/InputGroup/InputGroup.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.styles.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}

package/types/components/InputGroup/InputGroup.tokens.d.ts

@@ -0,0 +1,85 @@
+export declare const classes: {
+    autoStretching: string;
+    filledStretching: string;
+    inputGroupOverrideStyles: string;
+    inputGroupItem: string;
+    horizontal: string;
+    vertical: string;
+    none: string;
+    dense: string;
+    wide: string;
+    segmented: string;
+    default: string;
+};
+export declare const tokens: {
+    inputGroupOrientation: string;
+    inputGroupWebMarginLeft: string;
+    inputGroupWebClipPath: string;
+    inputGroupWebMarginTop: string;
+    inputGroupWebVerticalClipPath: string;
+    inputSegmentedRadius: string;
+    inputDefaultRadius: string;
+    inputSideRadius: string;
+    inputGroupItemsGap: string;
+    height: string;
+    borderWidth: string;
+    /** Отступ от границы ТextField */
+    padding: string;
+    paddingWithChips: string;
+    leftContentMargin: string;
+    rightContentMargin: string;
+    fontFamily: string;
+    fontStyle: string;
+    fontSize: string;
+    fontWeight: string;
+    letterSpacing: string;
+    lineHeight: string;
+    /** Токены лейбла */
+    labelOffset: string;
+    labelFontFamily: string;
+    labelFontStyle: string;
+    labelFontSize: string;
+    labelFontWeight: string;
+    labelLetterSpacing: string;
+    labelLineHeight: string;
+    labelInnerFontFamily: string;
+    labelInnerFontStyle: string;
+    labelInnerFontSize: string;
+    labelInnerFontWeight: string;
+    labelInnerLetterSpacing: string;
+    labelInnerLineHeight: string;
+    labelInnerPadding: string;
+    contentLabelInnerPadding: string;
+    leftHelperOffset: string;
+    leftHelperFontFamily: string;
+    leftHelperFontStyle: string;
+    leftHelperFontSize: string;
+    leftHelperFontWeight: string;
+    leftHelperLetterSpacing: string;
+    leftHelperLineHeight: string;
+    /** Токены вспомогательного текста */
+    textBeforeMargin: string;
+    textAfterMargin: string;
+    /** Токены чипа */
+    chipHeight: string;
+    chipBorderRadius: string;
+    chipGap: string;
+    chipScaleHover: string;
+    chipScaleActive: string;
+    chipOutlineSize: string;
+    chipWidth: string;
+    chipPaddingTop: string;
+    chipPaddingRight: string;
+    chipPaddingBottom: string;
+    chipPaddingLeft: string;
+    chipCloseIconSize: string;
+    chipFontFamily: string;
+    chipFontSize: string;
+    chipFontStyle: string;
+    chipFontWeight: string;
+    chipLetterSpacing: string;
+    chipLineHeight: string;
+    chipClearContentMarginLeft: string;
+    chipClearContentMarginRight: string;
+};
+//# sourceMappingURL=InputGroup.tokens.d.ts.map

package/types/components/InputGroup/InputGroup.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;IAgBf,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;IA8BpB,qCAAqC;;;IAIrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}