@alphakits/ui 1.31.5 → 2.0.1

package/dist/utils/get-service-error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utils/get-service-error/index.ts"],"sourcesContent":["import { AxiosError } from 'axios';\n\nimport { isAxiosError } from './is-axios-error';\nimport { isNetworkError } from './is-network-error';\n\nexport type ErrorData = {\n    errorId: string;\n    application: string;\n    errorCode: string;\n    message: string;\n    originalErrorCode?: string;\n};\n\nexport enum ErrorType {\n    NETWORK = 'NETWORK',\n    BUSINESS = 'BUSINESS',\n    INTERNAL = 'INTERNAL',\n}\n\nconst ERROR_CODES = {\n    [ErrorType.INTERNAL]: 'INTERNAL_ERROR',\n    [ErrorType.NETWORK]: 'NETWORK_ERROR',\n} as const;\n\nconst ERROR_MESSAGES = {\n    [ErrorType.INTERNAL]: 'Please, try again later',\n    [ErrorType.NETWORK]: 'Please, check internet connection and try again later',\n};\n\nexport type ServiceError = {\n    code: string;\n    message: string;\n    errorType: ErrorType;\n    originalError: unknown | AxiosError<ErrorData>;\n};\n\nconst INTERNAL_SERVICE_ERROR_CODES = [\n    'BAD_REQUEST',\n    'INTERNAL_SERVER_ERROR',\n    'INTERNAL_ERROR',\n    'WS_ERROR',\n    'DEFAULT',\n];\n\n/**\n * Возвращает обработанную ошибку с дополнительной информацией.\n * @param error Ошибка от сервиса\n */\nexport function getServiceError(error: unknown): ServiceError {\n    if (isNetworkError(error)) {\n        return {\n            code: ERROR_CODES[ErrorType.NETWORK],\n            message: ERROR_MESSAGES[ErrorType.NETWORK],\n            errorType: ErrorType.NETWORK,\n            originalError: error,\n        };\n    }\n\n    if (isAxiosError<ErrorData>(error)) {\n        const { errorCode, originalErrorCode, message } = error.response ? error.response.data : {\n            errorCode: '500',\n            originalErrorCode: '500',\n            message: 'Unhandled error',\n        };\n\n        let code = errorCode;\n        let errorType = ErrorType.BUSINESS;\n\n        if (INTERNAL_SERVICE_ERROR_CODES.includes(code)) {\n            if (typeof originalErrorCode === 'undefined') {\n                errorType = ErrorType.INTERNAL;\n            } else {\n                code = originalErrorCode;\n            }\n        }\n\n        return {\n            code,\n            message,\n            errorType,\n            originalError: error,\n        };\n    }\n\n    return {\n        code: ERROR_CODES[ErrorType.INTERNAL],\n        message: ERROR_MESSAGES[ErrorType.INTERNAL],\n        errorType: ErrorType.INTERNAL,\n        originalError: error,\n    };\n}\n"],"names":["ErrorType","ERROR_CODES","ERROR_MESSAGES","INTERNAL_SERVICE_ERROR_CODES","getServiceError","error","isNetworkError","isAxiosError","errorCode","originalErrorCode","message","code","errorType"],"mappings":";;AAaO,IAAKA,sBAAAA,OACRA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,WAAW,YAHHA,IAAAA,KAAA,CAAA,CAAA;AAMZ,MAAMC,IAAc;AAAA,EACf,UAAqB;AAAA,EACrB,SAAoB;AACzB,GAEMC,IAAiB;AAAA,EAClB,UAAqB;AAAA,EACrB,SAAoB;AACzB,GASMC,IAA+B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAMO,SAASC,EAAgBC,GAA8B;AAC1D,MAAIC,EAAeD,CAAK;AACpB,WAAO;AAAA,MACH,MAAMJ,EAAY;AAAA,MAClB,SAASC,EAAe;AAAA,MACxB,WAAW;AAAA,MACX,eAAeG;AAAA,IAAA;AAIvB,MAAIE,EAAwBF,CAAK,GAAG;AAChC,UAAM,EAAE,WAAAG,GAAW,mBAAAC,GAAmB,SAAAC,EAAA,IAAYL,EAAM,WAAWA,EAAM,SAAS,OAAO;AAAA,MACrF,WAAW;AAAA,MACX,mBAAmB;AAAA,MACnB,SAAS;AAAA,IAAA;AAGb,QAAIM,IAAOH,GACPI,IAAY;AAEhB,WAAIT,EAA6B,SAASQ,CAAI,MACtC,OAAOF,KAAsB,cAC7BG,IAAY,aAEZD,IAAOF,IAIR;AAAA,MACH,MAAAE;AAAA,MACA,SAAAD;AAAA,MACA,WAAAE;AAAA,MACA,eAAeP;AAAA,IAAA;AAAA,EAEvB;AAEA,SAAO;AAAA,IACH,MAAMJ,EAAY;AAAA,IAClB,SAASC,EAAe;AAAA,IACxB,WAAW;AAAA,IACX,eAAeG;AAAA,EAAA;AAEvB;"}

package/dist/utils/get-service-error/is-axios-error.d.ts

@@ -1,3 +1,6 @@
 import { AxiosError } from 'axios';
