@hai-dev/ui-kit 1.0.12 → 1.1.1

package/dist/components/code-input/code-input.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CodeInput } from './';
+type CodeInputMeta = Meta<typeof CodeInput>;
+type CodeInputStory = StoryObj<typeof CodeInput>;
+declare const meta: CodeInputMeta;
+export default meta;
+export declare const Base: CodeInputStory;

package/dist/components/code-input/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const DEFAULT_CODE_LENGTH = 6;
+export declare const CODE_REGEX: RegExp;
+export declare const NOT_CODE_REGEX: RegExp;
+export declare const BACKSPACE_KEY = "Backspace";
+export declare const ARROW_LEFT_KEY = "ArrowLeft";
+export declare const ARROW_RIGHT_KEY = "ArrowRight";
+export declare const ENTER_KEY = "Enter";
+export declare const TAB_KEY = "Tab";

package/dist/components/code-input/constants.js

@@ -0,0 +1,11 @@
+const E = 6, t = /^\d+$/, _ = /\D/g, o = "Backspace", c = "ArrowLeft", n = "ArrowRight", s = "Enter", R = "Tab";
+export {
+  c as ARROW_LEFT_KEY,
+  n as ARROW_RIGHT_KEY,
+  o as BACKSPACE_KEY,
+  t as CODE_REGEX,
+  E as DEFAULT_CODE_LENGTH,
+  s as ENTER_KEY,
+  _ as NOT_CODE_REGEX,
+  R as TAB_KEY
+};

package/dist/components/code-input/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeInput } from './code-input';
+export type { CodeInputProps } from './types';

package/dist/components/code-input/index.js

@@ -0,0 +1,4 @@
+import { CodeInput as p } from "./code-input.js";
+export {
+  p as CodeInput
+};

package/dist/components/code-input/types.d.ts

@@ -0,0 +1,11 @@
+import { Locale } from '../../types';
+export type CodeInputProps = {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    disabled?: boolean;
+    className?: string;
+    autoFocus?: boolean;
+    locale?: Locale;
+};

package/dist/components/code-input/utils/get-code-input-label.d.ts

@@ -0,0 +1,2 @@
+import { Locale } from '../../../types';
+export declare const getCodeInputLabel: (index: number, length: number, locale: Locale) => string;

package/dist/components/code-input/utils/get-code-input-label.js

@@ -0,0 +1,5 @@
+import { RU_LOCALE as $, EN_LOCALE as L } from "../../../constants.js";
+const u = (r, o, t) => t === $ ? `Код, символ ${r + 1} из ${o}` : t === L ? `code, symbol ${r + 1} of ${o}` : `Код, символ ${r + 1} из ${o}`;
+export {
+  u as getCodeInputLabel
+};

package/dist/components/code-input/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { slideDownAnimation } from './slide-down-animate';
+export { getCodeInputLabel } from './get-code-input-label';

package/dist/components/code-input/utils/index.js

@@ -0,0 +1,6 @@
+import { slideDownAnimation as t } from "./slide-down-animate.js";
+import { getCodeInputLabel as r } from "./get-code-input-label.js";
+export {
+  r as getCodeInputLabel,
+  t as slideDownAnimation
+};

package/dist/components/code-input/utils/slide-down-animate.d.ts

@@ -0,0 +1 @@
+export declare const slideDownAnimation: (element?: HTMLInputElement | null) => Animation | undefined;

package/dist/components/code-input/utils/slide-down-animate.js

@@ -0,0 +1,10 @@
+const a = (t) => t?.animate(
+  [
+    { transform: "translateY(-100%)", opacity: 0 },
+    { transform: "translateY(0)", opacity: 1 }
+  ],
+  100
+);
+export {
+  a as slideDownAnimation
+};

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
 export { PhotoCropUploader, drawCroppedImage } from './photo-crop-uploader';
 export { Button } from './button';
 export { CircularProgressLoader } from './circular-progress-loader';
+export { CodeInput, type CodeInputProps } from './code-input';

package/dist/components/index.js

@@ -1,10 +1,12 @@
 import { PhotoCropUploader as e } from "./photo-crop-uploader/photo-crop-uploader.js";
 import { drawCroppedImage as t } from "./photo-crop-uploader/utils/draw-cropped-image.js";
-import { Button as m } from "./button/button.js";
+import { Button as a } from "./button/button.js";
 import { CircularProgressLoader as f } from "./circular-progress-loader/circular-progress-loader.js";
+import { CodeInput as C } from "./code-input/code-input.js";
 export {
-  m as Button,
+  a as Button,
   f as CircularProgressLoader,
+  C as CodeInput,
   e as PhotoCropUploader,
   t as drawCroppedImage
 };

package/dist/components/photo-crop-uploader/components/error-upload-dialog/error-upload-dialog.js

