@alphakits/ui 2.0.13 → 2.2.0

package/dist/grid/row/component.js

@@ -1,43 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import l from "classnames";
-import { createClassNames as d } from "../utils/index.js";
-import s from "../gutters.module.css.js";
-import o from "./index.module.css.js";
-const j = ({
-  tag: e = "div",
-  className: r,
-  gutter: t = {
-    mobile: {
-      s: 16
-    },
-    desktop: {
-      m: 24
-    }
-  },
-  align: m,
-  justify: a = "between",
-  children: p,
-  dataTestId: i
-}) => {
-  const c = n(() => d({ gutter: t }, s), [t]);
-  return /* @__PURE__ */ f(
-    e,
-    {
-      className: l(
-        s.row,
-        o.component,
-        m && o[m],
-        o[a],
-        ...c,
-        r
-      ),
-      "data-test-id": i,
-      children: p
-    }
-  );
-};
-export {
-  j as Row
-};
-//# sourceMappingURL=component.js.map

package/dist/grid/row/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../src/grid/row/component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { ResponsivePropertyType } from '../typings';\nimport { createClassNames } from '../utils';\n\nimport guttersStyles from '../gutters.module.css';\nimport styles from './index.module.css';\n\nexport type RowProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Горизонтальный отступ между колонками.\n     * Возможные значения: `[0, 8, 16, 24]`\n     * или `{ mobile: [0..24], tablet: [0..24], desktop: [0..24] }`\n     * или `{ mobile: { s: [0..24], m: [0..24], l: [0..24] },\n     * tablet: { s: [0..24], m: [0..24] },\n     * desktop: { s: [0..24], m: [0..24], l: [0..24], xl: [0..24] } }`.\n     */\n    gutter?: ResponsivePropertyType;\n\n    /**\n     * Управление выравниванием колонок по вертикальной оси\n     */\n    align?: 'top' | 'middle' | 'bottom';\n\n    /**\n     * Управление выравниванием колонок по горизонтальной оси\n     */\n    justify?: 'left' | 'center' | 'right' | 'around' | 'between';\n\n    /**\n     * Html тег компонента.\n     * Из-за <a href=\"https://github.com/philipwalton/flexbugs#flexbug-9\" target=\"_blank\">ограничений и багов</a>,\n     * существующих во флексбоксах, невозможно использовать\n     * некоторые элементы HTML как flex-контейнеры.\n     */\n    tag?: keyof JSX.IntrinsicElements;\n\n    /**\n     * Контент\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Row: React.FC<RowProps> = ({\n    tag: Component = 'div',\n    className,\n    gutter = {\n        mobile: {\n            s: 16,\n        },\n        desktop: {\n            m: 24,\n        },\n    },\n    align,\n    justify = 'between',\n    children,\n    dataTestId,\n}) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const classNames = useMemo(() => createClassNames({ gutter }, guttersStyles as any), [gutter]);\n\n    return (\n        <Component\n            className={cn(\n                guttersStyles.row,\n                styles.component,\n                align && styles[align],\n                styles[justify],\n                ...classNames,\n                className,\n            )}\n            data-test-id={dataTestId}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["Row","Component","className","gutter","align","justify","children","dataTestId","classNames","useMemo","createClassNames","guttersStyles","jsx","cn","styles"],"mappings":";;;;;;AAsDO,MAAMA,IAA0B,CAAC;AAAA,EACpC,KAAKC,IAAY;AAAA,EACjB,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,IACL,QAAQ;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,IAEP,SAAS;AAAA,MACL,GAAG;AAAA,IAAA;AAAA,EACP;AAAA,EAEJ,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,YAAAC;AACJ,MAAM;AAEF,QAAMC,IAAaC,EAAQ,MAAMC,EAAiB,EAAE,QAAAP,EAAA,GAAUQ,CAAoB,GAAG,CAACR,CAAM,CAAC;AAE7F,SACI,gBAAAS;AAAA,IAACX;AAAA,IAAA;AAAA,MACG,WAAWY;AAAA,QACPF,EAAc;AAAA,QACdG,EAAO;AAAA,QACPV,KAASU,EAAOV,CAAK;AAAA,QACrBU,EAAOT,CAAO;AAAA,QACd,GAAGG;AAAA,QACHN;AAAA,MAAA;AAAA,MAEJ,gBAAcK;AAAA,MAEb,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/grid/row/index.d.ts

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

package/dist/grid/row/index.js

@@ -1,5 +0,0 @@
-import { Row as e } from "./component.js";
-export {
-  e as Row
-};
-//# sourceMappingURL=index.js.map

package/dist/grid/row/index.js.map

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

package/dist/grid/row/index.module.css

@@ -1 +0,0 @@
-.component_gn33{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 auto;box-sizing:border-box}.top_Lj9m{align-items:flex-start}.middle_3C5H{align-items:center}.bottom_JyuO{align-items:flex-end}.left_bQem{justify-content:flex-start}.center_NnZc{justify-content:center}.right_8RTX{justify-content:flex-end}.around_jRzq{justify-content:space-around}.between_jGZh{justify-content:space-between}

package/dist/grid/row/index.module.css.js

@@ -1,25 +0,0 @@
-import './index.module.css';
-const t = "component_gn33", o = "top_Lj9m", e = "middle_3C5H", n = "bottom_JyuO", c = "left_bQem", s = "center_NnZc", m = "right_8RTX", d = "around_jRzq", r = "between_jGZh", _ = {
-  component: t,
-  top: o,
-  middle: e,
-  bottom: n,
-  left: c,
-  center: s,
-  right: m,
-  around: d,
-  between: r
-};
-export {
-  d as around,
-  r as between,
-  n as bottom,
-  s as center,
-  t as component,
-  _ as default,
-  c as left,
-  e as middle,
-  m as right,
-  o as top
-};
-//# sourceMappingURL=index.module.css.js.map

package/dist/grid/row/index.module.css.js.map

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

package/dist/grid/typings.d.ts

@@ -1,15 +0,0 @@
-export type BreakpointObjectType = {
-    s?: string | number;
-    m?: string | number;
-    l?: string | number;
-    xl?: string | number;
-};
-export type BreakpointObjectKeysType = keyof BreakpointObjectType;
-export type BreakpointType = string | number | BreakpointObjectType;
-export type BreakpointsType = {
-    mobile?: BreakpointType;
-    tablet?: BreakpointType;
-    desktop?: BreakpointType;
-};
-export type BreakpointsKeysType = keyof BreakpointsType;
-export type ResponsivePropertyType = string | number | BreakpointsType;

package/dist/grid/typings.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=typings.js.map

package/dist/grid/typings.js.map

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

package/dist/grid/utils/index.d.ts

@@ -1,2 +0,0 @@
-import { ResponsivePropertyType } from '../typings';
-export declare function createClassNames(props: Record<string, ResponsivePropertyType | undefined>, styles: Record<string, string>): string[];

package/dist/grid/utils/index.js

@@ -1,31 +0,0 @@
-function l(f, s) {
-  const t = [];
-  return Object.keys(f).forEach((u) => {
-    const c = f[u];
-    if (c) {
-      if (typeof c != "object") {
-        t.push(s[`${u}-${c}`]);
-        return;
-      }
-      Object.keys(c).forEach((e) => {
-        if (c[e] !== null)
-          if (typeof c[e] == "object") {
-            const r = c[e];
-            Object.keys(r).forEach(
-              (o) => {
-                const $ = r[o];
-                $ !== null && t.push(s[`${u}-${e}-${o}-${$}`]);
-              }
-            );
-          } else {
-            const r = c[e];
-            t.push(s[`${u}-${e}-${r}`]);
-          }
-      });
-    }
-  }), t;
-}
-export {
-  l as createClassNames
-};
-//# sourceMappingURL=index.js.map

package/dist/grid/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/grid/utils/index.ts"],"sourcesContent":["import {\n    BreakpointObjectKeysType,\n    BreakpointsKeysType,\n    BreakpointObjectType,\n    ResponsivePropertyType,\n} from '../typings';\n\nexport function createClassNames(\n    props: Record<string, ResponsivePropertyType | undefined>,\n    styles: Record<string, string>,\n) {\n    const classNames: string[] = [];\n    // console.log(props, styles)\n    Object.keys(props).forEach((name) => {\n        const prop = props[name];\n\n        if (!prop) {\n            return;\n        }\n        if (typeof prop !== 'object') {\n            classNames.push(styles[`${name}-${prop}`]);\n            return;\n        }\n        (Object.keys(prop) as BreakpointsKeysType[]).forEach((breakpoint) => {\n            if (prop[breakpoint] === null) {\n                return;\n            }\n            if (typeof prop[breakpoint] === 'object') {\n                const propBreakpointObject = prop[breakpoint] as BreakpointObjectType;\n                (Object.keys(propBreakpointObject) as BreakpointObjectKeysType[]).forEach(\n                    (size) => {\n                        const value = propBreakpointObject[size];\n                        if (value === null) {\n                            return;\n                        }\n                        classNames.push(styles[`${name}-${breakpoint}-${size}-${value}`]);\n                    },\n                );\n            } else {\n                const value = prop[breakpoint];\n                classNames.push(styles[`${name}-${breakpoint}-${value}`]);\n            }\n        });\n    });\n\n    return classNames;\n}\n"],"names":["createClassNames","props","styles","classNames","name","prop","breakpoint","propBreakpointObject","size","value"],"mappings":"AAOO,SAASA,EACZC,GACAC,GACF;AACE,QAAMC,IAAuB,CAAA;AAE7B,gBAAO,KAAKF,CAAK,EAAE,QAAQ,CAACG,MAAS;AACjC,UAAMC,IAAOJ,EAAMG,CAAI;AAEvB,QAAKC,GAGL;AAAA,UAAI,OAAOA,KAAS,UAAU;AAC1B,QAAAF,EAAW,KAAKD,EAAO,GAAGE,CAAI,IAAIC,CAAI,EAAE,CAAC;AACzC;AAAA,MACJ;AACC,aAAO,KAAKA,CAAI,EAA4B,QAAQ,CAACC,MAAe;AACjE,YAAID,EAAKC,CAAU,MAAM;AAGzB,cAAI,OAAOD,EAAKC,CAAU,KAAM,UAAU;AACtC,kBAAMC,IAAuBF,EAAKC,CAAU;AAC3C,mBAAO,KAAKC,CAAoB,EAAiC;AAAA,cAC9D,CAACC,MAAS;AACN,sBAAMC,IAAQF,EAAqBC,CAAI;AACvC,gBAAIC,MAAU,QAGdN,EAAW,KAAKD,EAAO,GAAGE,CAAI,IAAIE,CAAU,IAAIE,CAAI,IAAIC,CAAK,EAAE,CAAC;AAAA,cACpE;AAAA,YAAA;AAAA,UAER,OAAO;AACH,kBAAMA,IAAQJ,EAAKC,CAAU;AAC7B,YAAAH,EAAW,KAAKD,EAAO,GAAGE,CAAI,IAAIE,CAAU,IAAIG,CAAK,EAAE,CAAC;AAAA,UAC5D;AAAA,MACJ,CAAC;AAAA;AAAA,EACL,CAAC,GAEMN;AACX;"}

package/dist/header-search/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/header-search/component.tsx"],"sourcesContent":["import React from 'react';\nimport CloseS from '@alphakits/icons/dist/CloseS';\nimport SearchM from '@alphakits/icons/dist/SearchM';\n\nimport { Button } from '../button';\n\nimport styles from './index.module.css';\n\nexport type Props = {\n    placeholder: string;\n    value?: string;\n    onChange: (value: string) => void;\n    onClear: () => void;\n};\n\nexport const HeaderSearch: React.FC<Props> = ({\n    value, placeholder, onChange, onClear,\n}) => (\n    <div className={ styles.input }>\n\n        <SearchM />\n\n        <input\n            autoComplete=\"none\"\n            value={ value }\n            onChange={ (e) => onChange(e.target.value) }\n            placeholder={ placeholder }\n            type=\"text\"\n        />\n\n        { !!value?.length && (\n            <Button\n                className={ styles.input_clear_btn }\n                leftAddons={ <CloseS /> }\n                view=\"ghost\"\n                onClick={ () => onClear() }\n            />\n        ) }\n    </div>\n);\n"],"names":["HeaderSearch","value","placeholder","onChange","onClear","jsxs","styles","jsx","SearchM","e","Button","CloseS"],"mappings":";;;;;AAeO,MAAMA,IAAgC,CAAC;AAAA,EAC1C,OAAAC;AAAA,EAAO,aAAAC;AAAA,EAAa,UAAAC;AAAA,EAAU,SAAAC;AAClC,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,OAEpB,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ;AAAA,EAET,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAa;AAAA,MACb,OAAAN;AAAA,MACA,UAAW,CAACQ,MAAMN,EAASM,EAAE,OAAO,KAAK;AAAA,MACzC,aAAAP;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGP,CAAC,EAACD,KAAA,QAAAA,EAAO,WACP,gBAAAM;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAYJ,EAAO;AAAA,MACnB,8BAAcK,GAAA,EAAO;AAAA,MACrB,MAAK;AAAA,MACL,SAAU,MAAMP,EAAA;AAAA,IAAQ;AAAA,EAAA;AAC5B,EAAA,CAER;"}

package/dist/header-search/index.js.map

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

package/dist/header-search/index.module.css.js.map

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

package/dist/hooks/index.js.map

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

package/dist/hooks/use-crud-form-requests/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/use-crud-form-requests/index.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { ApiMethodDeclaration, ExtendServiceParams, MakeServiceFromServiceDeclaration } from '../../typings/api';\nimport { getServiceError } from '../../utils/get-service-error';\nimport { showSuccess } from '../../utils/show-toast';\n\ntype Props<D, S> = {\n    recordId?: number;\n    saveRequest: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<unknown, S>>>;\n    removeRequest?: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<number, D>>>;\n    saveCallback?: (savedRecord: S) => void;\n    removeCallback?: (deletedRecord: D) => void;\n    close: () => void;\n};\n\nexport const useCrudFormRequests = <D, S>({\n    recordId,\n    saveRequest,\n    removeRequest,\n    saveCallback,\n    removeCallback,\n    close = () => {},\n}: Props<D, S>) => {\n    const [updating, setUpdating] = useState(false);\n    const [removing, setRemoving] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n\n    const errorCallback = (err: unknown) => {\n        setUpdating(false);\n        setRemoving(false);\n        setError(getServiceError(err).message);\n    };\n\n    const save = async (values: unknown) => {\n        setUpdating(true);\n\n        const params = { data: values } as any;\n\n        if (recordId) params.id = recordId;\n\n        saveRequest(params)\n            .then(({ data }) => {\n                close();\n                saveCallback?.(data);\n                showSuccess('', 'Saved');\n                setUpdating(false);\n            }).catch(errorCallback);\n    };\n\n    const remove = async () => {\n        if (!recordId || !removeRequest) return;\n\n        setRemoving(true);\n\n        removeRequest(recordId)\n            .then(({ data }) => {\n                setRemoving(false);\n                close();\n                removeCallback?.(data);\n                showSuccess('', 'Removed');\n            }).catch(errorCallback);\n    };\n\n    return {\n        save,\n        remove,\n        error,\n        removing,\n        updating,\n    };\n};\n"],"names":["useCrudFormRequests","recordId","saveRequest","removeRequest","saveCallback","removeCallback","close","updating","setUpdating","useState","removing","setRemoving","error","setError","errorCallback","err","getServiceError","values","params","data","showSuccess"],"mappings":";;;AAeO,MAAMA,IAAsB,CAAO;AAAA,EACtC,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC,IAAQ,MAAM;AAAA,EAAC;AACnB,MAAmB;AACf,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxC,CAACG,GAAOC,CAAQ,IAAIJ,EAAwB,IAAI,GAEhDK,IAAgB,CAACC,MAAiB;AACpC,IAAAP,EAAY,EAAK,GACjBG,EAAY,EAAK,GACjBE,EAASG,EAAgBD,CAAG,EAAE,OAAO;AAAA,EACzC;AAgCA,SAAO;AAAA,IACH,MA/BS,OAAOE,MAAoB;AACpC,MAAAT,EAAY,EAAI;AAEhB,YAAMU,IAAS,EAAE,MAAMD,EAAA;AAEvB,MAAIhB,QAAiB,KAAKA,IAE1BC,EAAYgB,CAAM,EACb,KAAK,CAAC,EAAE,MAAAC,QAAW;AAChB,QAAAb,EAAA,GACAF,KAAA,QAAAA,EAAee,IACfC,EAAY,IAAI,OAAO,GACvBZ,EAAY,EAAK;AAAA,MACrB,CAAC,EAAE,MAAMM,CAAa;AAAA,IAC9B;AAAA,IAkBI,QAhBW,YAAY;AACvB,MAAI,CAACb,KAAY,CAACE,MAElBQ,EAAY,EAAI,GAEhBR,EAAcF,CAAQ,EACjB,KAAK,CAAC,EAAE,MAAAkB,QAAW;AAChB,QAAAR,EAAY,EAAK,GACjBL,EAAA,GACAD,KAAA,QAAAA,EAAiBc,IACjBC,EAAY,IAAI,SAAS;AAAA,MAC7B,CAAC,EAAE,MAAMN,CAAa;AAAA,IAC9B;AAAA,IAKI,OAAAF;AAAA,IACA,UAAAF;AAAA,IACA,UAAAH;AAAA,EAAA;AAER;"}

package/dist/hooks/use-get-one/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/use-get-one/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { ApiMethodDeclaration, ExtendServiceParams, MakeServiceFromServiceDeclaration } from '../../typings/api';\nimport { getServiceError } from '../../utils/get-service-error';\n\nexport const useGetOne = <T>(\n    id: number,\n    promise: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<number, T>>>,\n) => {\n    const [loading, setLoading] = useState(!!id);\n    const [record, setRecord] = useState<T>({} as T);\n    const [error, setError] = useState<string | null>(null);\n\n    const request = async () => {\n        setLoading(true);\n        setError(null);\n\n        try {\n            const { data } = await promise(id);\n\n            setRecord(data);\n        } catch (err) {\n            setError(getServiceError(err).message);\n        } finally {\n            setLoading(false);\n        }\n    };\n\n    useEffect(() => {\n        if (id) request();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return {\n        record, loading, error, request,\n    };\n};\n"],"names":["useGetOne","id","promise","loading","setLoading","useState","record","setRecord","error","setError","request","data","err","getServiceError","useEffect"],"mappings":";;AAKO,MAAMA,IAAY,CACrBC,GACAC,MACC;AACD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,CAAC,CAACJ,CAAE,GACrC,CAACK,GAAQC,CAAS,IAAIF,EAAY,CAAA,CAAO,GACzC,CAACG,GAAOC,CAAQ,IAAIJ,EAAwB,IAAI,GAEhDK,IAAU,YAAY;AACxB,IAAAN,EAAW,EAAI,GACfK,EAAS,IAAI;AAEb,QAAI;AACA,YAAM,EAAE,MAAAE,EAAA,IAAS,MAAMT,EAAQD,CAAE;AAEjC,MAAAM,EAAUI,CAAI;AAAA,IAClB,SAASC,GAAK;AACV,MAAAH,EAASI,EAAgBD,CAAG,EAAE,OAAO;AAAA,IACzC,UAAA;AACI,MAAAR,EAAW,EAAK;AAAA,IACpB;AAAA,EACJ;AAEA,SAAAU,EAAU,MAAM;AACZ,IAAIb,KAAIS,EAAA;AAAA,EAEZ,GAAG,CAAA,CAAE,GAEE;AAAA,IACH,QAAAJ;AAAA,IAAQ,SAAAH;AAAA,IAAS,OAAAK;AAAA,IAAO,SAAAE;AAAA,EAAA;AAEhC;"}

package/dist/hooks/useClickOutside/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useClickOutside/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport function useClickOutside(\n    ref: React.RefObject<HTMLElement>,\n    cb: (e: React.MouseEvent | React.TouchEvent) => void,\n    excludedRefs?: React.RefObject<HTMLElement>[]\n): void {\n    React.useEffect(() => {\n        const handler = (event: any) => {\n            if (!ref.current || ref.current.contains(event.target) || excludedRefs?.every((excludedRef) => excludedRef?.current?.contains(event.target))) {\n                return;\n            }\n\n            cb(event);\n        };\n\n        document.addEventListener('mousedown', handler);\n        document.addEventListener('touchstart', handler);\n\n        return () => {\n            document.removeEventListener('mousedown', handler);\n            document.removeEventListener('touchstart', handler);\n        };\n    }, [ref, cb, excludedRefs]);\n}\n"],"names":["useClickOutside","ref","cb","excludedRefs","React","handler","event","excludedRef","_a"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACI;AACJ,EAAAC,EAAM,UAAU,MAAM;AAClB,UAAMC,IAAU,CAACC,MAAe;AAC5B,MAAI,CAACL,EAAI,WAAWA,EAAI,QAAQ,SAASK,EAAM,MAAM,KAAKH,KAAA,QAAAA,EAAc,MAAM,CAACI;;AAAgB,gBAAAC,IAAAD,KAAA,gBAAAA,EAAa,YAAb,gBAAAC,EAAsB,SAASF,EAAM;AAAA,YAIpIJ,EAAGI,CAAK;AAAA,IACZ;AAEA,oBAAS,iBAAiB,aAAaD,CAAO,GAC9C,SAAS,iBAAiB,cAAcA,CAAO,GAExC,MAAM;AACT,eAAS,oBAAoB,aAAaA,CAAO,GACjD,SAAS,oBAAoB,cAAcA,CAAO;AAAA,IACtD;AAAA,EACJ,GAAG,CAACJ,GAAKC,GAAIC,CAAY,CAAC;AAC9B;"}

package/dist/hooks/useFocus/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useFocus/index.ts"],"sourcesContent":["import React from 'react';\n\n// TODO: добавить touch метод\nexport type InputMethod = 'keyboard' | 'mouse';\n\nlet prevInputMethod: InputMethod;\n\nfunction handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n        prevInputMethod = 'keyboard';\n    }\n}\n\nfunction handleMouseDown() {\n    prevInputMethod = 'mouse';\n}\n\nfunction handleTouchStart() {\n    prevInputMethod = 'mouse';\n}\n\n/**\n * Навешивает несколько глобальных обработчиков и отслеживает метод ввода - мышь или клавиатура.\n * Note: Повторный вызов функции не дублирует обработчики\n */\nfunction addGlobalListeners() {\n    document.addEventListener('keydown', handleKeyDown);\n    document.addEventListener('mousedown', handleMouseDown);\n    document.addEventListener('touchstart', handleTouchStart);\n}\n\n/**\n * Хук устанавливает обработчик события на focusin и focusout\n * по конкретному типу события\n * @param node Элемент на котором установится обработчик (default = document)\n * @param inputMethod Если параметр не задан, установит обработчик по любому событию фокуса\n */\nexport function useFocus<T extends HTMLElement>(\n    ref: React.MutableRefObject<T> | React.RefObject<T>,\n    inputMethod?: InputMethod,\n): [boolean] {\n    const [focus, setFocus] = React.useState(false);\n\n    const handleFocus = React.useCallback(() => {\n        if (!inputMethod || inputMethod === prevInputMethod) {\n            setFocus(true);\n        }\n    }, [inputMethod]);\n\n    const handleBlur = React.useCallback(() => {\n        setFocus(false);\n    }, []);\n\n    React.useEffect(() => {\n        const node = ref.current;\n\n        if (node) {\n            node.addEventListener('focusin', handleFocus);\n            node.addEventListener('focusout', handleBlur);\n        }\n\n        return () => {\n            if (node) {\n                node.removeEventListener('focusin', handleFocus);\n                node.removeEventListener('focusout', handleBlur);\n            }\n        };\n    }, [handleBlur, handleFocus, ref]);\n\n    React.useEffect(addGlobalListeners, []);\n\n    return [focus];\n}\n"],"names":["prevInputMethod","handleKeyDown","event","handleMouseDown","handleTouchStart","addGlobalListeners","useFocus","ref","inputMethod","focus","setFocus","React","handleFocus","handleBlur","node"],"mappings":";AAKA,IAAIA;AAEJ,SAASC,EAAcC,GAAsB;AACzC,EAAIA,EAAM,QAAQ,UACdF,IAAkB;AAE1B;AAEA,SAASG,IAAkB;AACvB,EAAAH,IAAkB;AACtB;AAEA,SAASI,IAAmB;AACxB,EAAAJ,IAAkB;AACtB;AAMA,SAASK,IAAqB;AAC1B,WAAS,iBAAiB,WAAWJ,CAAa,GAClD,SAAS,iBAAiB,aAAaE,CAAe,GACtD,SAAS,iBAAiB,cAAcC,CAAgB;AAC5D;AAQO,SAASE,EACZC,GACAC,GACS;AACT,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,EAAK,GAExCC,IAAcD,EAAM,YAAY,MAAM;AACxC,KAAI,CAACH,KAAeA,MAAgBR,MAChCU,EAAS,EAAI;AAAA,EAErB,GAAG,CAACF,CAAW,CAAC,GAEVK,IAAaF,EAAM,YAAY,MAAM;AACvC,IAAAD,EAAS,EAAK;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,SAAAC,EAAM,UAAU,MAAM;AAClB,UAAMG,IAAOP,EAAI;AAEjB,WAAIO,MACAA,EAAK,iBAAiB,WAAWF,CAAW,GAC5CE,EAAK,iBAAiB,YAAYD,CAAU,IAGzC,MAAM;AACT,MAAIC,MACAA,EAAK,oBAAoB,WAAWF,CAAW,GAC/CE,EAAK,oBAAoB,YAAYD,CAAU;AAAA,IAEvD;AAAA,EACJ,GAAG,CAACA,GAAYD,GAAaL,CAAG,CAAC,GAEjCI,EAAM,UAAUN,GAAoB,EAAE,GAE/B,CAACI,CAAK;AACjB;"}

