@hai-dev/ui-kit 1.0.0

package/dist/assets/error-upload-dialog.css

@@ -0,0 +1 @@
+._dialog_lyvu5_1 ._dialogErrorText_lyvu5_1{color:#e2402fe0}

package/dist/assets/photo-crop-uploader.css

@@ -0,0 +1 @@
+._photoCropCanvas_1i4lr_1{display:none}

package/dist/assets/upload-button.css

@@ -0,0 +1 @@
+._dragDropWrapper_z6dm0_1 ._uploadButton_z6dm0_1 ._input_z6dm0_1{clip:rect(0 0 0 0);clip-path:inset(50%);height:1;overflow:hidden;position:absolute;bottom:0;left:0;white-space:nowrap;width:1}

package/dist/assets/upload-dialog.css

@@ -0,0 +1 @@
+._dialog_jouds_1 ._dialogText_jouds_1{color:#e2402fe0}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export { PhotoCropUploader } from './photo-crop-uploader';

package/dist/components/index.js

@@ -0,0 +1,4 @@
+import { PhotoCropUploader as p } from "./photo-crop-uploader/photo-crop-uploader.js";
+export {
+  p as PhotoCropUploader
+};

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ErrorUploadDialogProps } from './types';
+export declare const ErrorUploadDialog: FC<ErrorUploadDialogProps>;

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

@@ -0,0 +1,33 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { c as a, B as g } from "../../../../Button-BjNjCLw8.js";
+import { localizedText as i } from "../../locale.js";
+import { EN_LOCALE as m } from "../../../../constants.js";
+import { D as x, a as p, b as E, c as D, d as h } from "../../../../DialogTitle-1A3dJ174.js";
+import '../../../../assets/error-upload-dialog.css';const T = "_dialog_lyvu5_1", _ = "_dialogErrorText_lyvu5_1", t = {
+  dialog: T,
+  dialogErrorText: _
+}, b = (s) => {
+  const {
+    photoError: e,
+    onCloseErrorDialog: r,
+    locale: l = m,
+    className: c,
+    ...n
+  } = s;
+  return /* @__PURE__ */ d(
+    x,
+    {
+      className: a(t.dialog, c),
+      onClose: r,
+      ...n,
+      children: [
+        /* @__PURE__ */ o(p, { children: i[l].error }),
+        /* @__PURE__ */ o(E, { children: /* @__PURE__ */ o(D, { className: a(t.dialogErrorText), children: e }) }),
+        /* @__PURE__ */ o(h, { children: /* @__PURE__ */ o(g, { onClick: r, children: i[l].back }) })
+      ]
+    }
+  );
+};
+export {
+  b as ErrorUploadDialog
+};

package/dist/components/photo-crop-uploader/components/error-upload-dialog/index.d.ts

@@ -0,0 +1 @@
+export { ErrorUploadDialog } from './error-upload-dialog';

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

@@ -0,0 +1,4 @@
+import { ErrorUploadDialog as a } from "./error-upload-dialog.js";
+export {
+  a as ErrorUploadDialog
+};

package/dist/components/photo-crop-uploader/components/error-upload-dialog/types.d.ts

@@ -0,0 +1,9 @@
+import { DialogProps } from '@mui/material';
+import { Locale } from '../../../../types';
+type ErrorUploadDialogCustomProps = {
+    onCloseErrorDialog?: () => void;
+    photoError?: string;
+    locale?: Locale;
+};
+export type ErrorUploadDialogProps = ErrorUploadDialogCustomProps & DialogProps;
+export {};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+export { UploadButton } from './upload-button';
+export { ErrorUploadDialog } from './error-upload-dialog';
+export { UploadDialog } from './upload-dialog';

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

@@ -0,0 +1,8 @@
+import { UploadButton as p } from "./upload-button/upload-button.js";
+import { ErrorUploadDialog as l } from "./error-upload-dialog/error-upload-dialog.js";
+import { UploadDialog as d } from "./upload-dialog/upload-dialog.js";
+export {
+  l as ErrorUploadDialog,
+  p as UploadButton,
+  d as UploadDialog
+};

package/dist/components/photo-crop-uploader/components/upload-button/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const UPLOAD_BUTTON_IMAGE_SIZE = 20;
+export declare const UPLOAD_BUTTON_TAB_INDEX = -1;
+export declare const UPLOAD_BUTTON_WIDTH_DEFAULT = 260;

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

@@ -0,0 +1,6 @@
+const T = 20, _ = -1, U = 260;
+export {
+  T as UPLOAD_BUTTON_IMAGE_SIZE,
+  _ as UPLOAD_BUTTON_TAB_INDEX,
+  U as UPLOAD_BUTTON_WIDTH_DEFAULT
+};

package/dist/components/photo-crop-uploader/components/upload-button/index.d.ts

@@ -0,0 +1 @@
+export { UploadButton } from './upload-button';

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

@@ -0,0 +1,4 @@
+import { UploadButton as p } from "./upload-button.js";
+export {
+  p as UploadButton
+};

package/dist/components/photo-crop-uploader/components/upload-button/types.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+import { Locale } from '../../../../types';
+import { PhotoExtension } from '../../types';
+type UploadButtonCustonProps = {
+    buttonClassname?: string;
+    buttonDisabled?: boolean;
+    locale?: Locale;
+    width?: number | string;
+    allowedExtensions?: PhotoExtension[];
+};
+export type UploadButtonProps = InputHTMLAttributes<HTMLInputElement> & UploadButtonCustonProps;
+export {};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { UploadButtonProps } from './types';
+export declare const UploadButton: FC<UploadButtonProps>;

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

@@ -0,0 +1,90 @@
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import { useState as I, useRef as N } from "react";
+import { c as n, B as S } from "../../../../Button-BjNjCLw8.js";
+import { localizedText as c } from "../../locale.js";
+import { EN_LOCALE as C } from "../../../../constants.js";
+import { SUPPORTED_IMAGE_EXTENSIONS as P } from "../../constants.js";
+import { UPLOAD_BUTTON_WIDTH_DEFAULT as U, UPLOAD_BUTTON_TAB_INDEX as A, UPLOAD_BUTTON_IMAGE_SIZE as d } from "./constants.js";
+import '../../../../assets/upload-button.css';const G = "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", L = "_dragDropWrapper_z6dm0_1", b = "_uploadButton_z6dm0_1", R = "_input_z6dm0_1", s = {
+  dragDropWrapper: L,
+  uploadButton: b,
+  input: R
+}, H = (g) => {
+  const {
+    buttonClassname: u,
+    buttonDisabled: o = !1,
+    children: f,
+    className: m,
+    onChange: e,
+    locale: p = C,
+    width: h = U,
+    allowedExtensions: D = P,
+    ...v
+  } = g, [_, r] = I(!1), T = N(null), i = (t) => {
+    t && t.length > 0 && e && e({
+      target: {
+        files: t,
+        value: ""
+      }
+    });
+  }, w = (t) => {
+    t.preventDefault(), t.stopPropagation(), o || r(!0);
+  }, E = (t) => {
+    t.preventDefault(), t.stopPropagation(), r(!1);
+  }, x = (t) => {
+    if (t.preventDefault(), t.stopPropagation(), r(!1), o) return;
+    const l = t.dataTransfer?.files;
+    i(l);
+  }, O = (t) => {
+    i(t.target.files), e && e(t);
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: n(s.dragDropWrapper),
+      onDragOver: w,
+      onDragLeave: E,
+      onDrop: x,
+      children: /* @__PURE__ */ B(
+        S,
+        {
+          component: "label",
+          sx: {
+            width: h
+          },
+          role: "none",
+          variant: "contained",
+          disabled: o,
+          tabIndex: A,
+          className: n(s.uploadButton, u),
+          startIcon: /* @__PURE__ */ a(
+            "img",
+            {
+              width: d,
+              height: d,
+              src: G,
+              alt: c[p].upload
+            }
+          ),
+          children: [
+            _ ? c[p].drop : f,
+            /* @__PURE__ */ a(
+              "input",
+              {
+                ref: T,
+                className: n(s.input, m),
+                type: "file",
+                accept: D.join(", "),
+                onChange: O,
+                ...v
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  H as UploadButton
+};

package/dist/components/photo-crop-uploader/components/upload-dialog/index.d.ts

@@ -0,0 +1 @@
+export { UploadDialog } from './upload-dialog';

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

@@ -0,0 +1,4 @@
+import { UploadDialog as l } from "./upload-dialog.js";
+export {
+  l as UploadDialog
+};

package/dist/components/photo-crop-uploader/components/upload-dialog/types.d.ts

@@ -0,0 +1,27 @@
+import { SyntheticEvent } from 'react';
+import { DialogProps } from '@mui/material';
+import { Crop, PercentCrop, PixelCrop } from 'react-image-crop';
+import { Locale } from '../../../../types';
+import { PhotoDataUrl } from '../../types';
+type OnPhotoLoad = (event: SyntheticEvent<HTMLImageElement, Event>) => void;
+type OnCropChange = (pixelCrop: PixelCrop, percentCrop: PercentCrop) => void;
+type ImageRef = {
+    current: HTMLImageElement | null;
+};
+type UploadDialogCustomProps = {
+    photoSource?: PhotoDataUrl;
+    photoError?: string;
+    imageRef?: ImageRef;
+    onCloseDialogHandler?: () => void;
+    onPhotoLoad?: OnPhotoLoad;
+    onCropChange?: OnCropChange;
+    onPhotoCrop?: () => void;
+    photoCrop?: Crop;
+    minDimension?: number;
+    aspectRatio?: number;
+    locale?: Locale;
+    circular?: boolean;
+    keepSelection?: boolean;
+};
+export type UploadDialogProps = UploadDialogCustomProps & DialogProps;
+export {};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { UploadDialogProps } from './types';
+export declare const UploadDialog: FC<UploadDialogProps>;

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

@@ -0,0 +1,123 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { S as y } from "../../../../index-BiffjjQq.js";
+import { s as B, a as b, b as P, g as I, C as O, T as S, d as j, P as o, c as C, B as T } from "../../../../Button-BjNjCLw8.js";
+import { localizedText as d } from "../../locale.js";
+import { EN_LOCALE as A } from "../../../../constants.js";
+import { DEFAULT_MIN_DIMENSION as L, DEFAULT_ASPECT_RATIO as R } from "../../constants.js";
+import { u as M, e as k, D as v, a as F, b as U, c as H, d as w } from "../../../../DialogTitle-1A3dJ174.js";
+import * as z from "react";
+import '../../../../assets/upload-dialog.css';function G(m = {}) {
+  const {
+    themeId: s,
+    defaultTheme: n,
+    defaultClassName: l = "MuiBox-root",
+    generateClassName: c
+  } = m, p = B("div", {
+    shouldForwardProp: (a) => a !== "theme" && a !== "sx" && a !== "as"
+  })(b);
+  return /* @__PURE__ */ z.forwardRef(function(h, i) {
+    const r = M(n), {
+      className: t,
+      component: g = "div",
+      ...f
+    } = k(h);
+    return /* @__PURE__ */ e(p, {
+      as: g,
+      ref: i,
+      className: P(t, c ? c(l) : l),
+      theme: s && r[s] || r,
+      ...f
+    });
+  });
+}
+const V = I("MuiBox", ["root"]), W = j(), D = G({
+  themeId: S,
+  defaultTheme: W,
+  defaultClassName: V.root,
+  generateClassName: O.generate
+});
+process.env.NODE_ENV !== "production" && (D.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: o.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+const q = "_dialog_jouds_1", J = "_dialogText_jouds_1", N = {
+  dialog: q,
+  dialogText: J
+}, eo = (m) => {
+  const {
+    onCloseDialogHandler: s,
+    photoSource: n,
+    photoCrop: l,
+    onCropChange: c = () => {
+    },
+    onPhotoLoad: p,
+    imageRef: x,
+    photoError: a,
+    onPhotoCrop: h,
+    minDimension: i = L,
+    aspectRatio: r = R,
+    locale: t = A,
+    circular: g,
+    keepSelection: f = !0,
+    className: _,
+    ...E
+  } = m;
+  return /* @__PURE__ */ u(
+    v,
+    {
+      className: C(N.dialog, _),
+      onClose: s,
+      ...E,
+      children: [
+        /* @__PURE__ */ e(F, { children: d[t]["photo-crop"] }),
+        /* @__PURE__ */ u(U, { children: [
+          n && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+            y,
+            {
+              crop: l,
+              circularCrop: g,
+              keepSelection: f,
+              aspect: r,
+              minWidth: i,
+              minHeight: i,
+              onChange: c,
+              children: /* @__PURE__ */ e(
+                "img",
+                {
+                  onLoad: p,
+                  src: n,
+                  ref: x,
+                  alt: d[t]["photo-crop"],
+                  draggable: !1
+                }
+              )
+            }
+          ) }),
+          a && /* @__PURE__ */ e(H, { className: C(N.dialogText), children: a })
+        ] }),
+        /* @__PURE__ */ u(w, { children: [
+          /* @__PURE__ */ e(T, { onClick: s, children: d[t].back }),
+          /* @__PURE__ */ e(T, { onClick: h, children: d[t].crop })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  eo as UploadDialog
+};

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

@@ -0,0 +1,41 @@
+export declare const DEFAULT_ASPECT_RATIO = 1;
+export declare const DEFAULT_MIN_DIMENSION = 150;
+export declare const JPG_IMAGE_EXT = ".jpg";
+export declare const JPEG_IMAGE_EXT = ".jpeg";
+export declare const PNG_IMAGE_EXT = ".png";
+export declare const SVG_IMAGE_EXT = ".svg";
+export declare const BMP_IMAGE_EXT = ".bmp";
+export declare const GIF_IMAGE_EXT = ".gif";
+export declare const ICO_IMAGE_EXT = ".ico";
+export declare const WEBP_IMAGE_EXT = ".webp";
+export declare const SUPPORTED_IMAGE_EXTENSIONS: string[];
+export declare const JPG_IMAGE_TYPE = "image/jpg";
+export declare const JPEG_IMAGE_TYPE = "image/jpeg";
+export declare const PNG_IMAGE_TYPE = "image/png";
+export declare const SVG_IMAGE_TYPE = "image/svg+xml";
+export declare const BMP_IMAGE_TYPE = "image/bmp";
+export declare const GIF_IMAGE_TYPE = "image/gif";
+export declare const WEBP_IMAGE_TYPE = "image/webp";
+export declare const ICO_IMAGE_TYPE = "image/x-icon";
+export declare const MICROSOFT_ICO_IMAGE_TYPE = "image/vnd.microsoft.icon";
+export declare const SUPPORTED_IMAGE_MIME_TYPES: string[];
+export declare const MIME_TO_EXT: {
+    JPEG_IMAGE_TYPE: string[];
+    JPG_IMAGE_TYPE: string[];
+    PNG_IMAGE_TYPE: string[];
+    GIF_IMAGE_TYPE: string[];
+    SVG_IMAGE_TYPE: string[];
+    BMP_IMAGE_TYPE: string[];
+    WEBP_IMAGE_TYPE: string[];
+    ICO_IMAGE_TYPE: string[];
+    MICROSOFT_ICO_IMAGE_TYPE: string[];
+};
+export declare const DEFAULT_TIMEOUT = 500;
+export declare const DEFAULT_FILE_MAX_SIZE: number;
+export declare const PHOTO_CANVAS_CONTEXT = "2d";
+export declare const PHOTO_SMOOTHING_QUALITY = "high";
+export declare const PRECENT_UNIT = "%";
+export declare const PIXEL_UNIT = "px";
+export declare const MS_UNIT = "ms";
+export declare const MB_UNIT = "mb";
+export declare const MB_FRACTION_DIGITS = 1;

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

@@ -0,0 +1,64 @@
+import { BYTE_TO_KILOBYTE as T } from "../../constants.js";
+const S = 1, e = 150, E = ".jpg", _ = ".jpeg", G = ".png", M = ".svg", P = ".bmp", o = ".gif", I = ".ico", A = ".webp", p = [
+  E,
+  _,
+  G,
+  M,
+  P,
+  o,
+  A,
+  I
+], n = "image/jpg", c = "image/jpeg", s = "image/png", t = "image/svg+xml", O = "image/bmp", Y = "image/gif", g = "image/webp", i = "image/x-icon", m = "image/vnd.microsoft.icon", X = [
+  n,
+  c,
+  s,
+  t,
+  O,
+  Y,
+  g,
+  i,
+  m
+], C = {
+  JPEG_IMAGE_TYPE: [E, _],
+  JPG_IMAGE_TYPE: [E, _],
+  PNG_IMAGE_TYPE: [G],
+  GIF_IMAGE_TYPE: [o],
+  SVG_IMAGE_TYPE: [M],
+  BMP_IMAGE_TYPE: [P],
+  WEBP_IMAGE_TYPE: [A],
+  ICO_IMAGE_TYPE: [I],
+  MICROSOFT_ICO_IMAGE_TYPE: [I]
+}, U = 500, F = 5 * T * T, B = "2d", a = "high", D = "%", L = "px", R = "ms", J = "mb", b = 1;
+export {
+  P as BMP_IMAGE_EXT,
+  O as BMP_IMAGE_TYPE,
+  S as DEFAULT_ASPECT_RATIO,
+  F as DEFAULT_FILE_MAX_SIZE,
+  e as DEFAULT_MIN_DIMENSION,
+  U as DEFAULT_TIMEOUT,
+  o as GIF_IMAGE_EXT,
+  Y as GIF_IMAGE_TYPE,
+  I as ICO_IMAGE_EXT,
+  i as ICO_IMAGE_TYPE,
+  _ as JPEG_IMAGE_EXT,
+  c as JPEG_IMAGE_TYPE,
+  E as JPG_IMAGE_EXT,
+  n as JPG_IMAGE_TYPE,
+  b as MB_FRACTION_DIGITS,
+  J as MB_UNIT,
+  m as MICROSOFT_ICO_IMAGE_TYPE,
+  C as MIME_TO_EXT,
+  R as MS_UNIT,
+  B as PHOTO_CANVAS_CONTEXT,
+  a as PHOTO_SMOOTHING_QUALITY,
+  L as PIXEL_UNIT,
+  G as PNG_IMAGE_EXT,
+  s as PNG_IMAGE_TYPE,
+  D as PRECENT_UNIT,
+  p as SUPPORTED_IMAGE_EXTENSIONS,
+  X as SUPPORTED_IMAGE_MIME_TYPES,
+  M as SVG_IMAGE_EXT,
+  t as SVG_IMAGE_TYPE,
+  A as WEBP_IMAGE_EXT,
+  g as WEBP_IMAGE_TYPE
+};

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

@@ -0,0 +1,2 @@
+export { PhotoSizeError } from './photo-size.error';
+export { PhotoFileError } from './photo-file.error';

package/dist/components/photo-crop-uploader/errors/index.js

@@ -0,0 +1,6 @@
+import { PhotoSizeError as e } from "./photo-size.error.js";
+import { PhotoFileError as f } from "./photo-file.error.js";
+export {
+  f as PhotoFileError,
+  e as PhotoSizeError
+};

package/dist/components/photo-crop-uploader/errors/photo-file.error.d.ts

@@ -0,0 +1,7 @@
+import { PhotoFileOptions } from '../types';
+export declare class PhotoFileError extends Error {
+    errors: string[];
+    options?: PhotoFileOptions;
+    constructor(message: string, errors?: string[], options?: PhotoFileOptions);
+    static get(errors?: string[], options?: PhotoFileOptions): PhotoFileError;
+}

package/dist/components/photo-crop-uploader/errors/photo-file.error.js

@@ -0,0 +1,15 @@
+const o = "PhotoFileError";
+class e extends Error {
+  errors = [];
+  options;
+  constructor(s, t = [], r) {
+    super(s), this.name = o, this.errors = t, this.options = r;
+  }
+  static get(s = [], t) {
+    const r = s[0] || o;
+    return new e(r, s, t);
+  }
+}
+export {
+  e as PhotoFileError
+};

package/dist/components/photo-crop-uploader/errors/photo-size.error.d.ts

@@ -0,0 +1,10 @@
+import { Locale } from '../../../types';
+declare const UNKNOWN_MIN_DIMENSION = "unknown";
+type MinDimension = number | typeof UNKNOWN_MIN_DIMENSION;
+export declare class PhotoSizeError extends Error {
+    minDimension: MinDimension;
+    constructor(message: string, minDimension: MinDimension);
+    static get(minDimension?: MinDimension, locale?: Locale): PhotoSizeError;
+    private static getMessage;
+}
+export {};

package/dist/components/photo-crop-uploader/errors/photo-size.error.js

@@ -0,0 +1,19 @@
+import { localizedText as s } from "../locale.js";
+import { EN_LOCALE as r } from "../../../constants.js";
+const c = "PhotoSizeError", E = "X", o = "unknown";
+class n extends Error {
+  minDimension;
+  constructor(t, e) {
+    super(t), this.name = c, this.minDimension = e;
+  }
+  static get(t = o, e = r) {
+    const i = this.getMessage(t, e);
+    return new n(i, t);
+  }
+  static getMessage(t = o, e = r) {
+    return `${s[e]["photo-size-error"]} ${t} ${E} ${t} ${s[e].pixels}`;
+  }
+}
+export {
+  n as PhotoSizeError
+};

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

@@ -0,0 +1 @@
+export { PhotoCropUploader } from './photo-crop-uploader';

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

@@ -0,0 +1,4 @@
+import { PhotoCropUploader as p } from "./photo-crop-uploader.js";
+export {
+  p as PhotoCropUploader
+};

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

@@ -0,0 +1,2 @@
+import { PhotoCropUploaderLocaleText } from './types';
+export declare const localizedText: PhotoCropUploaderLocaleText;

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

@@ -0,0 +1,47 @@
+const e = {
+  en: {
+    upload: "Upload a photo",
+    drop: "Drop the file here",
+    "photo-crop": "Cropping a photo",
+    crop: "Crop",
+    back: "Back",
+    "photo-size-error": "The photo size must be at least",
+    pixels: "pixels",
+    "canvas-error": "Canvas context not found",
+    error: "Error",
+    "large-file": "The file is too large",
+    "maximum-size": "Maximum size",
+    "file-ext-error": "Unsupported file extension",
+    "file-type-error": "Unsupported file type",
+    "mime-type": "MIME Type",
+    "not-correspond-ext": "does not correspond to the expansion",
+    "timeout-error": "Photo loading timed out",
+    "paint-error": "Failed to render photo",
+    "read-abort": "Reading of photo was interrupted",
+    "paint-abort": "Rendering of photo was interrupted"
+  },
+  ru: {
+    upload: "Загрузить фото",
+    drop: "Отпустите файл здесь",
+    "photo-crop": "Обрезка фотографии",
+    crop: "Обрезать",
+    back: "Назад",
+    "photo-size-error": "Размер фотографии должен быть не меньше",
+    pixels: "пикселей",
+    "canvas-error": "Контекст канваса не найден",
+    error: "Ошибка",
+    "large-file": "Файл слишком большой",
+    "maximum-size": "Максимальный размер",
+    "file-ext-error": "Неподдерживаемое расширение файла",
+    "file-type-error": "Неподдерживаемый тип файла",
+    "mime-type": "MIME тип",
+    "not-correspond-ext": "не соответствует расширению",
+    "timeout-error": "Превышено время загрузки фотографии",
+    "paint-error": "Не удалось отрисовать фотографию",
+    "read-abort": "Чтение фотографии было прервано",
+    "paint-abort": "Отрисовка фотографии была прервана"
+  }
+};
+export {
+  e as localizedText
+};