@salutejs/plasma-new-hope 0.71.3-canary.1161.8619854344.0 → 0.72.0-canary.1160.8612911363.0

package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx

@@ -0,0 +1,133 @@
+import React, { ComponentProps, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { TextField } from './TextField';
+
+const onChange = action('onChange');
+const onFocus = action('onFocus');
+const onBlur = action('onBlur');
+const onSearch = action('onSearch');
+
+const sizes = ['l', 'm', 's', 'xs'];
+const views = ['default', 'positive', 'warning', 'negative'];
+const enumerationTypes = ['plain', 'chip'];
+const labelPlacements = ['outer', 'inner'];
+
+const meta: Meta<typeof TextField> = {
+    title: 'sds_engineer/TextField',
+    component: TextField,
+    decorators: [WithTheme],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        maxLength: {
+            control: {
+                type: 'number',
+            },
+        },
+        labelPlacement: {
+            options: labelPlacements,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        enumerationType: {
+            options: enumerationTypes,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = Omit<
+    ComponentProps<typeof TextField>,
+    | 'helperBlock'
+    | 'contentLeft'
+    | 'htmlSize'
+    | 'contentRight'
+    | 'type'
+    | 'name'
+    | 'onFocus'
+    | 'onBlur'
+    | 'onChange'
+    | 'value'
+    | 'checked'
+    | 'maxLength'
+    | 'minLength'
+    | 'required'
+> & {
+    'storybook:contentLeft': boolean;
+    'storybook:contentRight': boolean;
+};
+
+const StoryDemo = ({
+    'storybook:contentLeft': enableContentLeft,
+    'storybook:contentRight': enableContentRight,
+    view,
+    ...rest
+}: StoryPropsDefault) => {
+    const [text, setText] = useState('Значение поля');
+
+    const iconSize = rest.size === 'xs' ? 'xs' : 's';
+
+    return (
+        <TextField
+            {...rest}
+            value={text}
+            contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
+            contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
+            view={view}
+            onChange={(e) => {
+                setText(e.target.value);
+                onChange(e.target.value);
+            }}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            onSearch={onSearch}
+        />
+    );
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        id: 'example-text-field',
+        size: 'l',
+        view: 'default',
+        label: 'Лейбл',
+        labelPlacement: 'outer',
+        placeholder: 'Заполните поле',
+        leftHelper: 'Подсказка к полю',
+        enumerationType: 'plain',
+        disabled: false,
+        readOnly: false,
+        'storybook:contentLeft': true,
+        'storybook:contentRight': true,
+    },
+    render: (args) => <StoryDemo {...args} />,
+};
+
+export const Chips: StoryObj<StoryPropsDefault> = {
+    args: {
+        ...Default.args,
+        enumerationType: 'chip',
+        values: ['1 value', '2 value', '3 value', '4 value'],
+    },
+    render: (args) => <StoryDemo {...args} />,
+};

package/styled-components/es/index.js

@@ -3,7 +3,6 @@
 export * from './mixins';
 export * from './engines';
 export * from './hooks';
-export * from './utils';
 export * from './components/Button';
 export * from './components/ButtonGroup';
 export * from './components/Chip';
@@ -43,6 +42,5 @@ export * from './components/Indicator';
 export * from './components/ButtonBase';
 export * from './components/Grid';
 export * from './components/Progress';
-export * from './components/Select';
 export * from './components/Divider';
 export * from './components/Toolbar';

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC,qFA0C9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA5CQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CA6DlE,CAAC"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC,qFAwC9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA1CQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CA2DlE,CAAC"}

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

@@ -3,11 +3,17 @@ export declare const StyledRoot: import("@linaria/react").StyledComponent<import
 export declare const StyledCombobox: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledPopover: import("@linaria/react").StyledComponent<{
     selectWidth?: number | undefined;
-} & import("../../engines/types").PropsType<{
+} & (import("../../engines/types").PropsType<{
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "click" | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "hover" | undefined;
+    closeOnBeyondTargetHover?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>)))>;
 export declare const ComboboxItemNotFound: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
 //# sourceMappingURL=Combobox.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;4JAMzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAUhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAY9B,CAAC"}
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;;;;;;qDAMzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAUhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAY9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA6DtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBA/DQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAgF1E,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA8DtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAhEQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAiF1E,CAAC"}

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

@@ -3,6 +3,12 @@ export declare const StyledPopover: import("@linaria/react").StyledMeta & import
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "click" | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "hover" | undefined;
+    closeOnBeyondTargetHover?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const StyledDropdown: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=Dropdown.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;4JAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}
+{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;;;;;;;oDAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}

package/types/components/Popover/Popover.d.ts

@@ -7,11 +7,11 @@ export declare const POPOVER_PORTAL_ID = "plasma-popover-root";
  * Всплывающее окно с возможностью позиционирования
  * и вызова по клику либо ховеру.
  */