package/dist/hooks/usePrevious/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/usePrevious/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n    const ref = React.useRef<T>();\n\n    React.useEffect(() => {\n        ref.current = value;\n    });\n\n    return ref.current;\n}\n"],"names":["usePrevious","value","ref","React"],"mappings":";AAEO,SAASA,EAAeC,GAAyB;AACpD,QAAMC,IAAMC,EAAM,OAAA;AAElB,SAAAA,EAAM,UAAU,MAAM;AAClB,IAAAD,EAAI,UAAUD;AAAA,EAClB,CAAC,GAEMC,EAAI;AACf;"}

package/dist/icon-button/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/icon-button/component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { Button } from '../button';\n\nimport styles from './index.module.css';\n\nexport type IconButtonProps = {\n    /**\n     * Компонент иконки\n     */\n    icon: any;\n\n    /**\n     * Тип кнопки\n     */\n    view?: 'secondary' | 'ghost';\n\n    /**\n     * Размер компонента\n     */\n    size?: 'l' | 'm' | 's';\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n    loading?: boolean;\n} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'>;\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n    ({\n        className, icon: Icon, view = 'ghost', size = 's', ...restProps\n    }, ref) => {\n        const { disabled, loading } = restProps;\n\n        return (\n            <Button\n                { ...restProps }\n                ref={ ref }\n                view=\"ghost\"\n                loading={ loading }\n                className={ cn(className, styles[view], { [styles.disabled]: disabled }) }\n                size=\"s\"\n                leftAddons={ (\n                    <span className={ cn(styles.iconWrapper, styles[size]) }>\n                        <Icon className={ styles.icon } />\n                    </span>\n                ) }\n            />\n        );\n    },\n);\n"],"names":["IconButton","forwardRef","className","Icon","view","size","restProps","ref","disabled","loading","jsx","Button","cn","styles"],"mappings":";;;;;AAmCO,MAAMA,IAAaC;AAAA,EACtB,CAAC;AAAA,IACG,WAAAC;AAAA,IAAW,MAAMC;AAAA,IAAM,MAAAC,IAAO;AAAA,IAAS,MAAAC,IAAO;AAAA,IAAK,GAAGC;AAAA,EAAA,GACvDC,MAAQ;AACP,UAAM,EAAE,UAAAC,GAAU,SAAAC,EAAA,IAAYH;AAE9B,WACI,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACK,GAAGL;AAAA,QACL,KAAAC;AAAA,QACA,MAAK;AAAA,QACL,SAAAE;AAAA,QACA,WAAYG,EAAGV,GAAWW,EAAOT,CAAI,GAAG,EAAE,CAACS,EAAO,QAAQ,GAAGL,GAAU;AAAA,QACvE,MAAK;AAAA,QACL,YACI,gBAAAE,EAAC,QAAA,EAAK,WAAYE,EAAGC,EAAO,aAAaA,EAAOR,CAAI,CAAC,GACjD,UAAA,gBAAAK,EAACP,GAAA,EAAK,WAAYU,EAAO,MAAO,EAAA,CACpC;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;"}