-declare function isAxiosError<T>(error: unknown): error is AxiosError<T>;
-export { isAxiosError };
+/**
+ * Возвращает `true`, если ошибка была выброшена axios
+ * @param error Ошибка от сервиса
+ */
+export declare function isAxiosError<T>(error: unknown): error is AxiosError<T>;

package/dist/utils/get-service-error/is-axios-error.js

@@ -1 +1,7 @@
-function o(o){return Boolean(o.isAxiosError)}export{o as isAxiosError};
+function o(r) {
+  return !!r.isAxiosError;
+}
+export {
+  o as isAxiosError
+};
+//# sourceMappingURL=is-axios-error.js.map

package/dist/utils/get-service-error/is-axios-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-axios-error.js","sources":["../../../src/utils/get-service-error/is-axios-error.ts"],"sourcesContent":["import { AxiosError } from 'axios';\n\n/**\n * Возвращает `true`, если ошибка была выброшена axios\n * @param error Ошибка от сервиса\n */\nexport function isAxiosError<T>(error: unknown): error is AxiosError<T> {\n    return Boolean((error as AxiosError).isAxiosError);\n}\n"],"names":["isAxiosError","error"],"mappings":"AAMO,SAASA,EAAgBC,GAAwC;AACpE,SAAO,EAASA,EAAqB;AACzC;"}

package/dist/utils/get-service-error/is-network-error.d.ts

@@ -1,2 +1,5 @@
-declare function isNetworkError(error: unknown): boolean;
-export { isNetworkError };
+/**
+ * Возвращает `true`, если ошибка возникла из-за проблем с интернетом
+ * @param error Ошибка от сервиса
+ */
+export declare function isNetworkError(error: unknown): boolean;

package/dist/utils/get-service-error/is-network-error.js

@@ -1 +1,13 @@
-import{isAxiosError as r}from"./is-axios-error.js";var e=["ENETUNREACH","ECONNABORTED","ENOTCONN"];function o(o){if(r(o)){var s=o.response,N=o.code,i=o.message;return void 0===s&&(e.includes(N||"")||"Network Error"===i)}return!1}export{o as isNetworkError};
+import { isAxiosError as s } from "./is-axios-error.js";
+const n = ["ENETUNREACH", "ECONNABORTED", "ENOTCONN"];
+function N(r) {
+  if (s(r)) {
+    const { response: e, code: o, message: E } = r;
+    return typeof e == "undefined" && (n.includes(o || "") || E === "Network Error");
+  }
+  return !1;
+}
+export {
+  N as isNetworkError
+};
+//# sourceMappingURL=is-network-error.js.map

package/dist/utils/get-service-error/is-network-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-network-error.js","sources":["../../../src/utils/get-service-error/is-network-error.ts"],"sourcesContent":["import { isAxiosError } from './is-axios-error';\n\nconst NETWORK_ERROR_CODES = ['ENETUNREACH', 'ECONNABORTED', 'ENOTCONN'];\n\n/**\n * Возвращает `true`, если ошибка возникла из-за проблем с интернетом\n * @param error Ошибка от сервиса\n */\nexport function isNetworkError(error: unknown) {\n    if (isAxiosError(error)) {\n        const { response, code, message } = error;\n\n        return (\n            typeof response === 'undefined' &&\n            (NETWORK_ERROR_CODES.includes(code || '') || message === 'Network Error')\n        );\n    }\n\n    return false;\n}\n"],"names":["NETWORK_ERROR_CODES","isNetworkError","error","isAxiosError","response","code","message"],"mappings":";AAEA,MAAMA,IAAsB,CAAC,eAAe,gBAAgB,UAAU;AAM/D,SAASC,EAAeC,GAAgB;AAC3C,MAAIC,EAAaD,CAAK,GAAG;AACrB,UAAM,EAAE,UAAAE,GAAU,MAAAC,GAAM,SAAAC,EAAA,IAAYJ;AAEpC,WACI,OAAOE,KAAa,gBACnBJ,EAAoB,SAASK,KAAQ,EAAE,KAAKC,MAAY;AAAA,EAEjE;AAEA,SAAO;AACX;"}

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
-export * from "./format-amount/util";
-export * from "./show-toast/index";
-export * from "./split-amount/util";
-export * from "./format-date/index";
+export * from './date';
+export * from './format-amount/util';
+export * from './show-toast';
+export * from './split-amount/util';
+export * from './format-date';

package/dist/utils/index.js