@@ -2,13 +2,13 @@ import { jsx as e, jsxs as f } from "react/jsx-runtime";
 import { c as p } from "../../../../index-B2JRaoNz.js";
 import { localizedText as m } from "../../locale.js";
 import { EN_LOCALE as u } from "../../../../constants.js";
-import { D as x } from "../../../../Dialog-B97c7WYP.js";
-import { D as T, a as C, b as D } from "../../../../DialogTitle-Du4tqTs0.js";
+import { D as x } from "../../../../Dialog-DqFOpJyx.js";
+import { D as T, a as C, b as D } from "../../../../DialogTitle-CeM_Z851.js";
 import * as y from "react";
-import { g as h, a as E, c as N, P as o } from "../../../../createTheme-RvzX1VSA.js";
-import { u as _, s as b, c as P, r as j } from "../../../../chainPropTypes-KIxDwPzf.js";
-import { T as v } from "../../../../Typography-r_TXEM1e.js";
-import { B as w } from "../../../../Button-BBF8hp7e.js";
+import { g as h, a as E, c as N, P as o } from "../../../../createTheme-RRQUOQoF.js";
+import { u as _, s as b, c as P, r as j } from "../../../../chainPropTypes-C04Ex8aP.js";
+import { T as v } from "../../../../Typography-DDVoglvI.js";
+import { B as w } from "../../../../Button-CcvrOEKV.js";
 import '../../../../assets/error-upload-dialog.css';function O(t) {
   return h("MuiDialogContentText", t);
 }

package/dist/components/photo-crop-uploader/components/photo-list/photo-list.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as m } from "react/jsx-runtime";
 import { c as o } from "../../../../index-B2JRaoNz.js";
 import { MAX_ITEMS_COUNT as r } from "./constants.js";