package/dist/icon-button/index.js.map

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

package/dist/icon-button/index.module.css.js.map

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

package/dist/image/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/image/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Skeleton } from '../skeleton';\nimport { Typography } from '../typography';\n\nimport { ImageProps } from './types';\nimport { useImageRenderComponent } from './use-image-render-component';\n\nimport styles from './index.module.css';\n\nexport const Image: React.FC<ImageProps> = ({\n    className,\n    src,\n    alt,\n    hint,\n    addon,\n    border,\n    size = 'm',\n    color,\n    children,\n    loading,\n    view = 'default',\n    text,\n    icon,\n    bgColor = 'secondary',\n}) => {\n    const component = useImageRenderComponent({\n        size,\n        src,\n        color,\n        alt,\n        text,\n        icon,\n    });\n\n    return (\n        <div className={ cn(styles.container, className, styles[size]) }>\n            <div className={ cn(styles.component, styles[view], styles[bgColor], { [styles.border]: border }) }>\n                <Skeleton className={ styles[size] } visible={ loading }>\n\n                    { view === 'ellipse' && (\n                        <svg className={ styles.defs }>\n                            <defs>\n                                <clipPath id=\"squircle\" clipPathUnits=\"objectBoundingBox\">\n                                    <path d=\"M .5 0 C .1 0 0 .1 0 .5 0 .9 .1 1 .5 1 .9 1 1 .9 1 .5 1 .1 .9 0 .5 0 Z\" fill=\"#f00\" />\n                                </clipPath>\n                            </defs>\n                        </svg>\n                    ) }\n\n                    { component }\n\n                    { children }\n\n                    { !!hint && (\n                        <div className={ styles.hint }>\n                            <Typography.Text\n                                className={ styles.hint_text }\n                                view=\"caps\"\n                                weight=\"medium\"\n                            >\n                                { hint }\n                            </Typography.Text>\n                        </div>\n                    ) }\n\n                </Skeleton>\n            </div>\n\n            { addon && (\n                <div className={ cn(styles[`addon-${addon.color}`], styles.addon, { [styles.filled]: addon.filled }) }>{ addon.icon }</div>\n            ) }\n        </div>\n    );\n};\n"],"names":["Image","className","src","alt","hint","addon","border","size","color","children","loading","view","text","icon","bgColor","component","useImageRenderComponent","jsxs","cn","styles","jsx","Skeleton","Typography"],"mappings":";;;;;;AAWO,MAAMA,IAA8B,CAAC;AAAA,EACxC,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACd,MAAM;AACF,QAAMC,IAAYC,EAAwB;AAAA,IACtC,MAAAT;AAAA,IACA,KAAAL;AAAA,IACA,OAAAM;AAAA,IACA,KAAAL;AAAA,IACA,MAAAS;AAAA,IACA,MAAAC;AAAA,EAAA,CACH;AAED,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAYC,EAAGC,EAAO,WAAWlB,GAAWkB,EAAOZ,CAAI,CAAC,GACzD,UAAA;AAAA,IAAA,gBAAAa,EAAC,OAAA,EAAI,WAAYF,EAAGC,EAAO,WAAWA,EAAOR,CAAI,GAAGQ,EAAOL,CAAO,GAAG,EAAE,CAACK,EAAO,MAAM,GAAGb,EAAA,CAAQ,GAC5F,UAAA,gBAAAW,EAACI,GAAA,EAAS,WAAYF,EAAOZ,CAAI,GAAI,SAAUG,GAEzC,UAAA;AAAA,MAAAC,MAAS,+BACN,OAAA,EAAI,WAAYQ,EAAO,MACpB,UAAA,gBAAAC,EAAC,QAAA,EACG,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,YAAW,eAAc,qBAClC,4BAAC,QAAA,EAAK,GAAE,0EAAyE,MAAK,OAAA,CAAO,EAAA,CACjG,EAAA,CACJ,EAAA,CACJ;AAAA,MAGFL;AAAA,MAEAN;AAAA,MAEA,CAAC,CAACL,uBACC,OAAA,EAAI,WAAYe,EAAO,MACpB,UAAA,gBAAAC;AAAA,QAACE,EAAW;AAAA,QAAX;AAAA,UACG,WAAYH,EAAO;AAAA,UACnB,MAAK;AAAA,UACL,QAAO;AAAA,UAEL,UAAAf;AAAA,QAAA;AAAA,MAAA,EACN,CACJ;AAAA,IAAA,EAAA,CAGR,EAAA,CACJ;AAAA,IAEEC,uBACG,OAAA,EAAI,WAAYa,EAAGC,EAAO,SAASd,EAAM,KAAK,EAAE,GAAGc,EAAO,OAAO,EAAE,CAACA,EAAO,MAAM,GAAGd,EAAM,OAAA,CAAQ,GAAM,UAAAA,EAAM,KAAA,CAAM;AAAA,EAAA,GAE7H;AAER;"}

package/dist/image/image-base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-base.js","sources":["../../src/image/image-base.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ImageProps } from './types';\nimport { useImageRenderComponent } from './use-image-render-component';\n\nexport type ImageBaseProps = Pick<ImageProps, 'src' | 'alt' | 'size' | 'text' | 'icon' >;\n\nexport const ImageBase: React.FC<ImageBaseProps> = ({\n    src,\n    alt,\n    size = 'm',\n    text,\n    icon,\n}) => {\n    const component = useImageRenderComponent({\n        size,\n        src,\n        alt,\n        text,\n        icon,\n    });\n\n    if (component) {\n        return <React.Fragment>{ component }</React.Fragment>;\n    }\n\n    return null;\n};\n"],"names":["ImageBase","src","alt","size","text","icon","component","useImageRenderComponent","jsx","React"],"mappings":";;;AAOO,MAAMA,IAAsC,CAAC;AAAA,EAChD,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,MAAAC;AACJ,MAAM;AACF,QAAMC,IAAYC,EAAwB;AAAA,IACtC,MAAAJ;AAAA,IACA,KAAAF;AAAA,IACA,KAAAC;AAAA,IACA,MAAAE;AAAA,IACA,MAAAC;AAAA,EAAA,CACH;AAED,SAAIC,IACO,gBAAAE,EAACC,EAAM,UAAN,EAAiB,UAAAH,EAAA,CAAW,IAGjC;AACX;"}

package/dist/image/index.js.map

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

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

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

package/dist/image/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../src/image/types.ts"],"sourcesContent":["import { TextProps } from '../typography/text';\n\n/**\n * componentSize - размер компонента\n *\n * @param xs - 24x24\n * @param s - 32x32\n * @param m - 40x40\n * @param l - 48x48\n * @param xl - 136x80\n * @param xxl - 304x200\n */\nexport type ComponentSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'auto';\n\nexport const textSizes: Record<ComponentSizes, string> = {\n    xs: 'textXs',\n    s: 'textXs',\n    m: 'textS',\n    l: 'textM',\n    xl: 'textL',\n    xxl: 'textL',\n    auto: 'textM',\n};\n\nexport type BgColors =\n    | 'primary'\n    | 'secondary'\n    | 'thirdly'\n    | 'positive'\n    | 'negative'\n    | 'attention'\n    | 'accent';\n\nexport type ImageProps = {\n    children?: React.ReactNode;\n    /**\n     * Кастомный класс\n     */\n    className?: string;\n\n    border?: boolean;\n\n    /**\n     * @param src - ссылка на картинку\n     */\n    src?: string;\n\n    /**\n     * @param alt - alt атрибут картинки\n     */\n    alt?: string;\n\n    /**\n     * Id компонента для тестов\n     */\n    dataTestId?: string;\n\n    /**\n     * hint - подсказка внизу фото\n     */\n    hint?: string | React.ReactNode;\n\n    size?: ComponentSizes;\n\n    /** loading - прелоад компонента */\n    loading?: boolean;\n\n    /** бейдж в нижнем правом углу */\n    addon?: {\n        color: BgColors;\n        icon: React.ReactNode;\n        filled?: boolean;\n    };\n\n    /** text - текст для отображения первых букв */\n    text?: string;\n\n    /** Иконка */\n    icon?: React.ReactNode;\n\n    /** view - ellipse | circle | default */\n    view?: 'ellipse' | 'circle' | 'default';\n\n    /** bgColor - цвет фона задней плашки */\n    bgColor?: BgColors;\n    color?: TextProps['color'];\n};\n"],"names":["textSizes"],"mappings":"AAcO,MAAMA,IAA4C;AAAA,EACrD,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,MAAM;AACV;"}

package/dist/image/use-image-render-component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-image-render-component.js","sources":["../../src/image/use-image-render-component.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport PhotoM from '@alphakits/icons/dist/PhotoM';\nimport PhotoS from '@alphakits/icons/dist/PhotoS';\nimport cn from 'classnames';\n\nimport { Spinner } from '../spinner';\nimport { Typography } from '../typography';\n\nimport {\n    ComponentSizes, ImageProps, textSizes,\n} from './types';\nimport { getCharsFromText } from './utils';\n\nimport styles from './index.module.css';\n\nexport type UseImageRenderComponent = {\n    src?: string;\n    size: ComponentSizes;\n    alt?: string;\n    text?: string;\n    icon?: React.ReactNode;\n    color?: ImageProps['color'];\n};\n\nconst imageSizes: Record<ComponentSizes, string> = {\n    xs: '300x300',\n    s: '300x300',\n    m: '300x300',\n    l: '300x300',\n    xl: '300x300',\n    xxl: '640x640',\n    auto: '640x640',\n};\n\nconst getImageSrc = ({\n    src,\n    size,\n}: Pick<UseImageRenderComponent, 'src' | 'size'>) => {\n    if (src?.includes('escapenavigator-images.s3') && size) {\n        const uri = src.split('amazonaws.com/')[1];\n\n        return `https://d2z3luly8bezbw.cloudfront.net/fit-in/${imageSizes[size]}/${uri}`;\n    }\n\n    return src;\n};\n\nexport const useImageRenderComponent = ({\n    src = '',\n    size,\n    color,\n    alt,\n    text,\n    icon,\n}: UseImageRenderComponent) => {\n    const [loaded, setLoaded] = React.useState<'loading' | 'loaded' | 'error'>('loading');\n\n    const timer = useRef<number>(0);\n\n    const newSrc = getImageSrc({ src, size });\n\n    useEffect(() => {\n        if (!newSrc) {\n            setLoaded('error');\n\n            return;\n        }\n\n        timer.current = Date.now();\n\n        setLoaded('loading');\n\n        const image = new Image();\n\n        image.src = newSrc;\n\n        image.onload = () => {\n            setLoaded('loaded');\n        };\n\n        image.onerror = () => {\n            if (Date.now() - timer.current < 2000) {\n                setTimeout(() => { image.src = newSrc; }, 500);\n            } else {\n                setLoaded('error');\n            }\n        };\n    }, [newSrc, size]);\n\n    if (icon) return icon;\n\n    if (loaded === 'loading') {\n        return <Spinner className={ styles.spinner } size=\"s\" view=\"dark\" />;\n    }\n\n    if (loaded === 'error' && text) {\n        return (\n            <Typography.Text\n                className={ cn(styles.textContent, styles[textSizes[size]]) }\n                view=\"caps\"\n                color={ color }\n                weight=\"bold\"\n            >\n                { getCharsFromText(text.toUpperCase()) }\n            </Typography.Text>\n        );\n    }\n\n    if (loaded === 'error') {\n        return (\n            <Typography.Text\n                className={ styles.broken }\n                tag=\"div\"\n                view=\"caps\"\n                color={ color }\n                weight=\"bold\"\n            >\n                { size === 'xs' ? <PhotoS /> : <PhotoM /> }\n            </Typography.Text>\n        );\n    }\n\n    return <img className={ styles.image } src={ newSrc } alt={ alt } />;\n};\n"],"names":["imageSizes","getImageSrc","src","size","uri","useImageRenderComponent","color","alt","text","icon","loaded","setLoaded","React","timer","useRef","newSrc","useEffect","image","jsx","Spinner","styles","Typography","cn","textSizes","getCharsFromText","PhotoS","PhotoM"],"mappings":";;;;;;;;;;AAwBA,MAAMA,IAA6C;AAAA,EAC/C,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,MAAM;AACV,GAEMC,IAAc,CAAC;AAAA,EACjB,KAAAC;AAAA,EACA,MAAAC;AACJ,MAAqD;AACjD,MAAID,KAAA,QAAAA,EAAK,SAAS,gCAAgCC,GAAM;AACpD,UAAMC,IAAMF,EAAI,MAAM,gBAAgB,EAAE,CAAC;AAEzC,WAAO,gDAAgDF,EAAWG,CAAI,CAAC,IAAIC,CAAG;AAAA,EAClF;AAEA,SAAOF;AACX,GAEaG,IAA0B,CAAC;AAAA,EACpC,KAAAH,IAAM;AAAA,EACN,MAAAC;AAAA,EACA,OAAAG;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AACJ,MAA+B;AAC3B,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAyC,SAAS,GAE9EC,IAAQC,EAAe,CAAC,GAExBC,IAASd,EAAY,EAAE,KAAAC,GAAK,MAAAC,GAAM;AA8BxC,SA5BAa,EAAU,MAAM;AACZ,QAAI,CAACD,GAAQ;AACT,MAAAJ,EAAU,OAAO;AAEjB;AAAA,IACJ;AAEA,IAAAE,EAAM,UAAU,KAAK,IAAA,GAErBF,EAAU,SAAS;AAEnB,UAAMM,IAAQ,IAAI,MAAA;AAElB,IAAAA,EAAM,MAAMF,GAEZE,EAAM,SAAS,MAAM;AACjB,MAAAN,EAAU,QAAQ;AAAA,IACtB,GAEAM,EAAM,UAAU,MAAM;AAClB,MAAI,KAAK,IAAA,IAAQJ,EAAM,UAAU,MAC7B,WAAW,MAAM;AAAE,QAAAI,EAAM,MAAMF;AAAA,MAAQ,GAAG,GAAG,IAE7CJ,EAAU,OAAO;AAAA,IAEzB;AAAA,EACJ,GAAG,CAACI,GAAQZ,CAAI,CAAC,GAEbM,MAEAC,MAAW,YACJ,gBAAAQ,EAACC,KAAQ,WAAYC,EAAO,SAAU,MAAK,KAAI,MAAK,QAAO,IAGlEV,MAAW,WAAWF,IAElB,gBAAAU;AAAA,IAACG,EAAW;AAAA,IAAX;AAAA,MACG,WAAYC,EAAGF,EAAO,aAAaA,EAAOG,EAAUpB,CAAI,CAAC,CAAC;AAAA,MAC1D,MAAK;AAAA,MACL,OAAAG;AAAA,MACA,QAAO;AAAA,MAEL,UAAAkB,EAAiBhB,EAAK,YAAA,CAAa;AAAA,IAAA;AAAA,EAAA,IAK7CE,MAAW,UAEP,gBAAAQ;AAAA,IAACG,EAAW;AAAA,IAAX;AAAA,MACG,WAAYD,EAAO;AAAA,MACnB,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,OAAAd;AAAA,MACA,QAAO;AAAA,MAEL,gBAAS,OAAO,gBAAAY,EAACO,GAAA,EAAO,sBAAMC,GAAA,CAAA,CAAO;AAAA,IAAA;AAAA,EAAA,sBAK3C,OAAA,EAAI,WAAYN,EAAO,OAAQ,KAAML,GAAS,KAAAR,GAAY;AACtE;"}

package/dist/image/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../src/image/utils.ts"],"sourcesContent":["export const getCharsFromText = (textFromProps = 'NN'): string => {\n    // if (!textFromProps) return;\n    const textWords = textFromProps.split(' ');\n\n    if (textWords.length >= 2) return textWords[0][0] + textWords[1][0];\n\n    return textWords[0][0] + textWords[0][1];\n};\n"],"names":["getCharsFromText","textFromProps","textWords"],"mappings":"AAAO,MAAMA,IAAmB,CAACC,IAAgB,SAAiB;AAE9D,QAAMC,IAAYD,EAAc,MAAM,GAAG;AAEzC,SAAIC,EAAU,UAAU,IAAUA,EAAU,CAAC,EAAE,CAAC,IAAIA,EAAU,CAAC,EAAE,CAAC,IAE3DA,EAAU,CAAC,EAAE,CAAC,IAAIA,EAAU,CAAC,EAAE,CAAC;AAC3C;"}

package/dist/image-gallery/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/image-gallery/component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport ImgsViewer from 'react-images-viewer';\n\ntype Props = {\n    initialSlide: number;\n    photos: Array<{src: string}>;\n    onClose: () => void;\n    open: boolean;\n};\n\nexport const ImageGallery = ({\n    onClose, initialSlide = 0, photos, open,\n}: Props) => {\n    const [index, setIndex] = useState(initialSlide);\n\n    const onClickNext = () => {\n        setIndex(index + 1);\n    };\n\n    const onClickPrev = () => {\n        setIndex(index - 1);\n    };\n\n    const gotoImg = (i: number) => {\n        setIndex(i);\n    };\n\n    return (\n        <ImgsViewer\n            theme={ {\n                container: {\n                    zIndex: 9999999999999999,\n                },\n            } }\n            backdropCloseable={ true }\n            showThumbnails={ true }\n            imgs={ photos }\n            onClickThumbnail={ gotoImg }\n            onClickNext={ onClickNext }\n            onClickPrev={ onClickPrev }\n            onClickImg={ () => {} }\n            currImg={ index }\n            isOpen={ open }\n            onClose={ onClose }\n        />\n    );\n};\n"],"names":["ImageGallery","onClose","initialSlide","photos","open","index","setIndex","useState","jsx","ImgsViewer","i"],"mappings":";;;AAUO,MAAMA,IAAe,CAAC;AAAA,EACzB,SAAAC;AAAA,EAAS,cAAAC,IAAe;AAAA,EAAG,QAAAC;AAAA,EAAQ,MAAAC;AACvC,MAAa;AACT,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASL,CAAY;AAc/C,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAQ;AAAA,QACJ,WAAW;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACZ;AAAA,MAEJ,mBAAoB;AAAA,MACpB,gBAAiB;AAAA,MACjB,MAAON;AAAA,MACP,kBAdQ,CAACO,MAAc;AAC3B,QAAAJ,EAASI,CAAC;AAAA,MACd;AAAA,MAaQ,aAvBY,MAAM;AACtB,QAAAJ,EAASD,IAAQ,CAAC;AAAA,MACtB;AAAA,MAsBQ,aApBY,MAAM;AACtB,QAAAC,EAASD,IAAQ,CAAC;AAAA,MACtB;AAAA,MAmBQ,YAAa,MAAM;AAAA,MAAC;AAAA,MACpB,SAAUA;AAAA,MACV,QAASD;AAAA,MACT,SAAAH;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/image-gallery/index.js.map

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

package/dist/image-uploader/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/image-uploader/component.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport EyeM from '@alphakits/icons/dist/EyeM';\nimport HeartStrokeM from '@alphakits/icons/dist/HeartStrokeM';\nimport PlusS from '@alphakits/icons/dist/PlusS';\nimport TrashM from '@alphakits/icons/dist/TrashM';\n\nimport { Button } from '../button';\nimport { FlexColumns } from '../flex-columns';\nimport { IconButton } from '../icon-button';\nimport { Image } from '../image';\nimport { ImageGallery } from '../image-gallery';\nimport { Padding } from '../padding';\nimport { SuperListHeader } from '../super-list-header';\nimport { ApiMethodDeclaration, MakeServiceFromServiceDeclaration } from '../typings/api';\nimport { Typography } from '../typography';\nimport { getServiceError } from '../utils/get-service-error';\nimport { showError } from '../utils/show-toast';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    title: string;\n    subtitle?: string;\n    value: string[];\n    multiple: boolean;\n    main?: string;\n    type: string;\n    columns?: number;\n    error?: string;\n    className?: string;\n    uploadRequest: MakeServiceFromServiceDeclaration<ApiMethodDeclaration<any, {url: string}>>;\n    onUpdate: (photos: string[]) => void;\n    setMain?: (photo: string) => void;\n    children?: ({ value, loading }: {value: string[]; loading: boolean}) => React.ReactNode;\n};\n\nexport const ImageUploader = forwardRef<HTMLInputElement, Props>(\n    ({\n        value = [],\n        title,\n        subtitle,\n        columns = 3,\n        onUpdate,\n        uploadRequest,\n        setMain,\n        type,\n        main,\n        multiple,\n        error,\n        className,\n        children,\n    }, ref) => {\n        const [open, setOpen] = useState(false);\n        const [initialSlide, setInitialSlide] = useState<number | undefined>();\n        const [loading, setLoading] = useState(false);\n        const innerRef = useRef<HTMLInputElement>(null);\n\n        const handleRemove = (photos: string[], src: string) => {\n            onUpdate(photos.filter((i) => i !== src));\n        };\n\n        const handleChange = async ({ target: { files } }: React.ChangeEvent<HTMLInputElement>) => {\n            if (!files) return;\n\n            const promises = Array.from(files).map((file) => {\n                const data = new FormData();\n\n                data.append('file', file);\n                data.append('type', type);\n\n                return uploadRequest({ data });\n            });\n\n            setLoading(true);\n\n            try {\n                const res = await Promise.all(promises);\n                const urls = res.map(({ data }) => data.url);\n\n                onUpdate(multiple ? [...value, ...urls] : urls);\n            } catch (err) {\n                const { message } = getServiceError(err);\n\n                showError(message);\n            } finally {\n                if (innerRef.current) innerRef.current.value = '';\n\n                setLoading(false);\n            }\n        };\n\n        return (\n            <div className={ className }>\n                <input\n                    type=\"file\"\n                    style={ { height: 0, position: 'absolute' } }\n                    ref={ ref }\n                    onChange={ handleChange }\n                    multiple={ multiple }\n                    accept=\"image/*, .heic\"\n                />\n\n                <input\n                    type=\"file\"\n                    style={ { height: 0, position: 'absolute' } }\n                    ref={ innerRef }\n                    onChange={ handleChange }\n                    multiple={ multiple }\n                    accept=\"image/*, .heic\"\n                />\n\n                { children ? (\n                    <Button\n                        view=\"ghost\"\n                        onClick={ () => innerRef.current?.click() }\n                    >\n                        { children({ value, loading }) }\n                    </Button>\n                ) : (\n                    <React.Fragment>\n\n                        <SuperListHeader\n                            text={ title }\n                            leftAddons={ (\n                                <IconButton\n                                    onClick={ () => innerRef.current?.click() }\n                                    icon={ PlusS }\n                                    loading={ loading }\n                                />\n                            ) }\n                        />\n\n                        { subtitle && (\n                            <Typography.Text view=\"primary-small\" color=\"secondary\" weight=\"medium\">\n                                { subtitle }\n                            </Typography.Text>\n                        ) }\n\n                        <Padding padding=\"4px 0\">\n                            { error && (\n                                <Typography.Text view=\"caps\" color=\"negative\" weight=\"medium\">\n                                    { error }\n                                </Typography.Text>\n                            ) }\n                        </Padding>\n\n                        <FlexColumns columns={ columns }>\n                            {\n                                value.map((image, key) => (\n                                    <Image key={ image } className={ styles.image } src={ image } size=\"xl\" view=\"default\">\n\n                                        <div className={ styles.controls }>\n                                            { (!!setMain && main !== image) && (\n                                                <IconButton\n                                                    onClick={ () => setMain(image) }\n                                                    icon={ HeartStrokeM }\n                                                    size=\"m\"\n                                                    view=\"secondary\"\n                                                    className={ styles.icon }\n                                                />\n                                            ) }\n                                            <IconButton\n                                                onClick={ () => {\n                                                    setInitialSlide(key);\n                                                    setOpen(true);\n                                                } }\n                                                icon={ EyeM }\n                                                size=\"m\"\n                                                view=\"secondary\"\n                                                className={ styles.icon }\n                                            />\n\n                                            <IconButton\n                                                onClick={ () => handleRemove(value, image) }\n                                                icon={ TrashM }\n                                                size=\"m\"\n                                                view=\"secondary\"\n                                                className={ styles.icon }\n                                            />\n\n                                        </div>\n\n                                        { main === image && <div className={ styles.main }>MAIN</div> }\n                                    </Image>\n                                ))\n                            }\n                        </FlexColumns>\n\n                        <ImageGallery\n                            photos={ value.map((src) => ({ src })) }\n                            initialSlide={ initialSlide || 0 }\n                            open={ open }\n                            onClose={ () => setOpen(false) }\n                        />\n\n                    </React.Fragment>\n                ) }\n\n            </div>\n        );\n    },\n);\n"],"names":["ImageUploader","forwardRef","value","title","subtitle","columns","onUpdate","uploadRequest","setMain","type","main","multiple","error","className","children","ref","open","setOpen","useState","initialSlide","setInitialSlide","loading","setLoading","innerRef","useRef","handleRemove","photos","src","handleChange","files","promises","file","data","urls","err","message","getServiceError","showError","jsxs","jsx","Button","_a","React","SuperListHeader","IconButton","PlusS","Typography","Padding","FlexColumns","image","key","Image","styles","HeartStrokeM","EyeM","TrashM","ImageGallery"],"mappings":"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"}

package/dist/image-uploader/index.js.map

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

package/dist/image-uploader/index.module.css.js.map

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

package/dist/index.js.map

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

package/dist/info-block-header/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/info-block-header/component.tsx"],"sourcesContent":["import React from 'react';\nimport NextS from '@alphakits/icons/dist/NextS';\nimport cn from 'classnames';\n\nimport { IconButton } from '../icon-button';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport interface InfoBlockHeaderProps {\n    /** title - заголовок */\n    title: string;\n    /** onClick - действие при нажатии на инфо блок */\n    onClick?: () => void;\n}\n\nexport const InfoBlockHeader: React.FC<InfoBlockHeaderProps> = ({ title, onClick }) => (\n    <div className={ cn(styles.item) }>\n        <Typography.Text view=\"title\" weight=\"bold\" color=\"primary\">\n            { title }\n        </Typography.Text>\n\n        { !!onClick && (\n            <IconButton icon={ NextS } className={ styles.copy } size=\"s\" onClick={ onClick } />\n        ) }\n    </div>\n);\n"],"names":["InfoBlockHeader","title","onClick","jsxs","cn","styles","jsx","Typography","IconButton","NextS"],"mappings":";;;;;;AAgBO,MAAMA,IAAkD,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,MACrE,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAGC,EAAO,IAAI,GAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,EAAW,MAAX,EAAgB,MAAK,SAAQ,QAAO,QAAO,OAAM,WAC5C,UAAAN,EAAA,CACN;AAAA,EAEE,CAAC,CAACC,KACA,gBAAAI,EAACE,GAAA,EAAW,MAAOC,GAAQ,WAAYJ,EAAO,MAAO,MAAK,KAAI,SAAAH,EAAA,CAAoB;AAAA,EAAA,CAE1F;"}

package/dist/info-block-header/index.js.map

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

package/dist/info-block-header/index.module.css.js.map

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

package/dist/info-block-item/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/info-block-item/component.tsx"],"sourcesContent":["import React from 'react';\nimport ActionCopyM from '@alphakits/icons/dist/ActionCopyM';\nimport cn from 'classnames';\n\nimport { IconButton } from '../icon-button';\nimport { ToastNotifier } from '../toast-notifier';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport interface InfoBlockItemProps {\n    /** label */\n    label: any;\n\n    /** value */\n    value?: any;\n\n    view?: 'start' | 'between';\n\n    /** color - цвет value */\n    color?: 'primary' | 'negative' | 'positive' | 'attention';\n    /** color - цвет value */\n    withCopyButton?: boolean;\n\n    /** rightAddons - слот справа */\n    rightAddons?: React.ReactNode;\n}\n\nexport const InfoBlockItem: React.FC<InfoBlockItemProps> = ({\n    label,\n    value,\n    view = 'between',\n    rightAddons,\n    withCopyButton,\n    color = 'primary',\n}) => (\n    <div className={ cn(styles.item, styles[view]) }>\n        <Typography.Text view=\"caps\" color=\"secondary\" weight=\"medium\">\n            { label }\n            { value && ':' }\n        </Typography.Text>\n        <div className={ styles.content }>\n            { value && (\n                <Typography.Text view=\"caps\" className={ styles.value } color={ color } weight=\"medium\">\n                    { value }\n                    { withCopyButton && (\n                        <IconButton\n                            icon={ ActionCopyM }\n                            className={ styles.copy }\n                            size=\"s\"\n                            onClick={ (e: any) => {\n                                e.stopPropagation();\n                                navigator.clipboard.writeText(value).then(() => {\n                                    ToastNotifier({\n                                        title: 'Copied!',\n                                        view: 'positive',\n                                        offset: 30,\n                                    });\n                                });\n                            } }\n                        />\n                    ) }\n                </Typography.Text>\n            ) }\n            { rightAddons && <div className={ styles.rightAddons }>{ rightAddons }</div> }\n        </div>\n    </div>\n);\n"],"names":["InfoBlockItem","label","value","view","rightAddons","withCopyButton","color","jsxs","cn","styles","Typography","jsx","IconButton","ActionCopyM","e","ToastNotifier"],"mappings":";;;;;;;AA4BO,MAAMA,IAA8C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC,IAAQ;AACZ,MACI,gBAAAC,EAAC,SAAI,WAAYC,EAAGC,EAAO,MAAMA,EAAON,CAAI,CAAC,GACzC,UAAA;AAAA,EAAA,gBAAAI,EAACG,EAAW,MAAX,EAAgB,MAAK,QAAO,OAAM,aAAY,QAAO,UAChD,UAAA;AAAA,IAAAT;AAAA,IACAC,KAAS;AAAA,EAAA,GACf;AAAA,EACA,gBAAAK,EAAC,OAAA,EAAI,WAAYE,EAAO,SAClB,UAAA;AAAA,IAAAP,KACE,gBAAAK,EAACG,EAAW,MAAX,EAAgB,MAAK,QAAO,WAAYD,EAAO,OAAQ,OAAAH,GAAgB,QAAO,UACzE,UAAA;AAAA,MAAAJ;AAAA,MACAG,KACE,gBAAAM;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAOC;AAAA,UACP,WAAYJ,EAAO;AAAA,UACnB,MAAK;AAAA,UACL,SAAU,CAACK,MAAW;AAClB,YAAAA,EAAE,gBAAA,GACF,UAAU,UAAU,UAAUZ,CAAK,EAAE,KAAK,MAAM;AAC5C,cAAAa,EAAc;AAAA,gBACV,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,QAAQ;AAAA,cAAA,CACX;AAAA,YACL,CAAC;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GAER;AAAA,IAEFX,KAAe,gBAAAO,EAAC,OAAA,EAAI,WAAYF,EAAO,aAAgB,UAAAL,EAAA,CAAa;AAAA,EAAA,EAAA,CAC1E;AAAA,EAAA,CACJ;"}

