@salutejs/plasma-new-hope 0.327.0-canary.1973.15733948288.0 → 0.327.0-canary.2010.15678347777.0

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

@@ -1,100 +0,0 @@
-import React, { ComponentProps, useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { getConfigVariations } from '@salutejs/plasma-sb-utils';
-
-import { WithTheme } from '../../../_helpers';
-
-import { CodeInput } from './CodeInput';
-import { config } from './CodeInput.config';
-
-const onChange = action('onChange');
-const onFullCodeEnter = action('onFullCodeEnter');
-
-const { views, sizes } = getConfigVariations(config);
-const codeLengths = [4, 5, 6];
-const captionAlignVariants = ['left', 'center'];
-const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
-const codeErrorBehaviorVariants = ['remove-code', 'keep'];
-
-const meta: Meta<typeof CodeInput> = {
-    title: 'b2c/Data Entry/CodeInput',
-    component: CodeInput,
-    decorators: [WithTheme],
-    argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        captionAlign: {
-            options: captionAlignVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        codeLength: {
-            options: codeLengths,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        itemErrorBehavior: {
-            options: itemErrorBehaviorVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        codeErrorBehavior: {
-            options: codeErrorBehaviorVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-    },
-    parameters: {
-        controls: {
-            exclude: ['view'],
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = ComponentProps<typeof CodeInput>;
-
-const StoryDefault = (args: StoryPropsDefault) => {
-    const [value, setValue] = useState('');
-
-    const handleChange = (newValue: string) => {
-        setValue(newValue);
-        onChange(newValue);
-    };
-
-    return <CodeInput {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        view: 'default',
-        size: 'm',
-        codeLength: 6,
-        caption: 'Caption',
-        captionAlign: 'center',
-        width: '',
-        isError: false,
-        itemErrorBehavior: 'remove-symbol',
-        codeErrorBehavior: 'remove-code',
-        autoFocus: true,
-        disabled: false,
-        hidden: false,
-    },
-    render: StoryDefault,
-};

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

@@ -1,21 +0,0 @@
-import { css } from 'styled-components';
-import { codeInputTokens as tokens } from "../../../../components/CodeInput";
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'l'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--outline-accent);"], tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError, tokens.borderColorFocus)
-    },
-    size: {
-      l: /*#__PURE__*/css(["", ":2.5rem;", ":0.75rem;", ":0.75rem;", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":8rem;", ":8rem;", ":7rem;", ":7rem;", ":5.5rem;", ":5.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":5rem;", ":8rem;", ":4.5rem;", ":7rem;", ":3.5rem;", ":5.75rem;", ":0.125rem;", ":1.5rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeFontSize, tokens.largeLineHeight, tokens.mediumFontSize, tokens.mediumLineHeight, tokens.smallFontSize, tokens.smallLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeCodeItemWidth, tokens.largeCodeItemHeight, tokens.mediumCodeItemWidth, tokens.mediumCodeItemHeight, tokens.smallCodeItemWidth, tokens.smallCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
-      m: /*#__PURE__*/css(["", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":5.5rem;", ":5.75rem;", ":4.5rem;", ":4.75rem;", ":3.5rem;", ":3.75rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":3.5rem;", ":5.75rem;", ":3rem;", ":4.75rem;", ":2.25rem;", ":3.75rem;", ":0.094rem;", ":1rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeFontSize, tokens.largeLineHeight, tokens.mediumFontSize, tokens.mediumLineHeight, tokens.smallFontSize, tokens.smallLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeCodeItemWidth, tokens.largeCodeItemHeight, tokens.mediumCodeItemWidth, tokens.mediumCodeItemHeight, tokens.smallCodeItemWidth, tokens.smallCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
-      s: /*#__PURE__*/css(["", ":1.5rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":4rem;", ":4.25rem;", ":3rem;", ":3.25rem;", ":2.5rem;", ":2.75rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":2.5rem;", ":4.25rem;", ":2rem;", ":3.25rem;", ":1.625rem;", ":2.75rem;", ":0.063rem;", ":0.75rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeFontSize, tokens.largeLineHeight, tokens.mediumFontSize, tokens.mediumLineHeight, tokens.smallFontSize, tokens.smallLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeCodeItemWidth, tokens.largeCodeItemHeight, tokens.mediumCodeItemWidth, tokens.mediumCodeItemHeight, tokens.smallCodeItemWidth, tokens.smallCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
-    }
-  }
-};

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

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

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

@@ -1,100 +0,0 @@
-import React, { ComponentProps, useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { getConfigVariations } from '@salutejs/plasma-sb-utils';
-
-import { WithTheme } from '../../../_helpers';
-
-import { CodeInput } from './CodeInput';
-import { config } from './CodeInput.config';
-
-const onChange = action('onChange');
-const onFullCodeEnter = action('onFullCodeEnter');
-
-const { views, sizes } = getConfigVariations(config);
-const codeLengths = [4, 5, 6];
-const captionAlignVariants = ['left', 'center'];
-const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
-const codeErrorBehaviorVariants = ['remove-code', 'keep'];
-
-const meta: Meta<typeof CodeInput> = {
-    title: 'web/Data Entry/CodeInput',
-    component: CodeInput,
-    decorators: [WithTheme],
-    argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        captionAlign: {
-            options: captionAlignVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        codeLength: {
-            options: codeLengths,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        itemErrorBehavior: {
-            options: itemErrorBehaviorVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        codeErrorBehavior: {
-            options: codeErrorBehaviorVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-    },
-    parameters: {
-        controls: {
-            exclude: ['view'],
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = ComponentProps<typeof CodeInput>;
-
-const StoryDefault = (args: StoryPropsDefault) => {
-    const [value, setValue] = useState('');
-
-    const handleChange = (newValue: string) => {
-        setValue(newValue);
-        onChange(newValue);
-    };
-
-    return <CodeInput {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        view: 'default',
-        size: 'm',
-        codeLength: 6,
-        caption: 'Caption',
-        captionAlign: 'center',
-        width: '',
-        isError: false,
-        itemErrorBehavior: 'remove-symbol',
-        codeErrorBehavior: 'remove-code',
-        autoFocus: true,
-        disabled: false,
-        hidden: false,
-    },
-    render: StoryDefault,
-};

package/styled-components/es/hooks/useCodeHook.js

@@ -1,26 +0,0 @@
-import { useEffect } from 'react';
-import { useDidMountEffect } from '.';
-export var useCodeHook = function useCodeHook(_ref) {
-  var inputRefs = _ref.inputRefs,
-    codeLength = _ref.codeLength,
-    disabled = _ref.disabled,
-    autoFocus = _ref.autoFocus,
-    originalValue = _ref.originalValue,
-    getLastActiveIndex = _ref.getLastActiveIndex,
-    handleFullCodeEnter = _ref.handleFullCodeEnter;
-  useEffect(function () {
-    inputRefs.current = inputRefs.current.slice(0, codeLength);
-  }, [codeLength]);
-  useEffect(function () {
-    if (autoFocus && !disabled) {
-      var _inputRefs$current$la;
-      var lastActiveIndex = getLastActiveIndex();
-      (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
-    }
-  }, [autoFocus]);
-  useDidMountEffect(function () {
-    if (handleFullCodeEnter && originalValue.length === codeLength) {
-      handleFullCodeEnter(originalValue);
-    }
-  }, [originalValue, handleFullCodeEnter]);
-};

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

@@ -1,24 +0,0 @@
-export var getFieldPattern = function getFieldPattern(allowedSymbols) {
-  if (!allowedSymbols) {
-    return null;
-  }
-  if (typeof allowedSymbols === 'string') {
-    return new RegExp(allowedSymbols, 'g');
-  }
-  return allowedSymbols;
-};
-export var getCodeValue = function getCodeValue(codeLength, value) {
-  if (!value.length) {
-    return new Array(codeLength).fill('');
-  }
-  return value.slice(0, codeLength).split('');
-};
-export var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
-  if (!placeholder || typeof placeholder !== 'string') {
-    return null;
-  }
-  if (placeholder.length === 1) {
-    return Array(codeLength).fill(placeholder);
-  }
-  return placeholder.slice(0, codeLength).split('');
-};

package/types/components/CodeInput/CodeInput.d.ts

@@ -1,65 +0,0 @@
-import React from 'react';
-import type { RootProps } from '../../../src/engines';
-import type { CodeInputProps } from './CodeInput.types';
-export declare const codeInputRoot: (Root: RootProps<HTMLDivElement, CodeInputProps>) => React.ForwardRefExoticComponent<{
-    value?: string;
-    placeholder?: string;
-    autoFocus?: boolean;
-    codeLength?: 4 | 5 | 6;
-    caption?: React.ReactNode;
-    captionAlign?: "left" | "center";
-    hidden?: boolean;
-    view?: string;
-    size?: string;
-    disabled?: boolean;
-    isError?: boolean;
-    width?: string | number;
-    setIsError?: React.Dispatch<React.SetStateAction<boolean>>;
-    allowedSymbols?: string | RegExp;
-    itemErrorBehavior?: import("./CodeInput.types").ItemErrorBehavior;
-    codeErrorBehavior?: import("./CodeInput.types").CodeErrorBehavior;
-    onChange?: (value: string) => void;
-    onFullCodeEnter?: (code: string) => void;
-} & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
-export declare const codeInputConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLDivElement, CodeInputProps>) => React.ForwardRefExoticComponent<{
-        value?: string;
-        placeholder?: string;
-        autoFocus?: boolean;
-        codeLength?: 4 | 5 | 6;
-        caption?: React.ReactNode;
-        captionAlign?: "left" | "center";
-        hidden?: boolean;
-        view?: string;
-        size?: string;
-        disabled?: boolean;
-        isError?: boolean;
-        width?: string | number;
-        setIsError?: React.Dispatch<React.SetStateAction<boolean>>;
-        allowedSymbols?: string | RegExp;
-        itemErrorBehavior?: import("./CodeInput.types").ItemErrorBehavior;
-        codeErrorBehavior?: import("./CodeInput.types").CodeErrorBehavior;
-        onChange?: (value: string) => void;
-        onFullCodeEnter?: (code: string) => void;
-    } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
-    base: import("@linaria/core").LinariaClassName;
-    variations: {
-        view: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        size: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        disabled: {
-            css: import("@linaria/core").LinariaClassName;
-            attrs: boolean;
-        };
-    };
-    defaults: {
-        size: string;
-        view: string;
-    };
-};
-//# sourceMappingURL=CodeInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAO7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAiBxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLA4SxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA9SQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmU5E,CAAC"}

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

@@ -1,16 +0,0 @@
-export declare const base: import("@linaria/core").LinariaClassName;
-export declare const CodeWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CodeGroup: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Separator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ItemInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
-    hide?: boolean;
-}>;
-export declare const ItemWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ItemCircle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    filled?: boolean;
-}>;
-export declare const CaptionWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    captionAlign: "left" | "center";
-    widthValue?: string;
-}>;
-//# sourceMappingURL=CodeInput.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS;WAAyB,OAAO;EAWrD,CAAC;AAEF,eAAO,MAAM,WAAW,qKAEvB,CAAC;AAEF,eAAO,MAAM,UAAU;aAAyB,OAAO;EAStD,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;iBAAe,MAAM;EAK9F,CAAC"}

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

@@ -1,72 +0,0 @@
-export declare const classes: {
-    itemError: string;
-    itemErrorAnimation: string;
-    itemErrorFade: string;
-    itemCircle: string;
-    itemCirlceFilled: string;
-    itemCircleError: string;
-    itemCircleErrorAnimation: string;
-    captionError: string;
-    codeError: string;
-    codeErrorAnimation: string;
-    codeErrorFade: string;
-    captionAlignLeft: string;
-    hoverEnabled: string;
-    segmented: string;
-    default: string;
-    disabled: string;
-};
-export declare const privateTokens: {
-    itemWidth: string;
-    itemHeight: string;
-    fontSize: string;
-    lineHeight: string;
-};
-export declare const tokens: {
-    captionGap: string;
-    codeItemsGap: string;
-    separatorWidth: string;
-    largeCodeItemWidth: string;
-    largeCodeItemHeight: string;
-    mediumCodeItemWidth: string;
-    mediumCodeItemHeight: string;
-    smallCodeItemWidth: string;
-    smallCodeItemHeight: string;
-    codeItemCircleSize: string;
-    codeItemCircleBorderWidth: string;
-    fontStyle: string;
-    fontFamily: string;
-    fontWeight: string;
-    letterSpacing: string;
-    largeFontSize: string;
-    largeLineHeight: string;
-    mediumFontSize: string;
-    mediumLineHeight: string;
-    smallFontSize: string;
-    smallLineHeight: string;
-    captionFontFamily: string;
-    captionFontSize: string;
-    captionFontStyle: string;
-    captionFontWeight: string;
-    captionLetterSpacing: string;
-    captionLineHeight: string;
-    borderRadius: string;
-    borderRadiusSegmented: string;
-    segmentedSideBorderRadius: string;
-    captionColor: string;
-    captionColorError: string;
-    codeColor: string;
-    codeColorError: string;
-    backgroundColor: string;
-    backgroundColorHover: string;
-    backgroundColorFocus: string;
-    backgroundErrorColor: string;
-    borderWidth: string;
-    borderColor: string;
-    borderColorHover: string;
-    borderColorFocus: string;
-    borderErrorColor: string;
-    disabledOpacity: string;
-};
-export type TokensType = keyof typeof tokens;
-//# sourceMappingURL=CodeInput.tokens.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeInput.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DlB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC"}

package/types/components/CodeInput/CodeInput.types.d.ts

@@ -1,92 +0,0 @@
-import type { Dispatch, HTMLAttributes, InputHTMLAttributes, ReactNode, SetStateAction } from 'react';
-export type ItemErrorBehavior = 'remove-symbol' | 'keep' | 'forbid-enter';
-export type CodeErrorBehavior = 'remove-code' | 'keep';
-export type CodeInputProps = {
-    /**
-     * Значение поля ввода
-     */
-    value?: string;
-    /**
-     * Строка равная, длине кода или же один символ,
-     * для отображения в качестве placeholder
-     */
-    placeholder?: string;
-    /**
-     * Автофокус на компоненте
-     */
-    autoFocus?: boolean;
-    /**
-     * Длина кода
-     * @default 6
-     */
-    codeLength?: 4 | 5 | 6;
-    /**
-     * Подпись к компоненту
-     */
-    caption?: ReactNode;
-    /**
-     * Выравнивание подписи
-     * @default left
-     */
-    captionAlign?: 'left' | 'center';
-    /**
-     * Скрытые поля
-     */
-    hidden?: boolean;
-    /**
-     * Вид компонента
-     */
-    view?: string;
-    /**
-     * Размер компонента
-     */
-    size?: string;
-    /**
-     * Компонент не активен
-     */
-    disabled?: boolean;
-    /**
-     * Флаг ошибки кода
-     */
-    isError?: boolean;
-    /**
-     * Ширина компонента
-     * @description
-     * Значение может принимать строку с единицой измерения CSS (px, rem и тд.).
-     * Если передано число без единицы измерения - рассчитывается в rem.
-     */
-    width?: string | number;
-    /**
-     * Колбек для установки флага ошибки
-     */
-    setIsError?: Dispatch<SetStateAction<boolean>>;
-    /**
-     * Регулярное выражение или строка, по которой проверяется символ при вводе
-     * @default '^\\d+$' - только цифры
-     */
-    allowedSymbols?: string | RegExp;
-    /**
-     * Поведение элемента поля ввода, при вводе некорректного значения
-     * - `remove-symbol` - проигрывается анимация ошибки, значение элемента очищается
-     * - `keep` - проигрывается анимация ошибки, значение остается
-     * - `forbid-enter` - запрещается ввод некорректного значения
-     * @default 'remove-symbol'
-     */
-    itemErrorBehavior?: ItemErrorBehavior;
-    /**
-     * Поведение элемента поля ввода, при вводе некорректного значения
-     * - `remove-code` - проигрывается анимация ошибки, значение всего поля очищается
-     * - `keep` - проигрывается анимация ошибки, значение остается
-     * @default 'remove-code'
-     */
-    codeErrorBehavior?: CodeErrorBehavior;
-    /**
-     * Коллбек, вызываемый при изменении значения кода
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Коллбек, вызываемый при вводе полного значения в поле
-     */
-    onFullCodeEnter?: (code: string) => void;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'autoComplete'> & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
-//# sourceMappingURL=CodeInput.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtG,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,cAAc,CAAC;AAC1E,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,MAAM,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC,GAC1E,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/types/components/CodeInput/index.d.ts

@@ -1,3 +0,0 @@
-export { codeInputRoot, codeInputConfig } from './CodeInput';
-export { tokens as codeInputTokens, classes as codeInputClasses } from './CodeInput.tokens';
-//# sourceMappingURL=index.d.ts.map

package/types/components/CodeInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/types/components/CodeInput/utils/handleCodeError.d.ts

@@ -1,15 +0,0 @@
-import { Dispatch, MutableRefObject, SetStateAction } from 'react';
-import type { CodeErrorBehavior } from '../CodeInput.types';
-type ValidateSymbolsArgs = {
-    codeLength: number;
-    codeErrorBehavior: CodeErrorBehavior;
-    currentCode: Array<string>;
-    inputContainerRef: MutableRefObject<HTMLDivElement | null>;
-    inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
-    captionRef: MutableRefObject<HTMLDivElement | null>;
-    setCode: Dispatch<SetStateAction<Array<string>>>;
-    codeSetter: (newCode: Array<string>) => void;
-};
-export declare const handleCodeError: ({ codeLength, codeErrorBehavior, currentCode, inputRefs, inputContainerRef, captionRef, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
-export {};
-//# sourceMappingURL=handleCodeError.d.ts.map

package/types/components/CodeInput/utils/handleCodeError.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,KAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mHASzB,mBAAmB,SA8CrB,CAAC"}

package/types/components/CodeInput/utils/handleItemError.d.ts

@@ -1,14 +0,0 @@
-import { MutableRefObject } from 'react';
-import type { ItemErrorBehavior } from '../CodeInput.types';
-type ValidateSymbolsArgs = {
-    currentSymbol: string;
-    itemErrorBehavior: ItemErrorBehavior;
-    index: number;
-    newCode: Array<string>;
-    inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
-    inputContainerRef: MutableRefObject<HTMLDivElement | null>;
-    codeSetter: (newCode: Array<string>) => void;
-};
-export declare const handleItemError: ({ currentSymbol, itemErrorBehavior, index, newCode, inputRefs, inputContainerRef, codeSetter, }: ValidateSymbolsArgs) => void;
-export {};
-//# sourceMappingURL=handleItemError.d.ts.map

package/types/components/CodeInput/utils/handleItemError.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"handleItemError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/handleItemError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAI5D,KAAK,mBAAmB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,oGAQzB,mBAAmB,SA4BrB,CAAC"}

package/types/components/CodeInput/utils/index.d.ts

@@ -1,4 +0,0 @@
-export { getFieldPattern, getPlaceholderValue, getCodeValue } from '../../../utils';
-export { handleItemError } from './handleItemError';
-export { handleCodeError } from './handleCodeError';
-//# sourceMappingURL=index.d.ts.map

package/types/components/CodeInput/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/types/components/CodeInput/variations/_disabled/base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeInput/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAShB,CAAC"}

package/types/components/CodeInput/variations/_size/base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeInput/variations/_size/base.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,IAAI,0CA2BhB,CAAC"}

package/types/components/CodeInput/variations/_view/base.d.ts

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

package/types/components/CodeInput/variations/_view/base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeInput/variations/_view/base.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CA4IhB,CAAC"}

package/types/hooks/useCodeHook.d.ts

@@ -1,13 +0,0 @@
-import { MutableRefObject } from 'react';
-type useCodeHookTypes = {
-    codeLength: number;
-    inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    originalValue: string;
-    getLastActiveIndex: () => number;
-    handleFullCodeEnter: (fullCode: string) => void;
-};
-export declare const useCodeHook: ({ inputRefs, codeLength, disabled, autoFocus, originalValue, getLastActiveIndex, handleFullCodeEnter, }: useCodeHookTypes) => void;
-export {};
-//# sourceMappingURL=useCodeHook.d.ts.map

package/types/hooks/useCodeHook.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCodeHook.d.ts","sourceRoot":"","sources":["../../src/hooks/useCodeHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAIpD,KAAK,gBAAgB,GAAG;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,MAAM,CAAC;IACjC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,WAAW,4GAQrB,gBAAgB,SAkBlB,CAAC"}

package/types/utils/initialValuesHelper.d.ts

@@ -1,4 +0,0 @@
-export declare const getFieldPattern: (allowedSymbols: RegExp | string) => RegExp | null;
-export declare const getCodeValue: (codeLength: number, value: string) => Array<string>;
-export declare const getPlaceholderValue: (codeLength: number, placeholder?: string) => null | string[];
-//# sourceMappingURL=initialValuesHelper.d.ts.map