@@ -1 +1,54 @@
-export{AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,THINSP,formatAmount}from"./format-amount/util.js";export{showError,showSuccess}from"./show-toast/index.js";export{splitAmount}from"./split-amount/util.js";export{formatDate,locales}from"./format-date/index.js";import"./data/currency-codes.js";import"./get-currency-symbol/util.js";import"../toast-notifier/component.js";import"tslib";import"react";import"react-dom";import"classnames";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../toast-notifier/use-timer.js";import"date-fns";import"date-fns/esm/locale/cs";import"date-fns/esm/locale/de";import"date-fns/esm/locale/en-GB";import"date-fns/esm/locale/pl";import"date-fns/esm/locale/ru";import"date-fns/locale/el";import"date-fns/locale/es";import"date-fns/locale/et";import"date-fns/locale/fr";import"date-fns/locale/it";import"date-fns/locale/nl";import"date-fns/locale/pt";
+import { add as s, addDays as t, addMonths as r, addYears as o, eachDayOfInterval as f, eachMonthOfInterval as O, eachYearOfInterval as n, endOfDay as h, endOfISOWeek as i, endOfWeek as m, endOfYear as d, format as M, isAfter as S, isBefore as y, isEqual as D, isLastDayOfMonth as l, isSameDay as I, isSameMonth as p, isSameYear as u, isThisMonth as A, isThisYear as T, isToday as Y, isWithinInterval as c, lastDayOfMonth as k, max as x, min as W, parse as R, parseISO as b, startOfDay as v, startOfISOWeek as _, startOfMonth as w, startOfWeek as E, startOfYear as N, subDays as P, subMonths as q, subWeeks as B, subYears as H, weekDaysShort as J } from "./date/index.js";
+import { AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR as U, THINSP as g, formatAmount as j } from "./format-amount/util.js";
+import { showError as C, showSuccess as F } from "./show-toast/index.js";
+import { splitAmount as K } from "./split-amount/util.js";
+import { formatDate as V, locales as X } from "./format-date/index.js";
+export {
+  U as AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
+  g as THINSP,
+  s as add,
+  t as addDays,
+  r as addMonths,
+  o as addYears,
+  f as eachDayOfInterval,
+  O as eachMonthOfInterval,
+  n as eachYearOfInterval,
+  h as endOfDay,
+  i as endOfISOWeek,
+  m as endOfWeek,
+  d as endOfYear,
+  M as format,
+  j as formatAmount,
+  V as formatDate,
+  S as isAfter,
+  y as isBefore,
+  D as isEqual,
+  l as isLastDayOfMonth,
+  I as isSameDay,
+  p as isSameMonth,
+  u as isSameYear,
+  A as isThisMonth,
+  T as isThisYear,
+  Y as isToday,
+  c as isWithinInterval,
+  k as lastDayOfMonth,
+  X as locales,
+  x as max,
+  W as min,
+  R as parse,
+  b as parseISO,
+  C as showError,
+  F as showSuccess,
+  K as splitAmount,
+  v as startOfDay,
+  _ as startOfISOWeek,
+  w as startOfMonth,
+  E as startOfWeek,
+  N as startOfYear,
+  P as subDays,
+  q as subMonths,
+  B as subWeeks,
+  H as subYears,
+  J as weekDaysShort
+};
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

package/dist/utils/show-toast/index.d.ts

@@ -1,3 +1,2 @@
-declare const showSuccess: (text: string, title?: string, offset?: number) => void;
-declare const showError: (text: string, title?: string, offset?: number) => void;
-export { showSuccess, showError };
+export declare const showSuccess: (text: string, title?: string, offset?: number) => void;
+export declare const showError: (text: string, title?: string, offset?: number) => void;

package/dist/utils/show-toast/index.js

@@ -1 +1,21 @@
-import{ToastNotifier as t}from"../../toast-notifier/component.js";import"tslib";import"react";import"react-dom";import"classnames";import"../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../button/component.js";import"react-merge-refs";import"../../hooks/useFocus/index.js";import"../../loader/component.js";import"../../toast-notifier/use-timer.js";var o=function(o,i,e){void 0===i&&(i="Success"),void 0===e&&(e=30),t({view:"positive",title:i,text:o,offset:e})},i=function(o,i,e){void 0===i&&(i="Error"),void 0===e&&(e=30),t({view:"negative",title:i,text:o,offset:e})};export{i as showError,o as showSuccess};
+import { ToastNotifier as e } from "../../toast-notifier/component.js";
+const t = (o, r = "Success", s = 30) => {
+  e({
+    view: "positive",
+    title: r,
+    text: o,
+    offset: s
+  });
+}, c = (o, r = "Error", s = 30) => {
+  e({
+    view: "negative",
+    title: r,
+    text: o,
+    offset: s
+  });
+};
+export {
+  c as showError,
+  t as showSuccess
+};
+//# sourceMappingURL=index.js.map

package/dist/utils/show-toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utils/show-toast/index.ts"],"sourcesContent":["import { ToastNotifier } from '../../toast-notifier';\n\nexport const showSuccess = (text: string, title = 'Success', offset = 30) => {\n    ToastNotifier({\n        view: 'positive',\n        title,\n        text,\n        offset,\n    });\n};\n\nexport const showError = (text: string, title = 'Error', offset = 30) => {\n    ToastNotifier({\n        view: 'negative',\n        title,\n        text,\n        offset,\n    });\n};\n"],"names":["showSuccess","text","title","offset","ToastNotifier","showError"],"mappings":";AAEO,MAAMA,IAAc,CAACC,GAAcC,IAAQ,WAAWC,IAAS,OAAO;AACzE,EAAAC,EAAc;AAAA,IACV,MAAM;AAAA,IACN,OAAAF;AAAA,IACA,MAAAD;AAAA,IACA,QAAAE;AAAA,EAAA,CACH;AACL,GAEaE,IAAY,CAACJ,GAAcC,IAAQ,SAASC,IAAS,OAAO;AACrE,EAAAC,EAAc;AAAA,IACV,MAAM;AAAA,IACN,OAAAF;AAAA,IACA,MAAAD;AAAA,IACA,QAAAE;AAAA,EAAA,CACH;AACL;"}

package/dist/utils/split-amount/util.d.ts