-import { B as n } from "../../../../Box-D8oKffw9.js";
+import { B as n } from "../../../../Box-CykjCaXY.js";
 import '../../../../assets/photo-list.css';const g = "_photoList_rrp1z_1", u = "_item_rrp1z_6", x = "_image_rrp1z_17", t = {
   photoList: g,
   item: u,

package/dist/components/photo-crop-uploader/components/upload-button/upload-button.js

@@ -5,7 +5,7 @@ import { localizedText as x } from "../../locale.js";
 import { EN_LOCALE as V } from "../../../../constants.js";
 import { SUPPORTED_IMAGE_EXTENSIONS as y } from "../../constants.js";
 import { UPLOAD_BUTTON_WIDTH_DEFAULT as W, UPLOAD_BUTTON_TAB_INDEX as j, UPLOAD_BUTTON_IMAGE_SIZE as T } from "./constants.js";
-import { B as H } from "../../../../Button-BBF8hp7e.js";
+import { B as H } from "../../../../Button-CcvrOEKV.js";
 import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20fill='%23ffffff'%20d='M544%20864V672h128L512%20480%20352%20672h128v192H320v-1.6c-5.376.32-10.496%201.6-16%201.6A240%20240%200%200%201%2064%20624c0-123.136%2093.12-223.488%20212.608-237.248A239.808%20239.808%200%200%201%20512%20192a239.872%20239.872%200%200%201%20235.456%20194.752c119.488%2013.76%20212.48%20114.112%20212.48%20237.248a240%20240%200%200%201-240%20240c-5.376%200-10.56-1.28-16-1.6v1.6H544z'/%3e%3c/g%3e%3c/svg%3e", F = "_dragDropWrapper_cgx9x_1", z = "_input_cgx9x_4", i = {
   dragDropWrapper: F,
   input: z

package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog-errors.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "../../../../index-B2JRaoNz.js";
 import "../../locale.js";
 import "../../../../constants.js";
-import { U as s } from "../../../../upload-dialog-errors-ku54UrUb.js";
-import "../../../../DialogTitle-Du4tqTs0.js";
+import { U as s } from "../../../../upload-dialog-errors-Bxun25O-.js";
+import "../../../../DialogTitle-CeM_Z851.js";
 import "../../../button/button.js";
 export {
   s as UploadDialogErrors

package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog.js

@@ -2,21 +2,22 @@ import { jsxs as L, jsx as a, Fragment as _ } from "react/jsx-runtime";
 import * as P from "react";
 import { S as $ } from "../../../../index-BiffjjQq.js";
 import { c as i } from "../../../../index-B2JRaoNz.js";
-import { s as n, U as V } from "../../../../upload-dialog-errors-ku54UrUb.js";
+import { s as n, U as V } from "../../../../upload-dialog-errors-Bxun25O-.js";
 import { PhotoList as H } from "../photo-list/photo-list.js";
 import { localizedText as p } from "../../locale.js";
 import { EN_LOCALE as Z } from "../../../../constants.js";
 import { CLOSE_ICON_SIZE as w } from "./constants.js";
 import { DEFAULT_MIN_DIMENSION as Y, DEFAULT_ASPECT_RATIO as q } from "../../constants.js";
-import { D as T } from "../../../../Dialog-B97c7WYP.js";
-import { a as D, b as O, D as G } from "../../../../DialogTitle-Du4tqTs0.js";
+import { D as T } from "../../../../Dialog-DqFOpJyx.js";
+import { a as D, b as O, D as G } from "../../../../DialogTitle-CeM_Z851.js";
 import { CircularProgressLoader as J } from "../../../circular-progress-loader/circular-progress-loader.js";
-import { a as K, g as Q, c as X, b as m, P as t } from "../../../../createTheme-RvzX1VSA.js";
-import { m as A, c as M } from "../../../../createSimplePaletteValueFilter-nb0wSOzC.js";
-import { u as oo, s as W, c as eo, b as to } from "../../../../chainPropTypes-KIxDwPzf.js";
+import { a as K, g as Q, c as X, b as m, P as t } from "../../../../createTheme-RRQUOQoF.js";
+import { m as A } from "../../../../memoTheme-5A7c_y33.js";
+import { c as M } from "../../../../createSimplePaletteValueFilter-B7--0ryQ.js";
+import { u as oo, s as W, c as eo, b as to } from "../../../../chainPropTypes-C04Ex8aP.js";
 import { u as ao } from "../../../../useId-CK6Kn3Tn.js";
-import { B as ro } from "../../../../ButtonBase-T2KH9jsD.js";
-import { C as no } from "../../../../CircularProgress-BQQkuSse.js";
+import { B as ro } from "../../../../ButtonBase-DPLf5-lz.js";
+import { C as no } from "../../../../CircularProgress-CrHaMZDC.js";
 import { Button as E } from "../../../button/button.js";
 import '../../../../assets/upload-dialog.css';function io(o) {
   return Q("MuiIconButton", o);
@@ -300,7 +301,7 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%200%2046%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.3434%2015.4595C16.8227%2014.9388%2015.9785%2014.9388%2015.4578%2015.4595C14.9371%2015.9802%2014.9371%2016.8244%2015.4578%2017.3451L21.1146%2023.002L15.4578%2028.6588C14.9371%2029.1795%2014.9371%2030.0237%2015.4578%2030.5444C15.9785%2031.0651%2016.8227%2031.0651%2017.3434%2030.5444L23.0002%2024.8876L28.6571%2030.5444C29.1778%2031.0651%2030.022%2031.0651%2030.5427%2030.5444C31.0634%2030.0237%2031.0634%2029.1795%2030.5427%2028.6588L24.8858%2023.002L30.5427%2017.3451C31.0634%2016.8244%2031.0634%2015.9802%2030.5427%2015.4595C30.022%2014.9388%2029.1778%2014.9388%2028.6571%2015.4595L23.0002%2021.1163L17.3434%2015.4595Z'%20fill='%233AA8FF'/%3e%3c/svg%3e", Eo = (o) => {
+const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%200%2046%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.3434%2015.4595C16.8227%2014.9388%2015.9785%2014.9388%2015.4578%2015.4595C14.9371%2015.9802%2014.9371%2016.8244%2015.4578%2017.3451L21.1146%2023.002L15.4578%2028.6588C14.9371%2029.1795%2014.9371%2030.0237%2015.4578%2030.5444C15.9785%2031.0651%2016.8227%2031.0651%2017.3434%2030.5444L23.0002%2024.8876L28.6571%2030.5444C29.1778%2031.0651%2030.022%2031.0651%2030.5427%2030.5444C31.0634%2030.0237%2031.0634%2029.1795%2030.5427%2028.6588L24.8858%2023.002L30.5427%2017.3451C31.0634%2016.8244%2031.0634%2015.9802%2030.5427%2015.4595C30.022%2014.9388%2029.1778%2014.9388%2028.6571%2015.4595L23.0002%2021.1163L17.3434%2015.4595Z'%20fill='%233AA8FF'/%3e%3c/svg%3e", Po = (o) => {
   const {
     onCloseDialogHandler: e,
     photoSources: r = [],
@@ -367,6 +368,7 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
             children: /* @__PURE__ */ a(
               "img",
               {
+                draggable: !1,
                 width: w,
                 height: w,
                 src: po,
@@ -448,5 +450,5 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
   );
 };
 export {
-  Eo as UploadDialog
+  Po as UploadDialog
 };

package/dist/components/photo-crop-uploader/photo-crop-uploader.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
+import { ReactElement } from 'react';
 import { PhotoCropUploaderProps } from './types';
-export declare const PhotoCropUploader: FC<PhotoCropUploaderProps>;
+export declare function PhotoCropUploader(props: PhotoCropUploaderProps): ReactElement;