@alphakits/ui 1.31.5 → 2.0.0

package/dist/input-autocomplete/component.d.ts

@@ -1,23 +1,47 @@
-/// <reference types="react" />
-import React from 'react';
-import { FC, ChangeEvent, RefAttributes } from "react";
-import { InputProps } from "../input/index";
-import { BaseSelectProps } from "../select/index";
-type InputAutocompleteProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
+import { default as React, FC, ChangeEvent, RefAttributes } from 'react';
+import { InputProps } from '../input';
+import { BaseSelectProps } from '../select';
+export declare type InputAutocompleteProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
+    /**
+     * Компонент ввода значения
+     */
     Input?: FC<InputProps & RefAttributes<HTMLInputElement>>;
+    /**
+     * Пропсы, которые будут прокинуты в инпут
+     */
     inputProps?: InputProps & Record<string, unknown>;
+    /**
+     * Значение поля ввода
+     */
     value?: string;
+    /**
+     * Поле доступно только для чтения
+     */
     readOnly?: InputProps['readOnly'];
+    /**
+     * Отображение иконки успеха
+     */
     success?: boolean;
+    /**
+     * Обработчик ввода
+     */
     onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Хранит функцию, с помощью которой можно обновить положение поповера
+     */
     updatePopover?: BaseSelectProps['updatePopover'];
 };
-declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
+export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
+    /**
+     * Компонент ввода значения
+     */
     Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
-        required?: boolean | undefined;
+        required?: boolean | undefined; /**
+         * Обработчик ввода
+         */
         clear?: boolean | undefined;
         size?: "s" | "m" | "l" | undefined;
         error?: string | boolean | undefined;
@@ -45,11 +69,16 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
         onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         dataTestId?: string | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
+    /**
+     * Пропсы, которые будут прокинуты в инпут
+     */
     inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
-        required?: boolean | undefined;
+        required?: boolean | undefined; /**
+         * Обработчик ввода
+         */
         clear?: boolean | undefined;
         size?: "s" | "m" | "l" | undefined;
         error?: string | boolean | undefined;
@@ -77,10 +106,24 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
         onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         dataTestId?: string | undefined;
     } & Record<string, unknown>) | undefined;
+    /**
+     * Значение поля ввода
+     */
     value?: string | undefined;
+    /**
+     * Поле доступно только для чтения
+     */
     readOnly?: InputProps['readOnly'];
+    /**
+     * Отображение иконки успеха
+     */
     success?: boolean | undefined;
+    /**
+     * Обработчик ввода
+     */
     onInput?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    /**
+     * Хранит функцию, с помощью которой можно обновить положение поповера
+     */
     updatePopover?: BaseSelectProps['updatePopover'];
 } & React.RefAttributes<HTMLInputElement>>;
-export { InputAutocompleteProps, InputAutocomplete };

package/dist/input-autocomplete/component.js