@@ -1,2 +1,11 @@
-declare const splitAmount: (amount: string, partSize: number | undefined, splitter: string, splitFrom?: number) => string;
-export { splitAmount };
+/**
+ * Дробит мажорную часть суммы на части по указанному символу.
+ *
+ * @param amount Сумма для разбивки на части
+ * @param partSize Размер частей суммы
+ * @param splitter Символ, разбивающий части суммы
+ * @param splitFrom Длина суммы, начиная с которой необходимо осуществлять разбивку. По-умолчанию длина
+ * равняется пяти. Пример: 2900 - не разбивается,
+ * 29 000 - разбивается.
+ */
+export declare const splitAmount: (amount: string, partSize: number | undefined, splitter: string, splitFrom?: number) => string;

package/dist/utils/split-amount/util.js

@@ -1 +1,8 @@
-var e=function(e,n,o,p){void 0===n&&(n=3),void 0===p&&(p=4);var r="\\B(?=(\\d{"+n+"})+(?!\\d))";return e.length<p?e:(console.log({pp:e.replace(new RegExp(r,"g"),o)}),e.replace(new RegExp(r,"g"),o))};export{e as splitAmount};
+const r = (e, n = 3, p, l = 4) => {
+  const g = `\\B(?=(\\d{${n}})+(?!\\d))`;
+  return e.length < l ? e : (console.log({ pp: e.replace(new RegExp(g, "g"), p) }), e.replace(new RegExp(g, "g"), p));
+};
+export {
+  r as splitAmount
+};
+//# sourceMappingURL=util.js.map

package/dist/utils/split-amount/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../src/utils/split-amount/util.ts"],"sourcesContent":["/**\n * Дробит мажорную часть суммы на части по указанному символу.\n *\n * @param amount Сумма для разбивки на части\n * @param partSize Размер частей суммы\n * @param splitter Символ, разбивающий части суммы\n * @param splitFrom Длина суммы, начиная с которой необходимо осуществлять разбивку. По-умолчанию длина\n * равняется пяти. Пример: 2900 - не разбивается,\n * 29 000 - разбивается.\n */\nexport const splitAmount = (\n    amount: string,\n    partSize = 3,\n    splitter: string,\n    splitFrom = 4,\n): string => {\n    const splittingRegExp = `\\\\B(?=(\\\\d{${partSize}})+(?!\\\\d))`;\n\n    // Если длина суммы меньше требуемой, не форматируем сумму\n    if (amount.length < splitFrom) {\n        return amount;\n    }\n\n    console.log({ pp: amount.replace(new RegExp(splittingRegExp, 'g'), splitter) });\n\n    return amount.replace(new RegExp(splittingRegExp, 'g'), splitter);\n};\n"],"names":["splitAmount","amount","partSize","splitter","splitFrom","splittingRegExp"],"mappings":"AAUO,MAAMA,IAAc,CACvBC,GACAC,IAAW,GACXC,GACAC,IAAY,MACH;AACT,QAAMC,IAAkB,cAAcH,CAAQ;AAG9C,SAAID,EAAO,SAASG,IACTH,KAGX,QAAQ,IAAI,EAAE,IAAIA,EAAO,QAAQ,IAAI,OAAOI,GAAiB,GAAG,GAAGF,CAAQ,EAAA,CAAG,GAEvEF,EAAO,QAAQ,IAAI,OAAOI,GAAiB,GAAG,GAAGF,CAAQ;AACpE;"}

package/dist/{vars/shadows-indigo.css → vars.css}

@@ -34,3 +34,48 @@
     --shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32),
         0 -16px 32px rgba(11, 31, 53, 0.16);
 }
+:root {
+    --radius-s: 8px;
+    --radius-m: 12px;
+    --radius-l: 16px;
+    --radius-circle: 50%;
+}
+:root {
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
+    --gap-l: 20px;
+    --gap-xl: 24px;
+    --gap-xxl: 28px;
+    --gap-2xl: 32px;
+    --gap-3xl: 40px;
+    --gap-4xl: 48px;
+    --gap-5xl: 64px;
+    --gap-6xl: 72px;
+    --gap-7xl: 96px;
+    --gap-8xl: 128px;
+    --gap-2xs-neg: -4px;
+    --gap-xs-neg: -8px;
+    --gap-s-neg: -12px;
+    --gap-m-neg: -16px;
+    --gap-l-neg: -20px;
+    --gap-xl-neg: -24px;
+    --gap-2xl-neg: -32px;
+    --gap-3xl-neg: -40px;
+    --gap-4xl-neg: -48px;
+    --gap-5xl-neg: -64px;
+    --gap-6xl-neg: -72px;
+    --gap-7xl-neg: -96px;
+    --gap-8xl-neg: -128px;
+}
+:root {
+    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+}
+/* NEW */
+/* @define-mixin accent_secondary_small {
+    font-size: 11px;
+    line-height: 16px;
+    font-weight: 700;
+    font-family: var(--font-family);
+} */

package/dist/welcome-layout/component.d.ts