-export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").CustomPopoverProps & React.RefAttributes<HTMLDivElement>>;
+export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 export declare const popoverConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").CustomPopoverProps & React.RefAttributes<HTMLDivElement>>;
+    layout: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
     base: string;
     variations: {
         view: {

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JAwPpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA1PQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CAuQxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,wFAsQnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBAxQQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CAqRxE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KA8DzB,CAAC"}
+{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,aAAa,qKAAe,CAAC;AAC1C,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KA8DzB,CAAC"}

package/types/components/Popover/Popover.types.d.ts

@@ -2,18 +2,11 @@ import { Placement, ComputedPlacement } from '@popperjs/core';
 import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
 export declare type PopoverPlacementBasic = ComputedPlacement;
 export declare type PopoverPlacement = Placement;
-export declare type PopoverTrigger = 'hover' | 'click';
 export declare type CustomPopoverProps = {
     /**
      * Всплывающее окно раскрыто или нет.
      */
     isOpen?: boolean;
-    /**
-     * Способ открытия всплывающего окна - наведение или клик мышью.
-     * @default
-     *  click
-     */
-    trigger?: PopoverTrigger;
     /**
      * Сторона открытия окна относительно target элемента.
      * @default
@@ -66,10 +59,6 @@ export declare type CustomPopoverProps = {
      * true
      */
     closeOnEsc?: boolean;
-    /**
-     * Закрывать окно при нажатии вне области окна. (Если trigger === 'click')
-     */
-    closeOnOverlayClick?: boolean;
     /**
      * Находится ли в портале.
      * @default
@@ -78,5 +67,23 @@ export declare type CustomPopoverProps = {
     usePortal?: boolean;
     view?: string;
 };
-export declare type PopoverProps = HTMLAttributes<HTMLDivElement> & CustomPopoverProps;
+export declare type PopoverTrigger = {
+    /**
+     * Способ открытия всплывающего окна - наведение или клик мышью.
+     * @default
+     *  click
+     */
+    trigger?: 'click';
+    /**
+     * Закрывать окно при нажатии вне области окна. (Если trigger === 'click')
+     */
+    closeOnOverlayClick?: boolean;
+} | {
+    trigger?: 'hover';
+    /**
+     * Закрывать окно при наведении вне области target-элемента. (Если trigger === 'hover')
+     */
+    closeOnBeyondTargetHover?: boolean;
+};
+export declare type PopoverProps = HTMLAttributes<HTMLDivElement> & CustomPopoverProps & PopoverTrigger;
 //# sourceMappingURL=Popover.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;AACtD,oBAAY,gBAAgB,GAAG,SAAS,CAAC;AAEzC,oBAAY,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;AACtD,oBAAY,gBAAgB,GAAG,SAAS,CAAC;AAEzC,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,cAAc,GACpB;IACI;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC,GACD;IACI,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAER,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,GAAG,cAAc,CAAC"}

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

@@ -3,10 +3,16 @@ export declare const StyledRoot: import("@linaria/react").StyledComponent<import
 export declare const StyledSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledPopover: import("@linaria/react").StyledComponent<{
     selectWidth?: number | undefined;
-} & import("../../engines/types").PropsType<{
+} & (import("../../engines/types").PropsType<{
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "click" | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
+    trigger?: "hover" | undefined;
+    closeOnBeyondTargetHover?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>)))>;
 export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
 //# sourceMappingURL=Select.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU,qKAWtB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAaxB,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;4JAMzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAwB9B,CAAC"}
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAaxB,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;;;;;;qDAMzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAwB9B,CAAC"}

package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTarget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAa9D;;GAEG;AACH,eAAO,MAAM,YAAY,6FAwIxB,CAAC"}
+{"version":3,"file":"SelectTarget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAa9D;;GAEG;AACH,eAAO,MAAM,YAAY,6FAuIxB,CAAC"}

package/types/components/TextField/TextField.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { LabelHTMLAttributes } from 'react';
 import type { RootProps } from '../../engines';
 import type { TextFieldProps } from './TextField.types';
-export declare const textFieldRoot: (Root: RootProps<HTMLInputElement, TextFieldProps & LabelHTMLAttributes<HTMLLabelElement>>) => React.ForwardRefExoticComponent<import("../../engines/types").Filter<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("./TextField.types").TextFieldPropsVariations & React.RefAttributes<HTMLInputElement>>;
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const textFieldRoot: (Root: RootProps<HTMLDivElement, TextFieldProps>) => React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
 export declare const textFieldConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLInputElement, TextFieldProps & LabelHTMLAttributes<HTMLLabelElement>>) => React.ForwardRefExoticComponent<import("../../engines/types").Filter<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("./TextField.types").TextFieldPropsVariations & React.RefAttributes<HTMLInputElement>>;
+    layout: (Root: RootProps<HTMLDivElement, TextFieldProps>) => React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {
@@ -19,12 +19,17 @@ export declare const textFieldConfig: {
             css: import("@linaria/core").LinariaClassName;
             attrs: boolean;
         };
+        readOnly: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
         labelPlacement: {
             css: import("@linaria/core").LinariaClassName;
         };
     };
     defaults: {
         size: string;
+        view: string;
     };
 };
 //# sourceMappingURL=TextField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAA4C,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI3F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAYxD,eAAO,MAAM,aAAa,SAChB,UAAU,gBAAgB,EAAE,cAAc,GAAG,oBAAoB,gBAAgB,CAAC,CAAC,8NAoEvF,CAAC;AAEP,eAAO,MAAM,eAAe;;;mBAtElB,UAAU,gBAAgB,EAAE,cAAc,GAAG,oBAAoB,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;CA6F5F,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAuC,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAoB7F,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,0FAgMxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAlMQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA8N5E,CAAC"}

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