@@ -1 +1,54 @@
-import{__rest as o,__assign as t}from"tslib";import e,{forwardRef as s}from"react";import"../select/component.js";import"classnames";import{BaseSelect as r}from"../select/components/base-select/component.js";import"../form-control/component.js";import{Optgroup as i}from"../select/components/optgroup/component.js";import{Option as p}from"../select/components/option/component.js";import{OptionsList as n}from"../select/components/options-list/component.js";import"react-virtual";import"../utils/get-service-error/index.js";import"../toast-notifier/component.js";import"intersection-observer";import{AutocompleteField as m}from"./autocomplete-field/index.js";import"../select/components/arrow/component.js";import"../select/components/field/component.js";import"../hooks/useFocus/index.js";import"../select/utils.js";import"../select/components/select-search/index.js";import"@alphakits/icons";import"../hooks/useClickOutside/index.js";import"../input/component.js";import"react-merge-refs";import"../button/component.js";import"../loader/component.js";import"downshift";import"resize-observer";import"../__internal/utils/getDataTestId.js";import"../popover/component.js";import"react-popper";import"react-transition-group";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";import"../select/components/native-select/component.js";import"../skeleton/component.js";import"../select/components/checkmark/component.js";import"@alphakits/icons/dist/ClockCircleM";import"../utils/get-service-error/is-axios-error.js";import"../utils/get-service-error/is-network-error.js";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";var c=s((function(s,c){var l=s.OptionsList,a=void 0===l?n:l,u=s.Optgroup,j=void 0===u?i:u,d=s.Option,v=void 0===d?p:d,f=s.Input,k=s.inputProps,O=void 0===k?{}:k,h=s.onInput,g=s.value,x=s.success,C=s.readOnly,I=s.closeOnSelect,b=void 0!==I&&I,P=s.options,S=o(s,["OptionsList","Optgroup","Option","Input","inputProps","onInput","value","success","readOnly","closeOnSelect","options"]);return e.createElement(r,t({ref:c,autocomplete:!0,options:P,closeOnSelect:b,Option:v,Field:m,fieldProps:{Input:f,onInput:h,value:g,inputProps:O,readOnly:C,success:x},Optgroup:j,OptionsList:a},S))}));export{c as InputAutocomplete};
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import "../select/component.js";
+import "classnames";
+import { BaseSelect as d } from "../select/components/base-select/component.js";
+import "../form-control/component.js";
+import { Optgroup as g } from "../select/components/optgroup/component.js";
+import { Option as L } from "../select/components/option/component.js";
+import { OptionsList as x } from "../select/components/options-list/component.js";
+import "react-virtual";
+import "../toast-notifier/component.js";
+import "intersection-observer";
+import { AutocompleteField as A } from "./autocomplete-field/index.js";
+const y = a(
+  ({
+    OptionsList: o = x,
+    Optgroup: t = g,
+    Option: p = L,
+    Input: r,
+    inputProps: i = {},
+    onInput: m,
+    value: e,
+    success: f,
+    readOnly: s,
+    closeOnSelect: O = !1,
+    options: l,
+    ...n
+  }, u) => /* @__PURE__ */ c(
+    d,
+    {
+      ref: u,
+      autocomplete: !0,
+      options: l,
+      closeOnSelect: O,
+      Option: p,
+      Field: A,
+      fieldProps: {
+        Input: r,
+        onInput: m,
+        value: e,
+        inputProps: i,
+        readOnly: s,
+        success: f
+      },
+      Optgroup: t,
+      OptionsList: o,
+      ...n
+    }
+  )
+);
+export {
+  y as InputAutocomplete
+};
+//# sourceMappingURL=component.js.map

package/dist/input-autocomplete/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/input-autocomplete/component.tsx"],"sourcesContent":["import React, { FC, ChangeEvent, forwardRef, RefAttributes } from 'react';\nimport { InputProps } from '../input';\nimport {\n    BaseSelectProps,\n    OptionsList as DefaultOptionsList,\n    Option as DefaultOption,\n    Optgroup as DefaultOptgroup,\n    BaseSelect,\n} from '../select';\n\nimport { AutocompleteField } from './autocomplete-field';\n\nexport type InputAutocompleteProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {\n    /**\n     * Компонент ввода значения\n     */\n    Input?: FC<InputProps & RefAttributes<HTMLInputElement>>;\n\n    /**\n     * Пропсы, которые будут прокинуты в инпут\n     */\n    inputProps?: InputProps & Record<string, unknown>;\n\n    /**\n     * Значение поля ввода\n     */\n    value?: string;\n\n    /**\n     * Поле доступно только для чтения\n     */\n    readOnly?: InputProps['readOnly'];\n\n    /**\n     * Отображение иконки успеха\n     */\n    success?: boolean;\n\n    /**\n     * Обработчик ввода\n     */\n    onInput?: (event: ChangeEvent<HTMLInputElement>) => void;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение поповера\n     */\n    updatePopover?: BaseSelectProps['updatePopover'];\n};\n\nexport const InputAutocomplete = forwardRef<HTMLInputElement, InputAutocompleteProps>(\n    (\n        {\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            Input,\n            inputProps = {},\n            onInput,\n            value,\n            success,\n            readOnly,\n            closeOnSelect = false,\n            options,\n            ...restProps\n        },\n        ref,\n    ) => (\n        <BaseSelect\n            ref={ref}\n            autocomplete={true}\n            options={options}\n            closeOnSelect={closeOnSelect}\n            Option={Option}\n            Field={AutocompleteField}\n            fieldProps={{\n                Input,\n                onInput,\n                value,\n                inputProps,\n                readOnly,\n                success,\n            }}\n            Optgroup={Optgroup}\n            OptionsList={OptionsList}\n            {...restProps}\n        />\n    ),\n);\n"],"names":["InputAutocomplete","forwardRef","OptionsList","DefaultOptionsList","Optgroup","DefaultOptgroup","Option","DefaultOption","Input","inputProps","onInput","value","success","readOnly","closeOnSelect","options","restProps","ref","jsx","BaseSelect","AutocompleteField"],"mappings":";;;;;;;;;;;;;AAiDO,MAAMA,IAAoBC;AAAA,EAC7B,CACI;AAAA,IAAA,aACIC,IAAcC;AAAAA,IAAA,UACdC,IAAWC;AAAAA,IAAA,QACXC,IAASC;AAAAA,IACT,OAAAC;AAAA,IACA,YAAAC,IAAa,CAAA;AAAA,IACb,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MAEA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,cAAc;AAAA,MACd,SAAAF;AAAA,MACA,eAAAD;AAAA,MAAA,QACAR;AAAAA,MACA,OAAOc;AAAA,MACP,YAAY;AAAA,QACR,OAAAZ;AAAA,QACA,SAAAE;AAAA,QACA,OAAAC;AAAA,QACA,YAAAF;AAAA,QACA,UAAAI;AAAA,QACA,SAAAD;AAAA,MAAA;AAAA,MACJ,UACAR;AAAAA,MAAA,aACAF;AAAAA,MACC,GAAGc;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/input-autocomplete/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/input-autocomplete/index.js