@@ -1,10 +1,24 @@
-/// <reference types="react" />
-import React from 'react';
-type Props = {
+import { default as React } from 'react';
+declare type Props = {
     children?: React.ReactNode;
+    /**
+     * @param image - компонент картинки
+     */
     image: string;
+    /**
+    * @param color - цвет фона картинки
+    */
     color?: 'navigator' | 'loverocket' | 'default';
+    /**
+     * @param reversed - меняет расположение левой и правой части
+     */
     reversed?: boolean;
 };
-declare const WelcomeContainer: React.FC<Props>;
-export { WelcomeContainer };
+/**
+ * Layout для окон авторизации
+ * @param children - размещается в левой части
+ * @param image - размещается в правой части
+ * @param reversed - меняет расположение левой и правой части
+ */
+export declare const WelcomeContainer: React.FC<Props>;
+export {};

package/dist/welcome-layout/component.js

@@ -1 +1,16 @@
-import e from"react";import i from"classnames";var r={container:"index-module_container__1-eMN",reversed:"index-module_reversed__1w5NN",left_side:"index-module_left_side__vCYV7",left_side_inner:"index-module_left_side_inner__14rJ_",right_side:"index-module_right_side__2aRS7",navigator:"index-module_navigator__1hhCE",loverocket:"index-module_loverocket__2tIIJ",default:"index-module_default__24Klz"},d=function(d){var _,t=d.children,l=d.image,a=d.color,n=void 0===a?"default":a,o=d.reversed;return e.createElement("div",{className:i(r.container,(_={},_[r.reversed]=o,_))},e.createElement("div",{className:r.left_side},e.createElement("div",{className:r.left_side_inner},t)),e.createElement("div",{className:i(r.right_side,r[n])},e.createElement("img",{src:l,alt:"right_side_image"})))};export{d as WelcomeContainer};
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import s from "classnames";
+import e from "./index.module.css.js";
+const o = ({
+  children: r,
+  image: t,
+  color: a = "default",
+  reversed: d
+}) => /* @__PURE__ */ l("div", { className: s(e.container, { [e.reversed]: d }), children: [
+  /* @__PURE__ */ i("div", { className: e.left_side, children: /* @__PURE__ */ i("div", { className: e.left_side_inner, children: r }) }),
+  /* @__PURE__ */ i("div", { className: s(e.right_side, e[a]), children: /* @__PURE__ */ i("img", { src: t, alt: "right_side_image" }) })
+] });
+export {
+  o as WelcomeContainer
+};
+//# sourceMappingURL=component.js.map

package/dist/welcome-layout/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/welcome-layout/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    children?: React.ReactNode;\n    /**\n     * @param image - компонент картинки\n     */\n    image: string;\n    /**\n    * @param color - цвет фона картинки\n    */\n    color?: 'navigator' | 'loverocket' | 'default';\n\n    /**\n     * @param reversed - меняет расположение левой и правой части\n     */\n    reversed?: boolean;\n};\n\n/**\n * Layout для окон авторизации\n * @param children - размещается в левой части\n * @param image - размещается в правой части\n * @param reversed - меняет расположение левой и правой части\n */\nexport const WelcomeContainer: React.FC<Props> = ({\n    children, image, color = 'default', reversed,\n}) => (\n    <div className={ cn(styles.container, { [styles.reversed]: reversed }) }>\n        <div className={ styles.left_side }>\n            <div className={ styles.left_side_inner }>\n                { children }\n            </div>\n        </div>\n\n        <div className={ cn(styles.right_side, styles[color]) }>\n            <img src={ image } alt=\"right_side_image\" />\n        </div>\n    </div>\n);\n"],"names":["WelcomeContainer","children","image","color","reversed","jsxs","cn","styles","jsx"],"mappings":";;;AA4BO,MAAMA,IAAoC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EAAU,OAAAC;AAAA,EAAO,OAAAC,IAAQ;AAAA,EAAW,UAAAC;AACxC,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAGC,EAAO,WAAW,EAAE,CAACA,EAAO,QAAQ,GAAGH,EAAA,CAAU,GACjE,UAAA;AAAA,EAAA,gBAAAI,EAAC,OAAA,EAAI,WAAYD,EAAO,WACpB,UAAA,gBAAAC,EAAC,SAAI,WAAYD,EAAO,iBAClB,UAAAN,EAAA,CACN,EAAA,CACJ;AAAA,oBAEC,OAAA,EAAI,WAAYK,EAAGC,EAAO,YAAYA,EAAOJ,CAAK,CAAC,GAChD,4BAAC,OAAA,EAAI,KAAMD,GAAQ,KAAI,oBAAmB,EAAA,CAC9C;AAAA,EAAA,CACJ;"}

package/dist/welcome-layout/index.d.ts

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

package/dist/welcome-layout/index.js

@@ -1 +1,5 @@
-export{WelcomeContainer}from"./component.js";import"react";import"classnames";
+import { WelcomeContainer as r } from "./component.js";
+export {
+  r as WelcomeContainer
+};
+//# sourceMappingURL=index.js.map

package/dist/welcome-layout/index.js.map

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

package/dist/welcome-layout/index.module.css