@@ -1,7 +1,10 @@
 /// <reference types="react" />
-export declare const Input: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
-export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const InputWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledChips: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Input: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
+export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
+export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const LeftHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=TextField.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAGF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,KAAK,qKAAe,CAAC;AAElC,eAAO,MAAM,UAAU,qKAAe,CAAC"}
+{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KASjB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAAiB,CAAC;AAEpC,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAE9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC"}

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

@@ -1,29 +1,41 @@
+export declare const classes: {
+    hasChips: string;
+    hasEmptyContentLeft: string;
+    hasEmptyContentRight: string;
+};
 export declare const tokens: {
     color: string;
     backgroundColor: string;
     backgroundColorHover: string;
     backgroundColorFocus: string;
-    /** Цвет каретки */
-    caretColor: string;
-    placeholderColor: string;
     borderColor: string;
     borderColorHover: string;
     borderColorFocus: string;
+    /** Цвета для read-only состояния */
+    colorReadOnly: string;
+    backgroundColorReadOnly: string;
+    borderColorReadOnly: string;
+    placeholderColorReadOnly: string;
+    /** Цвет каретки */
+    caretColor: string;
+    placeholderColor: string;
     height: string;
     borderWidth: string;
     borderRadius: string;
-    /** отступ от границы ТextField */
+    /** Отступ от границы ТextField */
     padding: string;
-    paddingWithContent: string;
-    contentOffset: string;
+    paddingWithChips: string;
+    leftContentMargin: string;
+    rightContentMargin: string;
     fontFamily: string;
     fontStyle: string;
     fontSize: string;
     fontWeight: string;
     letterSpacing: string;
     lineHeight: string;
-    /** Цвет подписи */
+    /** Токены лейбла */
     labelColor: string;
+    labelColorReadOnly: string;
     labelOffset: string;
     labelFontFamily: string;
     labelFontStyle: string;
@@ -37,7 +49,10 @@ export declare const tokens: {
     labelInnerFontWeight: string;
     labelInnerLetterSpacing: string;
     labelInnerLineHeight: string;
+    labelInnerPadding: string;
+    contentLabelInnerPadding: string;
     leftHelperColor: string;
+    leftHelperColorReadOnly: string;
     leftHelperOffset: string;
     leftHelperFontFamily: string;
     leftHelperFontStyle: string;
@@ -45,8 +60,42 @@ export declare const tokens: {
     leftHelperFontWeight: string;
     leftHelperLetterSpacing: string;
     leftHelperLineHeight: string;
-    contentColor: string;
     /** Прозрачность для всего компонента в состоянии disabled */
     disabledOpacity: string;
+    /** Токены чипа */
+    chipHeight: string;
+    chipBorderRadius: string;
+    chipGap: string;
+    chipBackground: string;
+    chipColor: string;
+    chipBackgroundHover: string;
+    chipColorHover: string;
+    chipScaleHover: string;
+    chipBackgroundReadOnly: string;
+    chipColorReadOnly: string;
+    chipBackgroundReadOnlyHover: string;
+    chipColorReadOnlyHover: string;
+    chipBackgroundActive: string;
+    chipColorActive: string;
+    chipScaleActive: string;
+    chipFocusColor: string;
+    chipCloseIconColor: 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;
+    chipOpacityReadonly: string;
+    focusColor: string;
 };
 //# sourceMappingURL=TextField.tokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;IAKf,mBAAmB;;;;;;;;;IAUnB,kCAAkC;;;;;;;;;;IAelC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;IAgCnB,6DAA6D;;CAEhE,CAAC"}
+{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;IAWf,oCAAoC;;;;;IAMpC,mBAAmB;;;;;;IAQnB,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCpB,6DAA6D;;IAG7D,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCrB,CAAC"}

package/types/components/TextField/TextField.types.d.ts

@@ -1,5 +1,10 @@
-import type { InputHTMLAttributes, KeyboardEvent } from 'react';
-import type { Filter } from '../../engines/types';
+import type { MutableRefObject, InputHTMLAttributes, KeyboardEvent, ChangeEvent } from 'react';
+export declare type TextFieldPrimitiveValue = string | number | boolean;
+export declare type ChipValues = {
+    id: string;
+    text: TextFieldPrimitiveValue;
+};
+export declare type EnumerationType = 'plain' | 'chip';
 export interface TextFieldPropsBase {
     /**
      * Метка-подпись к элементу
@@ -21,10 +26,23 @@ export interface TextFieldPropsBase {
      * Слот для контента справа.
      */
     contentRight?: React.ReactElement;
+    /**
+     * Тип перечисления значений.
+     * Варианты: plain, chips
+     */
+    enumerationType?: EnumerationType;
+    /**
+     * Выбранные значения.
+     */
+    values?: Array<TextFieldPrimitiveValue>;
     /**
      * Callback по нажатию Enter
      */
     onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Обработчик изменения выбранных значений.
+     */
+    onChangeChips?: (value: Array<TextFieldPrimitiveValue>) => void;
 }
 export interface TextFieldPropsVariations extends TextFieldPropsBase {
     /**
@@ -35,6 +53,30 @@ export interface TextFieldPropsVariations extends TextFieldPropsBase {
      * Вид контрола.
      */
     view?: string;
+    /**
+     * Компонент доступен только для чтения.
+     */
+    readOnly?: boolean;
+    /**
+     * Компонент неактивен.
+     */
+    disabled?: boolean;
+}
+export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, TextFieldPropsVariations {
+}
+export interface ControlledRefs {
+    chipsRefs: MutableRefObject<Array<HTMLButtonElement>>;
+    inputRef?: MutableRefObject<HTMLInputElement | null>;
+    contentRef?: MutableRefObject<HTMLDivElement | null>;
+}
+export interface UseKeyNavigationProps {
+    controlledRefs: ControlledRefs;
+    disabled: boolean;
+    readOnly: boolean;
+    chips: Array<ChipValues>;
+    enumerationType: EnumerationType;
+    updateChips: (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => void;
+    onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare type TextFieldProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & TextFieldPropsVariations;
 //# sourceMappingURL=TextField.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/E;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,cAAc,GAAG,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG,wBAAwB,CAAC"}
+{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE/F,oBAAY,uBAAuB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhE,oBAAY,UAAU,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAEF,oBAAY,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAChE;;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;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,wBAAwB;CAAG;AAExH,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,qBAAqB;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,eAAe,EAAE,eAAe,CAAC;IACjC,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D"}

package/types/components/TextField/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useKeyNavigation } from './useKeyNavigation';
+//# sourceMappingURL=index.d.ts.map

package/types/components/TextField/hooks/index.d.ts.map

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

package/types/components/TextField/hooks/useKeyNavigation.d.ts

@@ -0,0 +1,17 @@
+import type { ChangeEvent, KeyboardEvent } from 'react';
+import type { UseKeyNavigationProps } from '../TextField.types';
+export declare const Keys: {
+    Enter: string;
+    Tab: string;
+    Escape: string;
+    ArrowLeft: string;
+    ArrowRight: string;
+    Backspace: string;
+};
+export declare const useKeyNavigation: ({ controlledRefs: { chipsRefs, contentRef, inputRef }, disabled, readOnly, chips, enumerationType, updateChips, onChange, onSearch, }: UseKeyNavigationProps) => {
+    readonly handleInputKeydown: (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => void;
+    readonly handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string) => void;
+    readonly onChipClear: (clearId: string) => void;
+    readonly handleContentKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};
+//# sourceMappingURL=useKeyNavigation.d.ts.map

package/types/components/TextField/hooks/useKeyNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,0IAS1B,qBAAqB;yCAGe,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;wCA4ChE,cAAc,iBAAiB,CAAC,UAAU,MAAM;oCAXpD,MAAM;2CAqBC,cAAc,cAAc,CAAC;CAkDrE,CAAC"}

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

@@ -1,5 +1,6 @@
-export { labelPlacement_inner as textField_labelPlacement_inner } from './_label-placement/inner';
-export { labelPlacement_outer as textField_labelPlacement_outer } from './_label-placement/outer';
+export { labelPlacement_inner as textField_labelPlacement_inner } from './variations/_label-placement/inner';
+export { labelPlacement_outer as textField_labelPlacement_outer } from './variations/_label-placement/outer';
 export { textFieldRoot, textFieldConfig } from './TextField';
 export { tokens as textFieldTokens } from './TextField.tokens';
+export type { TextFieldProps } from './TextField.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAClG,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAElG,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAC7G,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAE7G,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}