@@ -1 +1,5 @@
-export{InputAutocomplete}from"./component.js";import"tslib";import"react";import"../select/component.js";import"../select/components/arrow/component.js";import"classnames";import"../select/components/base-select/component.js";import"react-merge-refs";import"downshift";import"resize-observer";import"../__internal/utils/getDataTestId.js";import"../popover/component.js";import"react-popper";import"react-transition-group";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";import"../select/utils.js";import"../select/components/native-select/component.js";import"../select/components/field/component.js";import"../form-control/component.js";import"../hooks/useFocus/index.js";import"../select/components/optgroup/component.js";import"../select/components/option/component.js";import"../skeleton/component.js";import"../select/components/checkmark/component.js";import"../select/components/options-list/component.js";import"@alphakits/icons/dist/ClockCircleM";import"../button/component.js";import"../loader/component.js";import"../select/components/select-search/index.js";import"@alphakits/icons";import"../hooks/useClickOutside/index.js";import"../utils/get-service-error/index.js";import"../utils/get-service-error/is-axios-error.js";import"../utils/get-service-error/is-network-error.js";import"../toast-notifier/component.js";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";import"../input/component.js";import"react-virtual";import"intersection-observer";import"./autocomplete-field/index.js";
+import { InputAutocomplete as e } from "./component.js";
+export {
+  e as InputAutocomplete
+};
+//# sourceMappingURL=index.js.map