package/dist/info-block-item/index.js.map

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

package/dist/info-block-item/index.module.css.js.map

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

package/dist/info-block-wrapper/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/info-block-wrapper/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport interface InfoBlockWrapperProps {\n    /** children - slot */\n    children: React.ReactNode;\n\n    /**\n     * view - вид обертки\n     */\n\n    view?: 'default' | 'bordered';\n}\n\nexport const InfoBlockWrapper: React.FC<InfoBlockWrapperProps> = ({\n    children,\n    view = 'default',\n}) => (\n    <div className={cn(styles.infoBlock, styles[view])}>\n        {children}\n    </div>\n);\n"],"names":["InfoBlockWrapper","children","view","jsx","cn","styles"],"mappings":";;;AAgBO,MAAMA,IAAoD,CAAC;AAAA,EAC9D,UAAAC;AAAA,EACA,MAAAC,IAAO;AACX,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,WAAWA,EAAOH,CAAI,CAAC,GAC5C,UAAAD,EAAA,CACL;"}

package/dist/info-block-wrapper/index.js.map

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

package/dist/info-block-wrapper/index.module.css.js.map

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

package/dist/input/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/input/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    Fragment,\n    InputHTMLAttributes,\n    MouseEvent,\n    useCallback,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Button } from '../button';\nimport { FormControl } from '../form-control';\nimport { useFocus } from '../hooks/useFocus';\n\nimport styles from './index.module.css';\n\nexport type InputProps = Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown'\n> & {\n    /**\n     * Значение поля ввода\n     */\n    value?: string;\n\n    /**\n     * Начальное значение поля\n     */\n    defaultValue?: string;\n\n    /**\n     * Растягивает компонент на ширину контейнера\n     */\n    block?: boolean;\n\n    /**\n     * required - индикатор * лейбла для обязательного заполнения поля\n     */\n    required?: boolean;\n\n    /**\n     * Крестик для очистки поля\n     */\n    clear?: boolean;\n\n    /**\n     * Размер компонента\n     */\n    size?: 's' | 'm' | 'l';\n\n    /**\n     * Отображение ошибки\n     */\n    error?: string | boolean;\n\n    /**\n     * Отображение иконки успеха\n     */\n    success?: boolean;\n\n    /**\n     * Текст подсказки\n     */\n    hint?: string;\n\n    /**\n     * Лейбл компонента\n     */\n    label?: React.ReactNode;\n\n    /**\n     * Атрибут type\n     */\n    type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';\n\n    /**\n     * Ref для обертки input\n     */\n    wrapperRef?: React.Ref<HTMLDivElement>;\n\n    /**\n     * Слот слева\n     */\n    leftAddons?: React.ReactNode;\n\n    /**\n     * Слот справа\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * Слот под инпутом\n     */\n    bottomAddons?: React.ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для поля\n     */\n    fieldClassName?: string;\n\n    /**\n     * Дополнительный класс инпута\n     */\n    inputClassName?: string;\n\n    /**\n     * Дополнительный класс для лейбла\n     */\n    labelClassName?: string;\n\n    /**\n     * Дополнительный класс для аддонов\n     */\n    addonsClassName?: string;\n\n    /**\n     * Класс, который будет установлен при фокусе\n     */\n    focusedClassName?: string;\n\n    /**\n     * Класс, который будет установлен, если в поле есть значение\n     */\n    filledClassName?: string;\n\n    /**\n     * Обработчик поля ввода\n     */\n    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: { value: string }) => void;\n\n    /**\n     * Обработчик нажатия на кнопку очистки\n     */\n    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;\n\n    /**\n     * Обработчик клика по полю\n     */\n    onClick?: (event: MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * Обработчик MouseDown по полю\n     */\n    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * Обработчик MouseUp по полю\n     */\n    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n    (\n        {\n            size = 'm',\n            type = 'text',\n            block = false,\n            bottomAddons,\n            dataTestId,\n            clear = false,\n            disabled,\n            error,\n            success,\n            required,\n            hint,\n            className,\n            fieldClassName,\n            inputClassName,\n            labelClassName,\n            addonsClassName,\n            focusedClassName,\n            filledClassName,\n            label,\n            maxLength = 100,\n            leftAddons,\n            onFocus,\n            onBlur,\n            onChange,\n            onClear,\n            onClick,\n            onMouseDown,\n            onMouseUp,\n            rightAddons,\n            value,\n            defaultValue,\n            wrapperRef,\n            readOnly,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const uncontrolled = value === undefined;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const [focusVisible] = useFocus(inputRef, 'keyboard');\n\n        const [focused, setFocused] = useState(false);\n        const [stateValue, setStateValue] = useState(defaultValue || '');\n\n        const filled = Boolean(uncontrolled ? stateValue : value);\n        // отображаем крестик только для заполненного и активного инпута\n        const clearButtonVisible = clear && filled && !disabled && !readOnly;\n\n        const handleInputFocus = useCallback(\n            (event: React.FocusEvent<HTMLInputElement>) => {\n                if (!readOnly) {\n                    setFocused(true);\n                }\n\n                if (onFocus) {\n                    onFocus(event);\n                }\n            },\n            [onFocus, readOnly],\n        );\n\n        const handleInputBlur = useCallback(\n            (event: React.FocusEvent<HTMLInputElement>) => {\n                setFocused(false);\n\n                if (onBlur) {\n                    onBlur(event);\n                }\n            },\n            [onBlur],\n        );\n\n        const handleInputChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                if (onChange) {\n                    onChange(event, { value: event.target.value });\n                }\n\n                if (uncontrolled) {\n                    setStateValue(event.target.value);\n                }\n            },\n            [onChange, uncontrolled],\n        );\n\n        const handleClear = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                if (!clearButtonVisible) return;\n\n                if (uncontrolled) {\n                    setStateValue('');\n                }\n\n                if (onClear) {\n                    onClear(event);\n                }\n\n                if (inputRef.current && !focused) {\n                    inputRef.current.focus();\n                }\n            },\n            [clearButtonVisible, focused, onClear, uncontrolled],\n        );\n\n        const renderRightAddons = () => {\n            const addonsVisible = clearButtonVisible || rightAddons || success;\n\n            return (\n                addonsVisible && (\n                    <Fragment>\n                        { clearButtonVisible && (\n                            <Button\n                                type=\"button\"\n                                view=\"ghost\"\n                                disabled={ disabled }\n                                aria-label=\"Очистить\"\n                                className={ styles.clearButton }\n                                onClick={ handleClear }\n                            >\n                                <span className={ styles.clearIcon } />\n                            </Button>\n                        ) }\n                        { success && !error && <span className={ styles.successIcon } /> }\n                        { rightAddons }\n                    </Fragment>\n                )\n            );\n        };\n\n        return (\n            <FormControl\n                ref={ wrapperRef }\n                className={ cn(className, focused && focusedClassName, filled && filledClassName) }\n                fieldClassName={ cn(fieldClassName, {\n                    [styles.focusVisible]: focusVisible,\n                }) }\n                labelClassName={ labelClassName }\n                addonsClassName={ addonsClassName }\n                size={ size }\n                block={ block }\n                required={ required }\n                disabled={ disabled }\n                filled={ filled || focused }\n                focused={ focused }\n                error={ error }\n                label={ label }\n                hint={ hint }\n                leftAddons={ leftAddons }\n                rightAddons={ renderRightAddons() }\n                bottomAddons={ bottomAddons }\n                onClick={ onClick }\n                onMouseDown={ onMouseDown }\n                onMouseUp={ onMouseUp }\n            >\n                <input\n                    { ...restProps }\n                    className={ cn(\n                        styles.input,\n                        {\n                            [styles.hasLabel]: label,\n                        },\n                        inputClassName,\n                    ) }\n                    disabled={ disabled }\n                    onBlur={ handleInputBlur }\n                    onFocus={ handleInputFocus }\n                    onChange={ handleInputChange }\n                    maxLength={ maxLength }\n                    ref={ mergeRefs([ref, inputRef]) }\n                    type={ type }\n                    value={ uncontrolled ? stateValue : value }\n                    readOnly={ readOnly }\n                    data-test-id={ dataTestId }\n                    data-error={ !!error }\n                    aria-label={ typeof label === 'string' ? label : undefined }\n                />\n            </FormControl>\n        );\n    },\n);\n\n/**\n * Для отображения в сторибуке\n */\nInput.defaultProps = {\n    type: 'text',\n    block: false,\n};\n"],"names":["Input","React","size","type","block","bottomAddons","dataTestId","clear","disabled","error","success","required","hint","className","fieldClassName","inputClassName","labelClassName","addonsClassName","focusedClassName","filledClassName","label","maxLength","leftAddons","onFocus","onBlur","onChange","onClear","onClick","onMouseDown","onMouseUp","rightAddons","value","defaultValue","wrapperRef","readOnly","restProps","ref","uncontrolled","inputRef","useRef","focusVisible","useFocus","focused","setFocused","useState","stateValue","setStateValue","filled","clearButtonVisible","handleInputFocus","useCallback","event","handleInputBlur","handleInputChange","handleClear","renderRightAddons","Fragment","jsx","Button","styles","FormControl","cn","mergeRefs"],"mappings":"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"}

package/dist/input/index.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/input-autocomplete/autocomplete-field/index.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport cn from 'classnames';\nimport { Input as DefaultInput } from '../../input';\nimport { SelectFieldProps } from '../../select';\nimport mergeRefs from 'react-merge-refs';\nimport { InputAutocompleteProps } from '../component';\n\nimport styles from './index.module.css';\n\nexport type AutocompleteFieldProps = SelectFieldProps &\n    Pick<InputAutocompleteProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;\n\nexport const AutocompleteField = ({\n    label,\n    placeholder,\n    Arrow,\n    Input = DefaultInput,\n    value,\n    error,\n    success,\n    hint,\n    disabled,\n    readOnly,\n    onInput,\n    inputProps = {},\n    innerProps,\n}: AutocompleteFieldProps) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const { onClick, onFocus } = innerProps;\n\n    const inputDisabled = disabled || readOnly;\n\n    const handleClick = useCallback(\n        event => {\n            if (onClick) onClick(event);\n\n            if (inputRef.current) {\n                inputRef.current.focus();\n            }\n        },\n        [onClick],\n    );\n    return (\n        <Input\n            {...inputProps}\n            {...innerProps}\n            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n            // @ts-ignore\n            wrapperRef={mergeRefs([innerProps.ref, inputProps.wrapperRef])}\n            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n            // @ts-ignore\n            ref={mergeRefs([inputRef, inputProps.ref])}\n            disabled={disabled}\n            readOnly={readOnly}\n            block={true}\n            label={label}\n            placeholder={placeholder}\n            error={error}\n            success={success}\n            hint={hint}\n            onChange={onInput}\n            onClick={inputDisabled ? undefined : handleClick}\n            onFocus={inputDisabled ? undefined : onFocus}\n            autoComplete='off'\n            value={value}\n            rightAddons={\n                (Arrow || inputProps.rightAddons) && (\n                    <React.Fragment>\n                        {inputProps.rightAddons}\n                        {Arrow && (\n                            <span\n                                className={cn(styles.arrow, {\n                                    [styles.error]: error,\n                                })}\n                            >\n                                {Arrow}\n                            </span>\n                        )}\n                    </React.Fragment>\n                )\n            }\n        />\n    );\n};\n"],"names":["AutocompleteField","label","placeholder","Arrow","Input","DefaultInput","value","error","success","hint","disabled","readOnly","onInput","inputProps","innerProps","inputRef","useRef","onClick","onFocus","inputDisabled","handleClick","useCallback","event","jsx","mergeRefs","jsxs","React","cn","styles"],"mappings":";;;;;;AAYO,MAAMA,IAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EAAA,OACAC,IAAQC;AAAAA,EACR,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AAAA,EACb,YAAAC;AACJ,MAA8B;AAC1B,QAAMC,IAAWC,EAAyB,IAAI,GAExC,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYJ,GAEvBK,IAAgBT,KAAYC,GAE5BS,IAAcC;AAAA,IAChB,CAAAC,MAAS;AACL,MAAIL,OAAiBK,CAAK,GAEtBP,EAAS,WACTA,EAAS,QAAQ,MAAA;AAAA,IAEzB;AAAA,IACA,CAACE,CAAO;AAAA,EAAA;AAEZ,SACI,gBAAAM;AAAA,IAACnB;AAAAA,IAAA;AAAA,MACI,GAAGS;AAAA,MACH,GAAGC;AAAA,MAGJ,YAAYU,EAAU,CAACV,EAAW,KAAKD,EAAW,UAAU,CAAC;AAAA,MAG7D,KAAKW,EAAU,CAACT,GAAUF,EAAW,GAAG,CAAC;AAAA,MACzC,UAAAH;AAAA,MACA,UAAAC;AAAA,MACA,OAAO;AAAA,MACP,OAAAV;AAAA,MACA,aAAAC;AAAA,MACA,OAAAK;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAUG;AAAA,MACV,SAASO,IAAgB,SAAYC;AAAA,MACrC,SAASD,IAAgB,SAAYD;AAAA,MACrC,cAAa;AAAA,MACb,OAAAZ;AAAA,MACA,cACKH,KAASU,EAAW,gBACjB,gBAAAY,EAACC,EAAM,UAAN,EACI,UAAA;AAAA,QAAAb,EAAW;AAAA,QACXV,KACG,gBAAAoB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWI,EAAGC,EAAO,OAAO;AAAA,cACxB,CAACA,EAAO,KAAK,GAAGrB;AAAA,YAAA,CACnB;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AAKpB;"}

package/dist/input-autocomplete/autocomplete-field/index.module.css.js.map

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

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

@@ -1 +0,0 @@
-{"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.js.map

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

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

@@ -1 +0,0 @@
-{"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.js.map

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

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

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

package/dist/link/component.js.map

@@ -1 +0,0 @@
-{"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.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"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.js.map

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

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

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

package/dist/loader/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/loader/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type LoaderProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Loader: React.FC<LoaderProps> = ({ className, dataTestId }) => (\n    <svg\n        height=\"24\"\n        width=\"24\"\n        viewBox=\"0 0 24 24\"\n        className={ cn(styles.component, className) }\n        data-test-id={ dataTestId }\n    >\n        <circle cx=\"4\" cy=\"12\" r=\"2\" />\n        <circle cx=\"12\" cy=\"12\" r=\"2\" />\n        <circle cx=\"20\" cy=\"12\" r=\"2\" />\n    </svg>\n);\n"],"names":["Loader","className","dataTestId","jsxs","cn","styles","jsx"],"mappings":";;;AAiBO,MAAMA,IAAgC,CAAC,EAAE,WAAAC,GAAW,YAAAC,QACvD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,QAAO;AAAA,IACP,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,WAAYC,EAAGC,EAAO,WAAWJ,CAAS;AAAA,IAC1C,gBAAeC;AAAA,IAEf,UAAA;AAAA,MAAA,gBAAAI,EAAC,YAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI;AAAA,wBAC5B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,wBAC7B,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,IAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAClC;"}

package/dist/loader/index.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/masked-input/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent, MouseEvent, useCallback, useEffect, useRef, useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport { createTextMaskInputElement, TextMaskConfig, TextMaskInputElement } from 'text-mask-core';\n\nimport { Input, InputProps } from '../input';\n\n// import {  } from '../text-mask';\nimport styles from './index.module.css';\n\nexport type MaskedInputProps = InputProps & {\n    /**\n     * Маска для поля ввода\n     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array\n     */\n    mask?: TextMaskConfig['mask'];\n    //\n\n    /**\n     * Дает возможность изменить значение поля перед рендером\n     */\n    onBeforeDisplay?: TextMaskConfig['pipe'];\n    //\n};\n\n// Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \\u2000\nexport const PLACEHOLDER_CHAR = '\\u2000';\n\nexport const MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n    (\n        {\n            mask, value, defaultValue, className, onBeforeDisplay, onChange, onClear, ...restProps\n        },\n        ref,\n    ) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n        const textMask = useRef<TextMaskInputElement | null>(null);\n        //\n\n        const [inputValue, setInputValue] = useState(value || defaultValue || '');\n        // Не показываем сырое значение до применения маски\n        const [textHidden, setTextHidden] = useState(true);\n\n        const update = useCallback((newValue = '') => {\n            if (textMask.current && inputRef.current) {\n                textMask.current.update(newValue);\n                setInputValue(inputRef.current.value);\n            }\n        }, []);\n\n        const handleInputChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                update(event.target.value);\n\n                if (onChange) {\n                    onChange(event, {\n                        value: event.target.value,\n                    });\n                }\n            },\n            [onChange, update],\n        );\n\n        const handleClear = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                update('');\n                if (onClear) onClear(event);\n            },\n            [onClear, update],\n        );\n\n        useEffect(() => {\n            if (inputRef.current) {\n                textMask.current = createTextMaskInputElement({\n                    mask,\n                    inputElement: inputRef.current,\n                    pipe: onBeforeDisplay,\n                    guide: false,\n                    keepCharPositions: false,\n                    showMask: false,\n                    placeholderChar: PLACEHOLDER_CHAR,\n                    rawValue: '',\n                    currentCaretPosition: 0,\n                    previousConformedValue: '',\n                });\n            }\n        }, [onBeforeDisplay, mask]);\n\n        useEffect(() => {\n            update(value || defaultValue);\n        }, [value, update, defaultValue]);\n\n        useEffect(() => {\n            setTextHidden(false);\n        }, []);\n\n        return (\n            <Input\n                { ...restProps }\n                className={ cn(className, { [styles.textHidden]: textHidden }) }\n                value={ inputValue }\n                onChange={ handleInputChange }\n                onClear={ handleClear }\n                ref={ mergeRefs([ref, inputRef]) }\n            />\n        );\n    },\n);\n"],"names":["PLACEHOLDER_CHAR","MaskedInput","React","mask","value","defaultValue","className","onBeforeDisplay","onChange","onClear","restProps","ref","inputRef","useRef","textMask","inputValue","setInputValue","useState","textHidden","setTextHidden","update","useCallback","newValue","handleInputChange","event","handleClear","useEffect","createTextMaskInputElement","jsx","Input","cn","styles","mergeRefs"],"mappings":";;;;;;;AA4BO,MAAMA,IAAmB,KAEnBC,IAAcC,EAAM;AAAA,EAC7B,CACI;AAAA,IACI,MAAAC;AAAA,IAAM,OAAAC;AAAA,IAAO,cAAAC;AAAA,IAAc,WAAAC;AAAA,IAAW,iBAAAC;AAAA,IAAiB,UAAAC;AAAA,IAAU,SAAAC;AAAA,IAAS,GAAGC;AAAA,EAAA,GAEjFC,MACC;AACD,UAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAWD,EAAoC,IAAI,GAGnD,CAACE,GAAYC,CAAa,IAAIC,EAASb,KAASC,KAAgB,EAAE,GAElE,CAACa,GAAYC,CAAa,IAAIF,EAAS,EAAI,GAE3CG,IAASC,EAAY,CAACC,IAAW,OAAO;AAC1C,MAAIR,EAAS,WAAWF,EAAS,YAC7BE,EAAS,QAAQ,OAAOQ,CAAQ,GAChCN,EAAcJ,EAAS,QAAQ,KAAK;AAAA,IAE5C,GAAG,CAAA,CAAE,GAECW,IAAoBF;AAAA,MACtB,CAACG,MAAyC;AACtC,QAAAJ,EAAOI,EAAM,OAAO,KAAK,GAErBhB,KACAA,EAASgB,GAAO;AAAA,UACZ,OAAOA,EAAM,OAAO;AAAA,QAAA,CACvB;AAAA,MAET;AAAA,MACA,CAAChB,GAAUY,CAAM;AAAA,IAAA,GAGfK,IAAcJ;AAAA,MAChB,CAACG,MAAyC;AACtC,QAAAJ,EAAO,EAAE,GACLX,OAAiBe,CAAK;AAAA,MAC9B;AAAA,MACA,CAACf,GAASW,CAAM;AAAA,IAAA;AAGpB,WAAAM,EAAU,MAAM;AACZ,MAAId,EAAS,YACTE,EAAS,UAAUa,EAA2B;AAAA,QAC1C,MAAAxB;AAAA,QACA,cAAcS,EAAS;AAAA,QACvB,MAAML;AAAA,QACN,OAAO;AAAA,QACP,mBAAmB;AAAA,QACnB,UAAU;AAAA,QACV,iBAAiBP;AAAA,QACjB,UAAU;AAAA,QACV,sBAAsB;AAAA,QACtB,wBAAwB;AAAA,MAAA,CAC3B;AAAA,IAET,GAAG,CAACO,GAAiBJ,CAAI,CAAC,GAE1BuB,EAAU,MAAM;AACZ,MAAAN,EAAOhB,KAASC,CAAY;AAAA,IAChC,GAAG,CAACD,GAAOgB,GAAQf,CAAY,CAAC,GAEhCqB,EAAU,MAAM;AACZ,MAAAP,EAAc,EAAK;AAAA,IACvB,GAAG,CAAA,CAAE,GAGD,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACK,GAAGnB;AAAA,QACL,WAAYoB,EAAGxB,GAAW,EAAE,CAACyB,EAAO,UAAU,GAAGb,GAAY;AAAA,QAC7D,OAAQH;AAAA,QACR,UAAWQ;AAAA,QACX,SAAUE;AAAA,QACV,KAAMO,EAAU,CAACrB,GAAKC,CAAQ,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAG3C;AACJ;"}

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

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

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

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