@@ -0,0 +1 @@
+.index-module_container__OmIEF{width:100%;height:100%;display:flex;flex-direction:row;position:relative}.index-module_reversed__oDLY2{flex-direction:row-reverse}.index-module_left_side__4-uKL{width:100%;padding:64px calc(50% + 56px) 64px 56px;background-color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:auto 0}.index-module_left_side__4-uKL .index-module_left_side_inner__-Lvbn{max-width:400px;width:100%;min-height:min-content}.index-module_right_side__iFk7C{position:fixed;right:0;width:50%;height:100%;padding:0 56px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.index-module_navigator__O-rxg{background:var(--color-bg-special-super-light);background:linear-gradient(155deg,var(--color-bg-special-super-light) 0%,var(--color-bg-special-big-objects) 100%)}.index-module_loverocket__DMLiT{background:#bdd8ff;background:linear-gradient(155deg,#bdd8ff,#a2c0ec)}.index-module_default__yQU6t{background:var(--color-bg-special-super-light);background:linear-gradient(155deg,var(--color-bg-special-super-light) 0%,var(--color-bg-special-big-objects) 100%)}.index-module_right_side__iFk7C{overflow:hidden}.index-module_right_side__iFk7C img{width:400px}@media(max-width:980px){.index-module_right_side__iFk7C{display:none}.index-module_left_side__4-uKL{padding:64px 24px}}

package/dist/welcome-layout/index.module.css.js

@@ -0,0 +1,22 @@
+import './index.module.css';
+const e = "index-module_container__OmIEF", _ = "index-module_reversed__oDLY2", n = "index-module_left_side__4-uKL", t = "index-module_left_side_inner__-Lvbn", d = "index-module_right_side__iFk7C", i = "index-module_navigator__O-rxg", o = "index-module_loverocket__DMLiT", r = {
+  container: e,
+  reversed: _,
+  left_side: n,
+  left_side_inner: t,
+  right_side: d,
+  navigator: i,
+  loverocket: o,
+  default: "index-module_default__yQU6t"
+};
+export {
+  e as container,
+  r as default,
+  n as left_side,
+  t as left_side_inner,
+  o as loverocket,
+  i as navigator,
+  _ as reversed,
+  d as right_side
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/welcome-layout/index.module.css.js.map

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

package/dist/with-suffix/component.d.ts

@@ -1,12 +1,17 @@
-/// <reference types="react" />
-import React from 'react';
-import { FC, ReactNode, RefAttributes } from "react";
-import { InputProps } from "../input/index";
-type WithSuffixProps = InputProps & {
+import { default as React, FC, ReactNode, RefAttributes } from 'react';
+import { InputProps } from '../input';
+export declare type WithSuffixProps = InputProps & {
+    /**
+     * Дополнительный закрепленный текст справа от основного значения.
+     * Например: value='85' suffix=' мес' -> 85 мес
+     */
     suffix?: ReactNode;
+    /**
+     * Дополнительный класс для контейнера с суффиксом
+     */
     suffixContainerClassName?: string;
 };
-declare const withSuffix: (Input: FC<InputProps & RefAttributes<HTMLInputElement>>) => React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown"> & {
+export declare const withSuffix: (Input: FC<InputProps & RefAttributes<HTMLInputElement>>) => React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     block?: boolean | undefined;
@@ -38,7 +43,13 @@ declare const withSuffix: (Input: FC<InputProps & RefAttributes<HTMLInputElement
     onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
     dataTestId?: string | undefined;
 } & {
+    /**
+     * Дополнительный закрепленный текст справа от основного значения.
+     * Например: value='85' suffix=' мес' -> 85 мес
+     */
     suffix?: ReactNode;
+    /**
+     * Дополнительный класс для контейнера с суффиксом
+     */
     suffixContainerClassName?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { WithSuffixProps, withSuffix };

package/dist/with-suffix/component.js

@@ -1 +1,73 @@
-import{__rest as e,__assign as a}from"tslib";import l,{forwardRef as n,useRef as r,useState as o,useCallback as t,Fragment as i}from"react";import s from"react-merge-refs";import m from"classnames";import{Portal as d}from"../portal/component.js";import"react-dom";import"../portal/utils.js";var u="index-module_suffixContainer__2PAjv",f="index-module_suffixVisible__2nCIM",c="index-module_hasSuffix__2OETD",_="index-module_spacer__367Gn",p="index-module_suffix__1tJdT",x="index-module_disabled__SEf2T",C="index-module_readOnly__1gCb6",v=function(v){return n((function(n,E){var N,b,h=n.value,g=n.defaultValue,O=n.onChange,y=n.onClear,j=n.suffix,T=void 0===j?"":j,V=n.placeholder,P=n.className,S=n.disabled,A=n.readOnly,B=n.suffixContainerClassName,D=e(n,["value","defaultValue","onChange","onClear","suffix","placeholder","className","disabled","readOnly","suffixContainerClassName"]),G=void 0===h,I=r(null),J=o(g||""),M=J[0],k=J[1],q=t((function(e,a){O&&O(e,a),G&&k(a.value)}),[O,G]),w=t((function(e){G&&k(""),y&&y(e)}),[y,G]),z=t((function(){return I.current.parentElement}),[]),F=G?M:h;return l.createElement(i,null,l.createElement(v,a({ref:s([E,I]),value:F,disabled:S,readOnly:A,onChange:q,onClear:w,placeholder:V,className:m(P,(N={},N[f]=Boolean(F),N[c]=T,N))},D)),l.createElement(d,{getPortalContainer:z},l.createElement("div",{className:m(u,B)},l.createElement("span",{className:_},F),T&&l.createElement("div",{className:m(p,(b={},b[x]=S,b[C]=A,b))},T))))}))};export{v as withSuffix};
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { forwardRef as k, useRef as B, useState as E, useCallback as l, Fragment as F } from "react";
+import I from "react-merge-refs";
+import c from "classnames";
+import { Portal as q } from "../portal/component.js";
+import e from "./index.module.css.js";
+const J = (v) => k(
+  ({
+    value: f,
+    defaultValue: N,
+    onChange: s,
+    onClear: n,
+    suffix: i = "",
+    placeholder: R,
+    className: S,
+    disabled: m,
+    readOnly: u,
+    suffixContainerClassName: V,
+    ...b
+  }, g) => {
+    const t = f === void 0, d = B(null), [C, p] = E(N || ""), j = l(
+      (o, h) => {
+        s && s(o, h), t && p(h.value);
+      },
+      [s, t]
+    ), w = l(
+      (o) => {
+        t && p(""), n && n(o);
+      },
+      [n, t]
+    ), P = l(
+      // TODO: Изменить сигнатуру getPortalContainer в Portal
+      () => d.current.parentElement,
+      []
+    ), a = t ? C : f;
+    return /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ r(
+        v,
+        {
+          ref: I([g, d]),
+          value: a,
+          disabled: m,
+          readOnly: u,
+          onChange: j,
+          onClear: w,
+          placeholder: R,
+          className: c(S, {
+            [e.suffixVisible]: !!a,
+            [e.hasSuffix]: i
+          }),
+          ...b
+        }
+      ),
+      /* @__PURE__ */ r(q, { getPortalContainer: P, children: /* @__PURE__ */ x("div", { className: c(e.suffixContainer, V), children: [
+        /* @__PURE__ */ r("span", { className: e.spacer, children: a }),
+        i && /* @__PURE__ */ r(
+          "div",
+          {
+            className: c(e.suffix, {
+              [e.disabled]: m,
+              [e.readOnly]: u
+            }),
+            children: i
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+export {
+  J as withSuffix
+};
+//# sourceMappingURL=component.js.map

package/dist/with-suffix/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/with-suffix/component.tsx"],"sourcesContent":["import React, {\n    FC,\n    forwardRef,\n    Fragment,\n    ReactNode,\n    RefAttributes,\n    useCallback,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { InputProps } from '../input';\nimport { Portal } from '../portal';\n\nimport styles from './index.module.css';\n\nexport type WithSuffixProps = InputProps & {\n    /**\n     * Дополнительный закрепленный текст справа от основного значения.\n     * Например: value='85' suffix=' мес' -> 85 мес\n     */\n    suffix?: ReactNode;\n\n    /**\n     * Дополнительный класс для контейнера с суффиксом\n     */\n    suffixContainerClassName?: string;\n};\n\nexport const withSuffix = (Input: FC<InputProps & RefAttributes<HTMLInputElement>>) =>\n    forwardRef<HTMLInputElement, WithSuffixProps>(\n        (\n            {\n                value,\n                defaultValue,\n                onChange,\n                onClear,\n                suffix = '',\n                placeholder,\n                className,\n                disabled,\n                readOnly,\n                suffixContainerClassName,\n                ...restProps\n            },\n            ref,\n        ) => {\n            const uncontrolled = value === undefined;\n\n            const inputRef = useRef<HTMLInputElement>(null);\n\n            const [stateValue, setStateValue] = useState(defaultValue || '');\n\n            const handleInputChange = useCallback<Required<InputProps>['onChange']>(\n                (event, payload) => {\n                    if (onChange) {\n                        onChange(event, payload);\n                    }\n\n                    if (uncontrolled) {\n                        setStateValue(payload.value);\n                    }\n                },\n                [onChange, uncontrolled],\n            );\n\n            const handleClear = useCallback<Required<InputProps>['onClear']>(\n                (event) => {\n                    if (uncontrolled) {\n                        setStateValue('');\n                    }\n\n                    if (onClear) {\n                        onClear(event);\n                    }\n                },\n                [onClear, uncontrolled],\n            );\n\n            const getPortalContainer = useCallback(\n                // TODO: Изменить сигнатуру getPortalContainer в Portal\n                () => (inputRef.current as HTMLElement).parentElement as HTMLElement,\n                [],\n            );\n\n            const visibleValue = uncontrolled ? stateValue : value;\n\n            // console.log('suffix', suffix);\n\n            return (\n                <Fragment>\n                    <Input\n                        ref={ mergeRefs([ref, inputRef]) }\n                        value={ visibleValue }\n                        disabled={ disabled }\n                        readOnly={ readOnly }\n                        onChange={ handleInputChange }\n                        onClear={ handleClear }\n                        placeholder={ placeholder }\n                        className={ cn(className, {\n                            [styles.suffixVisible]: Boolean(visibleValue),\n                            [styles.hasSuffix]: suffix,\n                        }) }\n                        { ...restProps }\n                    />\n                    <Portal getPortalContainer={ getPortalContainer }>\n                        <div className={ cn(styles.suffixContainer, suffixContainerClassName) }>\n                            <span className={ styles.spacer }>{ visibleValue }</span>\n                            { suffix && (\n                                <div\n                                    className={ cn(styles.suffix, {\n                                        [styles.disabled]: disabled,\n                                        [styles.readOnly]: readOnly,\n                                    }) }\n                                >\n                                    { suffix }\n                                </div>\n                            ) }\n                        </div>\n                    </Portal>\n                </Fragment>\n            );\n        },\n    );\n"],"names":["withSuffix","Input","forwardRef","value","defaultValue","onChange","onClear","suffix","placeholder","className","disabled","readOnly","suffixContainerClassName","restProps","ref","uncontrolled","inputRef","useRef","stateValue","setStateValue","useState","handleInputChange","useCallback","event","payload","handleClear","getPortalContainer","visibleValue","Fragment","jsx","mergeRefs","cn","styles","Portal","jsxs"],"mappings":";;;;;;AA+BO,MAAMA,IAAa,CAACC,MACvBC;AAAA,EACI,CACI;AAAA,IACI,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAeZ,MAAU,QAEzBa,IAAWC,EAAyB,IAAI,GAExC,CAACC,GAAYC,CAAa,IAAIC,EAAShB,KAAgB,EAAE,GAEzDiB,IAAoBC;AAAA,MACtB,CAACC,GAAOC,MAAY;AAChB,QAAInB,KACAA,EAASkB,GAAOC,CAAO,GAGvBT,KACAI,EAAcK,EAAQ,KAAK;AAAA,MAEnC;AAAA,MACA,CAACnB,GAAUU,CAAY;AAAA,IAAA,GAGrBU,IAAcH;AAAA,MAChB,CAACC,MAAU;AACP,QAAIR,KACAI,EAAc,EAAE,GAGhBb,KACAA,EAAQiB,CAAK;AAAA,MAErB;AAAA,MACA,CAACjB,GAASS,CAAY;AAAA,IAAA,GAGpBW,IAAqBJ;AAAA;AAAA,MAEvB,MAAON,EAAS,QAAwB;AAAA,MACxC,CAAA;AAAA,IAAC,GAGCW,IAAeZ,IAAeG,IAAaf;AAIjD,6BACKyB,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC5B;AAAA,QAAA;AAAA,UACG,KAAM6B,EAAU,CAAChB,GAAKE,CAAQ,CAAC;AAAA,UAC/B,OAAQW;AAAA,UACR,UAAAjB;AAAA,UACA,UAAAC;AAAA,UACA,UAAWU;AAAA,UACX,SAAUI;AAAA,UACV,aAAAjB;AAAA,UACA,WAAYuB,EAAGtB,GAAW;AAAA,YACtB,CAACuB,EAAO,aAAa,GAAG,EAAQL;AAAA,YAChC,CAACK,EAAO,SAAS,GAAGzB;AAAA,UAAA,CACvB;AAAA,UACC,GAAGM;AAAA,QAAA;AAAA,MAAA;AAAA,MAET,gBAAAgB,EAACI,GAAA,EAAO,oBAAAP,GACJ,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAYH,EAAGC,EAAO,iBAAiBpB,CAAwB,GAChE,UAAA;AAAA,QAAA,gBAAAiB,EAAC,QAAA,EAAK,WAAYG,EAAO,QAAW,UAAAL,GAAc;AAAA,QAChDpB,KACE,gBAAAsB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAYE,EAAGC,EAAO,QAAQ;AAAA,cAC1B,CAACA,EAAO,QAAQ,GAAGtB;AAAA,cACnB,CAACsB,EAAO,QAAQ,GAAGrB;AAAA,YAAA,CACtB;AAAA,YAEC,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EAAA,CAER,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;"}

package/dist/with-suffix/index.d.ts

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

package/dist/with-suffix/index.js

@@ -1 +1,5 @@
-export{withSuffix}from"./component.js";import"tslib";import"react";import"react-merge-refs";import"classnames";import"../portal/component.js";import"react-dom";import"../portal/utils.js";
+import { withSuffix as o } from "./component.js";
+export {
+  o as withSuffix
+};
+//# sourceMappingURL=index.js.map

package/dist/with-suffix/index.js.map

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

package/dist/with-suffix/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.index-module_suffixContainer__L2XY5{font-size:16px!important;line-height:20px;font-weight:400;font-family:var(--font-family);position:absolute;left:0;top:0;bottom:0;align-items:center;display:none;pointer-events:none}input:focus:not(:read-only)+.index-module_suffixContainer__L2XY5,.index-module_suffixVisible__Yc0TG .index-module_suffixContainer__L2XY5{display:inline-flex}.index-module_hasSuffix__k5IuB input:focus::placeholder{color:transparent;transition:none}.index-module_spacer__ylEiI{visibility:hidden;flex-shrink:0;white-space:pre}.index-module_suffix__rQNLe{white-space:pre}.index-module_disabled__tntct{color:var(--input-disabled-color)}.index-module_readOnly__tm8U3{color:var(--input-read-only-color)}

package/dist/with-suffix/index.module.css.js

@@ -0,0 +1,21 @@
+import './index.module.css';
+const e = "index-module_suffixContainer__L2XY5", i = "index-module_suffixVisible__Yc0TG", s = "index-module_hasSuffix__k5IuB", f = "index-module_spacer__ylEiI", n = "index-module_suffix__rQNLe", d = "index-module_disabled__tntct", u = "index-module_readOnly__tm8U3", _ = {
+  suffixContainer: e,
+  suffixVisible: i,
+  hasSuffix: s,
+  spacer: f,
+  suffix: n,
+  disabled: d,
+  readOnly: u
+};
+export {
+  _ as default,
+  d as disabled,
+  s as hasSuffix,
+  u as readOnly,
+  f as spacer,
+  n as suffix,
+  e as suffixContainer,
+  i as suffixVisible
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/with-suffix/index.module.css.js.map

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