package/dist/input-autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/input-ghost/component.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import React from 'react';
-interface InputGhostProps {
+import { default as React } from 'react';
+export interface InputGhostProps {
     value: string;
     placeholder?: string;
     leftAddons?: React.ReactNode;
@@ -8,5 +7,4 @@ interface InputGhostProps {
     block?: boolean;
     size?: 's' | 'm';
 }
-declare const InputGhost: ({ value, onChange, placeholder, leftAddons, block, size, }: InputGhostProps) => JSX.Element;
-export { InputGhostProps, InputGhost };
+export declare const InputGhost: ({ value, onChange, placeholder, leftAddons, block, size, }: InputGhostProps) => JSX.Element;

package/dist/input-ghost/component.js

@@ -1 +1,29 @@
-import e from"react";import n from"@alphakits/icons/dist/SearchM";import t from"classnames";var l={input:"index-module_input__3hqk_",block:"index-module_block__2qCsa",s:"index-module_s__2n4yx",m:"index-module_m__1pT-G",leftAddons:"index-module_leftAddons__1PuzC"},o=function(o){var a,d=o.value,m=o.onChange,i=o.placeholder,r=o.leftAddons,s=o.block,c=o.size,u=void 0===c?"m":c;return e.createElement("div",{className:t(l.input,l[u],(a={},a[l.block]=s,a))},e.createElement("span",{className:l.leftAddons},r||e.createElement(n,null)),e.createElement("input",{value:d,onChange:function(e){m(e.target.value)},placeholder:i,type:"text"}))};export{o as InputGhost};
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import c from "@alphakits/icons/dist/SearchM";
+import l from "classnames";
+import t from "./index.module.css.js";
+const x = ({
+  value: e,
+  onChange: r,
+  placeholder: s,
+  leftAddons: m,
+  block: n,
+  size: p = "m"
+}) => /* @__PURE__ */ i("div", { className: l(t.input, t[p], { [t.block]: n }), children: [
+  /* @__PURE__ */ o("span", { className: t.leftAddons, children: m || /* @__PURE__ */ o(c, {}) }),
+  /* @__PURE__ */ o(
+    "input",
+    {
+      value: e,
+      onChange: (a) => {
+        r(a.target.value);
+      },
+      placeholder: s,
+      type: "text"
+    }
+  )
+] });
+export {
+  x as InputGhost
+};
+//# sourceMappingURL=component.js.map

package/dist/input-ghost/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/input-ghost/component.tsx"],"sourcesContent":["import React from 'react';\nimport SearchM from '@alphakits/icons/dist/SearchM';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport interface InputGhostProps {\n    value: string;\n    placeholder?: string;\n    leftAddons?: React.ReactNode;\n    onChange: (v: string) => void;\n    block?: boolean;\n    size?: 's' | 'm';\n}\n\nexport const InputGhost = ({\n    value,\n    onChange,\n    placeholder,\n    leftAddons,\n    block,\n    size = 'm',\n}: InputGhostProps) => (\n    <div className={ cn(styles.input, styles[size], { [styles.block]: block }) }>\n        <span className={ styles.leftAddons }>{ leftAddons || <SearchM /> }</span>\n\n        <input\n            value={ value }\n            onChange={ (e) => {\n                onChange(e.target.value);\n            } }\n            placeholder={ placeholder }\n            type=\"text\"\n        />\n    </div>\n);\n"],"names":["InputGhost","value","onChange","placeholder","leftAddons","block","size","cn","styles","jsx","SearchM","e"],"mappings":";;;;AAeO,MAAMA,IAAa,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AACX,wBACK,OAAA,EAAI,WAAYC,EAAGC,EAAO,OAAOA,EAAOF,CAAI,GAAG,EAAE,CAACE,EAAO,KAAK,GAAGH,EAAA,CAAO,GACrE,UAAA;AAAA,EAAA,gBAAAI,EAAC,UAAK,WAAYD,EAAO,YAAe,UAAAJ,KAAc,gBAAAK,EAACC,KAAQ,EAAA,CAAI;AAAA,EAEnE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAAR;AAAA,MACA,UAAW,CAACU,MAAM;AACd,QAAAT,EAASS,EAAE,OAAO,KAAK;AAAA,MAC3B;AAAA,MACA,aAAAR;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AACT,EAAA,CACJ;"}

package/dist/input-ghost/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/input-ghost/index.js

@@ -1 +1,5 @@
-export{InputGhost}from"./component.js";import"react";import"@alphakits/icons/dist/SearchM";import"classnames";
+import { InputGhost as p } from "./component.js";
+export {
+  p as InputGhost
+};
+//# sourceMappingURL=index.js.map

package/dist/input-ghost/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/input-ghost/index.module.css

@@ -0,0 +1 @@
+.index-module_input__Sx0kB{display:flex;align-items:center;position:relative;width:50%;box-sizing:border-box}.index-module_input__Sx0kB.index-module_block__vmjqb{width:100%}.index-module_input__Sx0kB.index-module_s__5THxm{padding:0 12px 0 14px}.index-module_input__Sx0kB.index-module_s__5THxm input{padding:0 0 0 33.5px;height:40px}.index-module_input__Sx0kB.index-module_m__Xkulo input{padding-left:44px;height:32px}.index-module_input__Sx0kB input{border:none;outline:none;width:100%;font-size:12px;line-height:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}:is(.index-module_input__Sx0kB input)::placeholder{font-size:12px;line-height:20px;font-weight:500;color:var(--color-text-secondary)}.index-module_input__Sx0kB .index-module_leftAddons__tJy0W{position:absolute;pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}

package/dist/input-ghost/index.module.css.js

@@ -0,0 +1,17 @@
+import './index.module.css';
+const o = "index-module_input__Sx0kB", d = "index-module_block__vmjqb", n = "index-module_s__5THxm", e = "index-module_m__Xkulo", t = "index-module_leftAddons__tJy0W", s = {
+  input: o,
+  block: d,
+  s: n,
+  m: e,
+  leftAddons: t
+};
+export {
+  d as block,
+  s as default,
+  o as input,
+  t as leftAddons,
+  e as m,
+  n as s
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/input-ghost/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/link/component.d.ts

@@ -1,29 +1,87 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorHTMLAttributes, ReactNode } from "react";
-type NativeProps = AnchorHTMLAttributes<HTMLAnchorElement>;
-type LinkProps = NativeProps & {
+import { default as React, AnchorHTMLAttributes, ReactNode } from 'react';
+declare type NativeProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare type LinkProps = NativeProps & {
+    /**
+     * URL для перехода (native prop)
+     */
     href?: string;
+    /**
+     * Тип ссылки
+     */
     view?: 'primary' | 'secondary' | 'default';
+    /**
+     * размер
+     */
     size?: 's' | 'm';
+    /**
+     * Пунктирное подчеркивание
+     */
     pseudo?: boolean;
+    /**
+     * Слот слева
+     */
     leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
     rightAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс (native prop)
+     */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Обработчик нажатия (native prop)
+     */
     onClick?: NativeProps['onClick'];
+    /**
+     * Дочерние элементы (native prop)
+     */
     children: ReactNode;
 };
-declare const Link: React.ForwardRefExoticComponent<NativeProps & {
+export declare const Link: React.ForwardRefExoticComponent<NativeProps & {
+    /**
+     * URL для перехода (native prop)
+     */
     href?: string | undefined;
+    /**
+     * Тип ссылки
+     */
     view?: "primary" | "secondary" | "default" | undefined;
+    /**
+     * размер
+     */
     size?: "s" | "m" | undefined;
+    /**
+     * Пунктирное подчеркивание
+     */
     pseudo?: boolean | undefined;
+    /**
+     * Слот слева
+     */
     leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
     rightAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс (native prop)
+     */
     className?: string | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string | undefined;
+    /**
+     * Обработчик нажатия (native prop)
+     */
     onClick?: NativeProps['onClick'];
+    /**
+     * Дочерние элементы (native prop)
+     */
     children: ReactNode;
 } & React.RefAttributes<HTMLAnchorElement>>;
-export { LinkProps, Link };
+export {};

package/dist/link/component.js

@@ -1 +1,43 @@
-import{__rest as e,__assign as d}from"tslib";import o,{forwardRef as n,useRef as s}from"react";import t from"react-merge-refs";import a from"classnames";import{useFocus as m}from"../hooks/useFocus/index.js";var r={component:"index-module_component__mLrsz",text:"index-module_text__5dmKq",withAddons:"index-module_withAddons__2J8JN",focused:"index-module_focused__MJGFH",primary:"index-module_primary__316lS",secondary:"index-module_secondary__3Vkve",default:"index-module_default__CAkjM",pseudo:"index-module_pseudo__2IIBH",addons:"index-module_addons__Dp_3j",m:"index-module_m__RxhMn",s:"index-module_s__L8jaf"},l=n((function(n,l){var i,_=n.view,c=void 0===_?"default":_,u=n.pseudo,p=void 0!==u&&u,f=n.leftAddons,x=n.rightAddons,h=n.className,v=n.dataTestId,A=n.children,N=n.size,E=void 0===N?"m":N,g=e(n,["view","pseudo","leftAddons","rightAddons","className","dataTestId","children","size"]),k=s(null),w=m(k,"keyboard")[0],y={className:a(r.component,r[c],(i={},i[r.pseudo]=p,i[r.focused]=w,i[r.withAddons]=f||x,i),h),"data-test-id":v,rel:"_blank"===g.target?"noreferrer noopener":void 0};return o.createElement("a",d({},y,g,{ref:t([k,l])}),f||x?o.createElement(o.Fragment,null,f&&o.createElement("span",{className:r.addons},f),A&&o.createElement("span",null,o.createElement("span",{className:a(r.text,r[E])},A)),x&&o.createElement("span",{className:r.addons},x)):o.createElement("span",{className:a(r.text,r[E])},A))}));export{l as Link};
+import { jsx as a, jsxs as N } from "react/jsx-runtime";
+import R, { forwardRef as k, useRef as b } from "react";
+import j from "react-merge-refs";
+import n from "classnames";
+import { useFocus as w } from "../hooks/useFocus/index.js";
+import e from "./index.module.css.js";
+const g = k(
+  ({
+    view: p = "default",
+    pseudo: f = !1,
+    leftAddons: o,
+    rightAddons: s,
+    className: l,
+    dataTestId: i,
+    children: r,
+    size: m = "m",
+    ...t
+  }, u) => {
+    const c = b(null), [d] = w(c, "keyboard"), x = {
+      className: n(
+        e.component,
+        e[p],
+        {
+          [e.pseudo]: f,
+          [e.focused]: d,
+          [e.withAddons]: o || s
+        },
+        l
+      ),
+      "data-test-id": i,
+      rel: t.target === "_blank" ? "noreferrer noopener" : void 0
+    };
+    return /* @__PURE__ */ a("a", { ...x, ...t, ref: j([c, u]), children: o || s ? /* @__PURE__ */ N(R.Fragment, { children: [
+      o && /* @__PURE__ */ a("span", { className: e.addons, children: o }),
+      r && /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a("span", { className: n(e.text, e[m]), children: r }) }),
+      s && /* @__PURE__ */ a("span", { className: e.addons, children: s })
+    ] }) : /* @__PURE__ */ a("span", { className: n(e.text, e[m]), children: r }) });
+  }
+);
+export {
+  g as Link
+};
+//# sourceMappingURL=component.js.map

package/dist/link/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/link/component.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, forwardRef, ReactNode, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { useFocus } from '../hooks/useFocus';\n\nimport styles from './index.module.css';\n\ntype NativeProps = AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport type LinkProps = NativeProps & {\n    /**\n     * URL для перехода (native prop)\n     */\n    href?: string;\n\n    /**\n     * Тип ссылки\n     */\n    view?: 'primary' | 'secondary' | 'default';\n\n    /**\n     * размер\n     */\n    size?: 's' | 'm';\n\n    /**\n     * Пунктирное подчеркивание\n     */\n    pseudo?: boolean;\n\n    /**\n     * Слот слева\n     */\n    leftAddons?: React.ReactNode;\n\n    /**\n     * Слот справа\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * Дополнительный класс (native prop)\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Обработчик нажатия (native prop)\n     */\n    onClick?: NativeProps['onClick'];\n\n    /**\n     * Дочерние элементы (native prop)\n     */\n    children: ReactNode;\n};\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n    (\n        {\n            view = 'default',\n            pseudo = false,\n            leftAddons,\n            rightAddons,\n            className,\n            dataTestId,\n            children,\n            size = 'm',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const linkRef = useRef<HTMLAnchorElement>(null);\n\n        const [focused] = useFocus(linkRef, 'keyboard');\n\n        const componentProps = {\n            className: cn(\n                styles.component,\n                styles[view],\n                {\n                    [styles.pseudo]: pseudo,\n                    [styles.focused]: focused,\n                    [styles.withAddons]: leftAddons || rightAddons,\n                },\n                className,\n            ),\n            'data-test-id': dataTestId,\n            rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined,\n        };\n\n        return (\n            <a {...componentProps} {...restProps} ref={mergeRefs([linkRef, ref])}>\n                {leftAddons || rightAddons ? (\n                    <React.Fragment>\n                        {leftAddons && <span className={styles.addons}>{leftAddons}</span>}\n                        {children && (\n                            <span>\n                                <span className={cn(styles.text, styles[size])}>{children}</span>\n                            </span>\n                        )}\n                        {rightAddons && <span className={styles.addons}>{rightAddons}</span>}\n                    </React.Fragment>\n                ) : (\n                    <span className={cn(styles.text, styles[size])}>{children}</span>\n                )}\n            </a>\n        );\n    },\n);\n"],"names":["Link","forwardRef","view","pseudo","leftAddons","rightAddons","className","dataTestId","children","size","restProps","ref","linkRef","useRef","focused","useFocus","componentProps","cn","styles","mergeRefs","jsxs","React","jsx"],"mappings":";;;;;;AA8DO,MAAMA,IAAOC;AAAA,EAChB,CACI;AAAA,IACI,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAUC,EAA0B,IAAI,GAExC,CAACC,CAAO,IAAIC,EAASH,GAAS,UAAU,GAExCI,IAAiB;AAAA,MACnB,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOhB,CAAI;AAAA,QACX;AAAA,UACI,CAACgB,EAAO,MAAM,GAAGf;AAAA,UACjB,CAACe,EAAO,OAAO,GAAGJ;AAAA,UAClB,CAACI,EAAO,UAAU,GAAGd,KAAcC;AAAA,QAAA;AAAA,QAEvCC;AAAA,MAAA;AAAA,MAEJ,gBAAgBC;AAAA,MAChB,KAAKG,EAAU,WAAW,WAAW,wBAAwB;AAAA,IAAA;AAGjE,6BACK,KAAA,EAAG,GAAGM,GAAiB,GAAGN,GAAW,KAAKS,EAAU,CAACP,GAASD,CAAG,CAAC,GAC9D,UAAAP,KAAcC,IACX,gBAAAe,EAACC,EAAM,UAAN,EACI,UAAA;AAAA,MAAAjB,KAAc,gBAAAkB,EAAC,QAAA,EAAK,WAAWJ,EAAO,QAAS,UAAAd,GAAW;AAAA,MAC1DI,KACG,gBAAAc,EAAC,QAAA,EACG,UAAA,gBAAAA,EAAC,UAAK,WAAWL,EAAGC,EAAO,MAAMA,EAAOT,CAAI,CAAC,GAAI,UAAAD,GAAS,GAC9D;AAAA,MAEHH,KAAe,gBAAAiB,EAAC,QAAA,EAAK,WAAWJ,EAAO,QAAS,UAAAb,EAAA,CAAY;AAAA,IAAA,EAAA,CACjE,IAEA,gBAAAiB,EAAC,QAAA,EAAK,WAAWL,EAAGC,EAAO,MAAMA,EAAOT,CAAI,CAAC,GAAI,UAAAD,EAAA,CAAS,EAAA,CAElE;AAAA,EAER;AACJ;"}

package/dist/link/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/link/index.js

@@ -1 +1,5 @@
-export{Link}from"./component.js";import"tslib";import"react";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";
+import { Link as e } from "./component.js";
+export {
+  e as Link
+};
+//# sourceMappingURL=index.js.map

package/dist/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/link/index.module.css

@@ -0,0 +1 @@
+:root{--link-primary-color: var(--color-text-primary);--link-primary-hover-color: color-mix(in srgb, var(--link-primary-color) 30%, white);--link-primary-active-color: color-mix(in srgb, var(--link-primary-color) 50%, white);--link-secondary-color: var(--color-text-secondary);--link-secondary-hover-color: color-mix(in srgb, var(--link-secondary-color) 30%, white);--link-secondary-active-color: color-mix(in srgb, var(--link-secondary-color) 50%, white);--link-default-color: var(--color-text-accent);--link-default-hover-color: color-mix(in srgb, var(--link-default-color) 30%, white);--link-default-active-color: color-mix(in srgb, var(--link-default-color) 50%, white)}.index-module_component__hqvbj{box-sizing:border-box;text-decoration:none;font-family:var(--font-family);cursor:pointer;outline:none}.index-module_withAddons__R-v34{display:inline-flex;flex-direction:row;flex-wrap:nowrap}.index-module_text__zFBAJ{border-bottom:1px solid;transition:border .2s ease,color .2s ease}.index-module_focused__mZChf{outline:2px solid var(--focus-color);outline-offset:2px}.index-module_primary__7QnHL{color:var(--link-primary-color);border-bottom-color:var(--link-primary-color)}.index-module_primary__7QnHL:hover{color:var(--link-primary-hover-color)}.index-module_primary__7QnHL:active{color:var(--link-primary-active-color)}.index-module_secondary__CXgR1{color:var(--link-secondary-color);border-bottom-color:var(--link-secondary-color)}.index-module_secondary__CXgR1:hover{color:var(--link-secondary-hover-color)}.index-module_secondary__CXgR1:active{color:var(--link-secondary-active-color)}.index-module_default__axx5g{color:var(--link-default-color);border-bottom-color:var(--link-default-color)}.index-module_default__axx5g:hover{color:var(--link-default-hover-color)}.index-module_default__axx5g:active{color:var(--link-default-active-color)}.index-module_pseudo__eQCgC .index-module_text__zFBAJ{border-bottom-style:dashed}.index-module_addons__rF1Ob{display:flex;align-items:center;transition:color .2s ease}.index-module_addons__rF1Ob:first-child{margin-right:var(--gap-xs)}.index-module_addons__rF1Ob:last-child{margin-left:var(--gap-xs)}.index-module_addons__rF1Ob:only-child{margin-right:0;margin-left:0}.index-module_m__k1NeY{font-weight:500;font-size:14px;line-height:20px}.index-module_s__0pCnE{font-weight:500;font-size:12px;line-height:20px}

package/dist/link/index.module.css.js

@@ -0,0 +1,28 @@
+import './index.module.css';
+const d = "index-module_component__hqvbj", e = "index-module_text__zFBAJ", o = "index-module_withAddons__R-v34", n = "index-module_focused__mZChf", _ = "index-module_primary__7QnHL", s = "index-module_secondary__CXgR1", t = "index-module_pseudo__eQCgC", m = "index-module_addons__rF1Ob", c = "index-module_m__k1NeY", u = "index-module_s__0pCnE", i = {
+  component: d,
+  text: e,
+  withAddons: o,
+  focused: n,
+  primary: _,
+  secondary: s,
+  default: "index-module_default__axx5g",
+  pseudo: t,
+  addons: m,
+  m: c,
+  s: u
+};
+export {
+  m as addons,
+  d as component,
+  i as default,
+  n as focused,
+  c as m,
+  _ as primary,
+  t as pseudo,
+  u as s,
+  s as secondary,
+  e as text,
+  o as withAddons
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/link/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/list-allert/component.d.ts

@@ -1,10 +1,20 @@
-/// <reference types="react" />
-import React from 'react';
-type ListAllertProps = {
+import { default as React } from 'react';
+export declare type ListAllertProps = {
+    /**
+     * Кастомный класс
+     */
     className?: string;
+    /**
+     * view - цвет аллерта
+     */
     view?: 'negative' | 'accent' | 'attention';
+    /**
+     * text - текст аллерта
+     */
     text: string | React.ReactNode;
+    /**
+     * Id компонента для тестов
+     */
     dataTestId?: string;
 };
-declare const ListAllert: React.FC<ListAllertProps>;
-export { ListAllertProps, ListAllert };
+export declare const ListAllert: React.FC<ListAllertProps>;

package/dist/list-allert/component.js

@@ -1 +1,14 @@
-import t from"react";import e from"classnames";import{Typography as o}from"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var n={component:"index-module_component__3qzuv",accent:"index-module_accent__CtavO",attention:"index-module_attention__3zvL_",negative:"index-module_negative__1wBaF"},i=function(i){var m=i.className,a=i.dataTestId,r=i.view,p=void 0===r?"accent":r,c=i.text;return t.createElement("div",{className:e(n.component,m,n[p]),"data-test-id":a},t.createElement(o.Text,{view:"title",color:"primary",weight:"medium"},c))};export{i as ListAllert};
+import { jsx as t } from "react/jsx-runtime";
+import c from "classnames";
+import { Typography as p } from "../typography/component.js";
+import r from "./index.module.css.js";
+const d = ({
+  className: o,
+  dataTestId: e,
+  view: i = "accent",
+  text: m
+}) => /* @__PURE__ */ t("div", { className: c(r.component, o, r[i]), "data-test-id": e, children: /* @__PURE__ */ t(p.Text, { view: "title", color: "primary", weight: "medium", children: m }) });
+export {
+  d as ListAllert
+};
+//# sourceMappingURL=component.js.map

package/dist/list-allert/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/list-allert/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport type ListAllertProps = {\n    /**\n     * Кастомный класс\n     */\n    className?: string;\n\n    /**\n     * view - цвет аллерта\n     */\n    view?: 'negative' | 'accent' | 'attention';\n\n    /**\n     * text - текст аллерта\n     */\n    text: string | React.ReactNode;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n};\n\nexport const ListAllert: React.FC<ListAllertProps> = ({\n    className,\n    dataTestId,\n    view = 'accent',\n    text,\n}) => (\n    <div className={ cn(styles.component, className, styles[view]) } data-test-id={ dataTestId }>\n        <Typography.Text view=\"title\" color=\"primary\" weight=\"medium\">\n            { text }\n        </Typography.Text>\n    </div>\n);\n"],"names":["ListAllert","className","dataTestId","view","text","jsx","cn","styles","Typography"],"mappings":";;;;AA6BO,MAAMA,IAAwC,CAAC;AAAA,EAClD,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AACJ,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAGC,EAAO,WAAWN,GAAWM,EAAOJ,CAAI,CAAC,GAAI,gBAAeD,GAC5E,UAAA,gBAAAG,EAACG,EAAW,MAAX,EAAgB,MAAK,SAAQ,OAAM,WAAU,QAAO,UAC/C,UAAAJ,EAAA,CACN,EAAA,CACJ;"}

package/dist/list-allert/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/list-allert/index.js

@@ -1 +1,5 @@
-export{ListAllert}from"./component.js";import"react";import"classnames";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";
+import { ListAllert as e } from "./component.js";
+export {
+  e as ListAllert
+};
+//# sourceMappingURL=index.js.map

package/dist/list-allert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/list-allert/index.module.css

@@ -0,0 +1 @@
+.index-module_component__1zepl{padding:var(--gap-s);width:100%;border-radius:4px;box-sizing:border-box;margin-bottom:var(--gap-m)}.index-module_accent__37BTV{background-color:color-mix(in srgb,var(--color-bg-accent) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-accent)}.index-module_attention__zzR-C{background-color:color-mix(in srgb,var(--color-bg-attention) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-attention)}.index-module_negative__SXrwC{background-color:color-mix(in srgb,var(--color-bg-negative) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-negative)}

package/dist/list-allert/index.module.css.js

@@ -0,0 +1,15 @@
+import './index.module.css';
+const e = "index-module_component__1zepl", n = "index-module_accent__37BTV", t = "index-module_attention__zzR-C", o = "index-module_negative__SXrwC", c = {
+  component: e,
+  accent: n,
+  attention: t,
+  negative: o
+};
+export {
+  n as accent,
+  t as attention,
+  e as component,
+  c as default,
+  o as negative
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/list-allert/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/loader/component.d.ts

@@ -1,8 +1,12 @@
-/// <reference types="react" />
-import React from 'react';
-type LoaderProps = {
+import { default as React } from 'react';
+export declare type LoaderProps = {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 };
-declare const Loader: React.FC<LoaderProps>;
-export { LoaderProps, Loader };
+export declare const Loader: React.FC<LoaderProps>;