@hai-dev/ui-kit 1.1.6 → 1.1.8

package/dist/components/circular-progress-loader/circular-progress-loader.js

@@ -1,6 +1,6 @@
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import { c as m } from "../../index-B2JRaoNz.js";
-import { PRECENT_SYMBOL as T } from "../../constants.js";
+import { PERCENT_SYMBOL as T } from "../../constants.js";
 import { CIRCULAR_PROGRESS_DEFAULT_VALUE as R, PROGRESS_VARIANT_DETERMINATE as a, CIRCULAR_PROGRESS_DEFAULT_SIZE as C } from "./constants.js";
 import { B as l } from "../../Box-CykjCaXY.js";
 import { C as E } from "../../CircularProgress-CrHaMZDC.js";

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

@@ -1,6 +1,6 @@
 import { jsxs as L, jsx as a, Fragment as _ } from "react/jsx-runtime";
 import * as k from "react";
-import { S as $ } from "../../../../index-BiffjjQq.js";
+import { S as $ } from "../../../../index-CcueJ2sD.js";
 import { c as i } from "../../../../index-B2JRaoNz.js";
 import { s as n, U as V } from "../../../../upload-dialog-errors-Bxun25O-.js";
 import { PhotoList as H } from "../photo-list/photo-list.js";

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

@@ -1,5 +1,6 @@
 export declare const DEFAULT_ASPECT_RATIO = 1;
 export declare const DEFAULT_MIN_DIMENSION = 670;
+export declare const DEFAULT_BASE_DIMENSION = 90;
 export declare const JPG_IMAGE_EXT = ".jpg";
 export declare const JPEG_IMAGE_EXT = ".jpeg";
 export declare const PNG_IMAGE_EXT = ".png";
@@ -39,7 +40,7 @@ export declare const DEFAULT_FILE_MAX_SIZE: number;
 export declare const DEFAULT_VIDEO_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 PERCENT_UNIT = "%";
 export declare const PIXEL_UNIT = "px";
 export declare const MS_UNIT = "ms";
 export declare const MB_UNIT = "mb";

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

@@ -1,75 +1,76 @@
 import { BYTE_TO_KILOBYTE as E } from "../../constants.js";
-const N = 1, e = 670, _ = ".jpg", I = ".jpeg", o = ".png", A = ".svg", M = ".bmp", P = ".gif", T = ".ico", n = ".webp", D = [
+const D = 1, i = 670, L = 90, _ = ".jpg", I = ".jpeg", A = ".png", o = ".svg", M = ".bmp", P = ".gif", T = ".ico", n = ".webp", e = [
   _,
   I,
-  o,
   A,
+  o,
   M,
   P,
   n,
   T
-], G = "image/jpg", c = "image/jpeg", s = "image/png", t = "image/svg+xml", O = "image/bmp", Y = "image/gif", S = "image/webp", m = "image/x-icon", g = "image/vnd.microsoft.icon", L = ".mp4", X = ".webm", U = "video/mp4", p = "video/webm", C = [
-  G,
+], c = "image/jpg", s = "image/jpeg", G = "image/png", t = "image/svg+xml", O = "image/bmp", S = "image/gif", Y = "image/webp", m = "image/x-icon", N = "image/vnd.microsoft.icon", U = ".mp4", X = ".webm", F = "video/mp4", p = "video/webm", C = [
   c,
   s,
+  G,
   t,
   O,
-  Y,
   S,
+  Y,
   m,
-  g
-], F = {
+  N
+], B = {
   JPEG_IMAGE_TYPE: [_, I],
   JPG_IMAGE_TYPE: [_, I],
-  PNG_IMAGE_TYPE: [o],
+  PNG_IMAGE_TYPE: [A],
   GIF_IMAGE_TYPE: [P],
-  SVG_IMAGE_TYPE: [A],
+  SVG_IMAGE_TYPE: [o],
   BMP_IMAGE_TYPE: [M],
   WEBP_IMAGE_TYPE: [n],
   ICO_IMAGE_TYPE: [T],
   MICROSOFT_ICO_IMAGE_TYPE: [T]
-}, R = 500, B = 10 * E * E, V = 50 * E * E, a = "2d", b = "high", J = "%", v = "px", W = "ms", d = "mb", f = 1, j = 100, r = 2, w = 0.5, x = 100, H = 100, Z = 500;
+}, R = 500, V = 10 * E * E, a = 50 * E * E, b = "2d", J = "high", v = "%", W = "px", d = "ms", f = "mb", j = 1, r = 100, w = 2, x = 0.5, H = 100, Z = 100, h = 500;
 export {
   M as BMP_IMAGE_EXT,
   O as BMP_IMAGE_TYPE,
-  N as DEFAULT_ASPECT_RATIO,
-  B as DEFAULT_FILE_MAX_SIZE,
-  e as DEFAULT_MIN_DIMENSION,
+  D as DEFAULT_ASPECT_RATIO,
+  L as DEFAULT_BASE_DIMENSION,
+  V as DEFAULT_FILE_MAX_SIZE,
+  i as DEFAULT_MIN_DIMENSION,
   R as DEFAULT_TIMEOUT,
-  V as DEFAULT_VIDEO_FILE_MAX_SIZE,
-  j as FULL_CROP_SIZE,
-  x as FULL_PROGRESS_VALUE,
+  a as DEFAULT_VIDEO_FILE_MAX_SIZE,
+  r as FULL_CROP_SIZE,
+  H as FULL_PROGRESS_VALUE,
   P as GIF_IMAGE_EXT,
-  Y as GIF_IMAGE_TYPE,
+  S as GIF_IMAGE_TYPE,
   T as ICO_IMAGE_EXT,
   m as ICO_IMAGE_TYPE,
   I as JPEG_IMAGE_EXT,
-  c as JPEG_IMAGE_TYPE,
+  s as JPEG_IMAGE_TYPE,
   _ as JPG_IMAGE_EXT,
-  G as JPG_IMAGE_TYPE,
-  r as MAX_ASPECT_RATIO,
-  f as MB_FRACTION_DIGITS,
-  d as MB_UNIT,
-  g as MICROSOFT_ICO_IMAGE_TYPE,
-  F as MIME_TO_EXT,
-  w as MIN_ASPECT_RATIO,
-  L as MP4_VIDEO_EXT,
-  U as MP4_VIDEO_TYPE,
-  W as MS_UNIT,
-  a as PHOTO_CANVAS_CONTEXT,
-  H as PHOTO_LOADING_DELAY,
-  b as PHOTO_SMOOTHING_QUALITY,
-  v as PIXEL_UNIT,
-  o as PNG_IMAGE_EXT,
-  s as PNG_IMAGE_TYPE,
-  J as PRECENT_UNIT,
-  Z as RESET_DATA_DELAY,
-  D as SUPPORTED_IMAGE_EXTENSIONS,
+  c as JPG_IMAGE_TYPE,
+  w as MAX_ASPECT_RATIO,
+  j as MB_FRACTION_DIGITS,
+  f as MB_UNIT,
+  N as MICROSOFT_ICO_IMAGE_TYPE,
+  B as MIME_TO_EXT,
+  x as MIN_ASPECT_RATIO,
+  U as MP4_VIDEO_EXT,
+  F as MP4_VIDEO_TYPE,
+  d as MS_UNIT,
+  v as PERCENT_UNIT,
+  b as PHOTO_CANVAS_CONTEXT,
+  Z as PHOTO_LOADING_DELAY,
+  J as PHOTO_SMOOTHING_QUALITY,
+  W as PIXEL_UNIT,
+  A as PNG_IMAGE_EXT,
+  G as PNG_IMAGE_TYPE,
+  h as RESET_DATA_DELAY,
+  e as SUPPORTED_IMAGE_EXTENSIONS,
   C as SUPPORTED_IMAGE_MIME_TYPES,
-  A as SVG_IMAGE_EXT,
+  o as SVG_IMAGE_EXT,
   t as SVG_IMAGE_TYPE,
   X as WEBM_VIDEO_EXT,
   p as WEBM_VIDEO_TYPE,
   n as WEBP_IMAGE_EXT,
-  S as WEBP_IMAGE_TYPE
+  Y as WEBP_IMAGE_TYPE
 };

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

@@ -1,222 +1,242 @@
-import { jsxs as yo, Fragment as Mo, jsx as U } from "react/jsx-runtime";
-import { useState as i, useRef as w } from "react";
-import { D as No } from "../../index-BiffjjQq.js";
-import { c as Vo } from "../../index-B2JRaoNz.js";
-import { localizedText as bo } from "./locale.js";
-import { EN_LOCALE as Ho } from "../../constants.js";
-import { DEFAULT_MIN_DIMENSION as ko, DEFAULT_ASPECT_RATIO as zo, DEFAULT_TIMEOUT as jo, DEFAULT_FILE_MAX_SIZE as Wo, DEFAULT_VIDEO_FILE_MAX_SIZE as Bo, FULL_PROGRESS_VALUE as Q, PHOTO_LOADING_DELAY as Go, RESET_DATA_DELAY as d } from "./constants.js";
-import { UploadDialog as Xo } from "./components/upload-dialog/upload-dialog.js";
-import { UploadButton as Yo } from "./components/upload-button/upload-button.js";
-import { ErrorUploadDialog as Zo } from "./components/error-upload-dialog/error-upload-dialog.js";
-import { isVideo as $ } from "./utils/is-video.js";
-import { validateVideoFile as oo } from "./utils/validate-video-file.js";
-import { validatePhotoFile as eo } from "./utils/validate-photo-file.js";
-import { readPhoto as to } from "./utils/read-photo.js";
-import { getPhotoCrop as qo } from "./utils/get-photo-crop.js";
-import { getCroppedSource as Jo } from "./utils/get-cropped-source.js";
-import { getDefaultCroppedPhoto as ro } from "./utils/get-default-cropped-photo.js";
-import '../../assets/photo-crop-uploader.css';const Ko = "_photoCropCanvas_1i4lr_1", Qo = {
-  photoCropCanvas: Ko
+import { jsxs as No, Fragment as Ho, jsx as U } from "react/jsx-runtime";
+import { useState as i, useRef as A } from "react";
+import { v as Vo, D as bo } from "../../index-CcueJ2sD.js";
+import { c as ko } from "../../index-B2JRaoNz.js";
+import { localizedText as zo } from "./locale.js";
+import { EN_LOCALE as jo } from "../../constants.js";
+import { DEFAULT_MIN_DIMENSION as Wo, DEFAULT_ASPECT_RATIO as Bo, DEFAULT_TIMEOUT as Go, DEFAULT_FILE_MAX_SIZE as Xo, DEFAULT_VIDEO_FILE_MAX_SIZE as Yo, DEFAULT_BASE_DIMENSION as Zo, FULL_PROGRESS_VALUE as $, PHOTO_LOADING_DELAY as qo, RESET_DATA_DELAY as d } from "./constants.js";
+import { UploadDialog as Jo } from "./components/upload-dialog/upload-dialog.js";
+import { UploadButton as Ko } from "./components/upload-button/upload-button.js";
+import { ErrorUploadDialog as Qo } from "./components/error-upload-dialog/error-upload-dialog.js";
+import { isVideo as oo } from "./utils/is-video.js";
+import { validateVideoFile as eo } from "./utils/validate-video-file.js";
+import { validatePhotoFile as to } from "./utils/validate-photo-file.js";
+import { readPhoto as ro } from "./utils/read-photo.js";
+import { getPhotoCrop as $o } from "./utils/get-photo-crop.js";
+import { getCroppedSource as oe } from "./utils/get-cropped-source.js";
+import { getDefaultCroppedPhoto as no } from "./utils/get-default-cropped-photo.js";
+import '../../assets/photo-crop-uploader.css';const ee = "_photoCropCanvas_1i4lr_1", te = {
+  photoCropCanvas: ee
 };
-function Ee(a) {
+function Le(a) {
   const {
     buttonClassname: so = "",
-    onStartUpload: no = () => {
+    onStartUpload: ao = () => {
     },
-    onEndUpload: ao = () => {
+    onEndUpload: io = () => {
     },
-    onError: io = () => {
+    onError: lo = () => {
     },
-    onStartCrop: lo = () => {
+    onStartCrop: co = () => {
     },
-    onDragOver: co = () => {
+    onDragOver: po = () => {
     },
-    onDragLeave: po = () => {
+    onDragLeave: uo = () => {
     },
-    onDragDrop: uo = () => {
+    onDragDrop: fo = () => {
     },
-    showErrorPopup: fo = !1,
-    minDimension: l = ko,
-    aspectRatio: C = zo,
-    locale: s = Ho,
-    timeout: M = jo,
-    fileMaxSize: N = Wo,
-    videoFileMaxSize: V = Bo,
-    allowedExtensions: A,
-    allowedMimeTypes: b,
-    circular: ho,
-    width: mo,
-    keepSelection: Co,
-    uploadButton: go,
+    showErrorPopup: ho = !1,
+    minDimension: l = Wo,
+    aspectRatio: C = Bo,
+    locale: n = jo,
+    timeout: M = Go,
+    fileMaxSize: N = Xo,
+    videoFileMaxSize: H = Yo,
+    allowedExtensions: w,
+    allowedMimeTypes: V,
+    circular: mo,
+    usePercentCrop: b = !0,
+    width: Co,
+    keepSelection: go,
+    uploadButton: Eo,
     multiple: g = !1,
-    fromSources: H,
+    fromSources: k,
     withVideoUploaded: v = !1,
-    returnCropParams: Eo = !1,
-    dialogClassname: k,
-    ...Po
+    returnCropParams: Po = !1,
+    dialogClassname: z,
+    defaultDimension: Do = Zo,
+    ...So
   } = a, {
-    onEndCrop: $o,
-    onClose: oe,
-    ...Do
-  } = Po, [So, E] = i(!1), [P, D] = i([]), [x, I] = i([]), f = w([]), h = w([]), [p, z] = i(0), j = w(null), W = w(null), [c, O] = i(!1), [Lo, B] = i(0), [G, X] = i(""), [_o, S] = i([]), [To, Y] = i(!1), Uo = So || c && g, wo = () => {
+    onEndCrop: re,
+    onClose: ne,
+    ...Lo
+  } = So, [_o, E] = i(!1), [P, D] = i([]), [I, x] = i([]), f = A([]), h = A([]), [p, j] = i(0), W = A(null), B = A(null), [c, O] = i(!1), [To, G] = i(0), [X, Y] = i(""), [Uo, S] = i([]), [Ao, Z] = i(!1), wo = _o || c && g, vo = () => {
     S([]);
-  }, F = (o = []) => {
+  }, F = (e = []) => {
     c || (a.returnCropParams === !0 && a.onClose?.(
-      o,
+      e,
       f.current,
       h.current
     ), E(!1), setTimeout(() => S([]), d), setTimeout(() => D([]), d), setTimeout(() => {
       f.current = [], h.current = [];
     }, d));
-  }, R = (o = []) => {
+  }, R = (e = []) => {
     c || (a.returnCropParams || a.onClose?.(
-      o,
+      e,
       f.current,
       h.current
     ), E(!1), setTimeout(() => S([]), d), setTimeout(() => D([]), d), setTimeout(() => {
       f.current = [], h.current = [];
     }, d));
-  }, Z = () => {
+  }, q = () => {
     c || (a.returnCropParams === !0 ? F([]) : R([]));
-  }, Ao = () => {
-    Y(!1);
-  }, L = (o, t = o, e = [], r = !1) => {
-    ao(o), X(""), D(o), I(Array(o.length)), z(0), E(!0), f.current = t, h.current = e, !o.length && !r && Z();
-  }, y = (o) => {
-    o instanceof Error && (console.warn(o.message), io(o), X(o.message), Y(!0), D([]), E(!1), f.current = [], h.current = []);
-  }, vo = async (o) => {
-    const { files: t } = o.target;
+  }, Io = () => {
+    Z(!1);
+  }, L = (e, t = e, o = [], r = !1) => {
+    io(e), Y(""), D(e), x(Array(e.length)), j(0), E(!0), f.current = t, h.current = o, !e.length && !r && q();
+  }, y = (e) => {
+    e instanceof Error && (console.warn(e.message), lo(e), Y(e.message), Z(!0), D([]), E(!1), f.current = [], h.current = []);
+  }, xo = async (e) => {
+    const { files: t } = e.target;
     if (t?.length && !c)
       try {
-        if (O(!0), no(), g) {
-          const e = Array.from(t), r = Q / e.length, _ = [], u = [], J = [], T = [];
-          for (const m of e) {
-            const Ro = $(m);
+        if (O(!0), ao(), g) {
+          const o = Array.from(t), r = $ / o.length, _ = [], u = [], K = [], T = [];
+          for (const m of o) {
+            const Mo = oo(m);
             try {
-              if (v && Ro) {
-                oo(m, V, s);
-                const n = URL.createObjectURL(m);
-                J.push(u.length), u.push(n);
+              if (v && Mo) {
+                eo(m, H, n);
+                const s = URL.createObjectURL(m);
+                K.push(u.length), u.push(s);
               } else {
-                eo(
+                to(
                   m,
                   {
                     maxSize: N,
-                    allowedExtensions: A,
-                    allowedMimeTypes: b
+                    allowedExtensions: w,
+                    allowedMimeTypes: V
                   },
-                  s
+                  n
                 );
-                const n = await to(
+                const s = await ro(
                   m,
                   l,
-                  s,
+                  n,
                   M
                 );
-                _.push(n), u.push(n);
+                _.push(s), u.push(s);
               }
-            } catch (n) {
-              let K = "";
-              n instanceof Error && (K = n.message), T.push({
+            } catch (s) {
+              let Q = "";
+              s instanceof Error && (Q = s.message), T.push({
                 photoName: m.name,
-                errorMessage: K
+                errorMessage: Q
               });
             }
-            B(
-              (n) => Math.min(Q, n + r)
-            ), await new Promise((n) => setTimeout(n, 0));
+            G(
+              (s) => Math.min($, s + r)
+            ), await new Promise((s) => setTimeout(s, 0));
           }
-          if (H?.length)
+          if (k?.length)
             throw new Error(T[0]?.errorMessage);
-          S(T), L(_, u, J, T.length > 0);
+          S(T), L(_, u, K, T.length > 0);
         } else {
-          const e = t[0];
-          if (v && $(e)) {
-            oo(e, V, s);
-            const r = URL.createObjectURL(e);
+          const o = t[0];
+          if (v && oo(o)) {
+            eo(o, H, n);
+            const r = URL.createObjectURL(o);
             L([], [r], [0]);
           } else {
-            eo(
-              e,
-              { maxSize: N, allowedExtensions: A, allowedMimeTypes: b },
-              s
+            to(
+              o,
+              { maxSize: N, allowedExtensions: w, allowedMimeTypes: V },
+              n
             );
-            const r = await to(e, l, s, M);
+            const r = await ro(o, l, n, M);
             L([r]);
           }
         }
-      } catch (e) {
-        y(e);
+      } catch (o) {
+        y(o);
       } finally {
         g ? setTimeout(() => {
-          o.target.value = "", B(0), O(!1);
-        }, Go) : (o.target.value = "", O(!1));
+          e.target.value = "", G(0), O(!1);
+        }, qo) : (e.target.value = "", O(!1));
       }
-  }, xo = (o) => {
-    const { width: t, height: e } = o.currentTarget, r = qo(t, e, l, C);
-    I((_) => {
+  }, Oo = (e) => {
+    const { width: t, height: o } = e.currentTarget, r = $o(
+      t,
+      o,
+      l,
+      C,
+      !1,
+      Do
+    );
+    x((_) => {
       const u = [..._];
       return u[p] = r, u;
     });
-  }, Io = (o, t) => {
-    I((e) => {
-      const r = [...e];
+  }, Fo = (e, t) => {
+    x((o) => {
+      const r = [...o];
       return r[p] = t, r;
     });
-  }, q = () => {
-    const o = W.current, t = j.current;
-    if (o && t && x)
+  }, J = () => {
+    const e = B.current, t = W.current;
+    if (e && t && I)
       try {
-        const e = x[p];
-        if (!e) return !1;
-        if (lo(), a.returnCropParams === !0) {
-          const r = No(
-            e,
-            t.naturalWidth,
-            t.naturalHeight
-          );
-          a.onEndCrop?.(r), p >= P.length - 1 && F();
+        const o = I[p];
+        if (!o) return !1;
+        if (co(), a.returnCropParams === !0) {
+          if (b) {
+            const r = Vo(
+              o,
+              t.naturalWidth,
+              t.naturalHeight
+            );
+            a.onEndCrop?.(r);
+          } else {
+            const r = bo(
+              o,
+              t.naturalWidth,
+              t.naturalHeight
+            );
+            a.onEndCrop?.(r);
+          }
+          p >= P.length - 1 && F();
         } else {
-          const r = Jo(
+          const r = oe(
             t,
-            o,
             e,
-            s
+            o,
+            n
           );
           a.onEndCrop?.(r), p >= P.length - 1 && R();
         }
         return !0;
-      } catch (e) {
-        return e instanceof Error && (console.warn(e), y(e)), !1;
+      } catch (o) {
+        return o instanceof Error && (console.warn(o), y(o)), !1;
       }
     else
       return !1;
-  }, Oo = () => {
-    q() && z((t) => t + 1);
-  }, Fo = async () => {
-    const o = P.slice(p);
+  }, Ro = () => {
+    J() && j((t) => t + 1);
+  }, yo = async () => {
+    const e = P.slice(p);
     try {
-      if (Eo) {
+      if (Po) {
         const t = await Promise.all(
-          o.map(
-            (e) => ro(
-              e,
+          e.map(
+            (o) => no(
+              o,
               l,
               C,
-              s,
-              !0
+              n,
+              !0,
+              b
             )
           )
         );
         F(t);
       } else {
         const t = await Promise.all(
-          o.map(
-            (e) => ro(
-              e,
+          e.map(
+            (o) => no(
+              o,
               l,
               C,
-              s,
+              n,
               !1
             )
           )
@@ -227,77 +247,77 @@ function Ee(a) {
       y(t);
     }
   };
-  return /* @__PURE__ */ yo(Mo, { children: [
+  return /* @__PURE__ */ No(Ho, { children: [
     /* @__PURE__ */ U(
-      Yo,
+      Ko,
       {
-        onChange: vo,
+        onChange: xo,
         onPhotoDataLoaded: L,
         buttonClassname: so,
         disabled: c,
         buttonDisabled: c,
-        locale: s,
-        width: mo,
-        allowedExtensions: A,
-        onDragDrop: uo,
-        onDragLeave: po,
-        onDragOver: co,
-        button: go,
+        locale: n,
+        width: Co,
+        allowedExtensions: w,
+        onDragDrop: fo,
+        onDragLeave: uo,
+        onDragOver: po,
+        button: Eo,
         multiple: g,
-        fromSources: H,
+        fromSources: k,
         withVideoUploaded: v,
-        ...Do,
-        children: bo[s].upload
+        ...Lo,
+        children: zo[n].upload
       }
     ),
     /* @__PURE__ */ U(
-      Xo,
+      Jo,
       {
-        open: Uo,
-        className: k,
+        open: wo,
+        className: z,
         photoSourceLoading: c,
-        loadingValue: Lo,
-        errors: _o,
-        photoCrops: x,
+        loadingValue: To,
+        errors: Uo,
+        photoCrops: I,
         photoSources: P,
-        onNextPhoto: Oo,
-        onSkipCrop: Fo,
-        onClearErrors: wo,
-        photoError: G,
-        onCloseDialogHandler: Z,
-        onCropChange: Io,
-        onPhotoCrop: q,
-        onPhotoLoad: xo,
-        imageRef: j,
+        onNextPhoto: Ro,
+        onSkipCrop: yo,
+        onClearErrors: vo,
+        photoError: X,
+        onCloseDialogHandler: q,
+        onCropChange: Fo,
+        onPhotoCrop: J,
+        onPhotoLoad: Oo,
+        imageRef: W,
         minDimension: l,
         aspectRatio: C,
-        locale: s,
-        circular: ho,
-        keepSelection: Co,
+        locale: n,
+        circular: mo,
+        keepSelection: go,
         photoIndex: p
       }
     ),
     /* @__PURE__ */ U(
-      Zo,
+      Qo,
       {
-        className: k,
-        open: fo && To,
-        photoError: G,
-        onCloseErrorDialog: Ao,
-        locale: s
+        className: z,
+        open: ho && Ao,
+        photoError: X,
+        onCloseErrorDialog: Io,
+        locale: n
       }
     ),
     /* @__PURE__ */ U(
       "canvas",
       {
-        className: Vo(Qo.photoCropCanvas),
+        className: ko(te.photoCropCanvas),
         width: l,
         height: l,
-        ref: W
+        ref: B
       }
     )
   ] });
 }
 export {
-  Ee as PhotoCropUploader
+  Le as PhotoCropUploader
 };

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

@@ -1,5 +1,5 @@
 import { DragEvent, InputHTMLAttributes, ReactNode } from 'react';
-import { PixelCrop } from 'react-image-crop';
+import { Crop } from 'react-image-crop';
 import { Locale } from '../../types';
 import { BMP_IMAGE_TYPE, GIF_IMAGE_TYPE, ICO_IMAGE_TYPE, JPEG_IMAGE_TYPE, JPG_IMAGE_TYPE, MICROSOFT_ICO_IMAGE_TYPE, PNG_IMAGE_TYPE, SVG_IMAGE_TYPE, WEBP_IMAGE_TYPE, ICO_IMAGE_EXT, BMP_IMAGE_EXT, GIF_IMAGE_EXT, JPEG_IMAGE_EXT, JPG_IMAGE_EXT, PNG_IMAGE_EXT, SVG_IMAGE_EXT, WEBP_IMAGE_EXT } from './constants';
 export type PhotoDataUrl = string;
@@ -17,8 +17,8 @@ export type PhotoFileOptions = {
 };
 type CropPropsWithParams = {
     returnCropParams: true;
-    onEndCrop?: (photoData: PixelCrop) => unknown;
-    onClose?: (skipPhotosData: PixelCrop[], sourcesData: PhotoDataUrl[], videoSourceIndexes: number[]) => unknown;
+    onEndCrop?: (photoData: Crop) => unknown;
+    onClose?: (skipPhotosData: Crop[], sourcesData: PhotoDataUrl[], videoSourceIndexes: number[]) => unknown;
 };
 type CropPropsWithDataUrl = {
     returnCropParams?: false;
@@ -37,8 +37,10 @@ export type PhotoCropUploaderCustomProps = {
     onDragDrop?: (event: DragEvent<HTMLDivElement>) => unknown;
     showErrorPopup?: boolean;
     minDimension?: number;
+    defaultDimension?: number;
     aspectRatio?: number;
     locale?: 'ru' | 'en';
+    usePercentCrop?: boolean;
     timeout?: number;
     fileMaxSize?: number;
     videoFileMaxSize?: number;

package/dist/components/photo-crop-uploader/utils/draw-cropped-image.js

@@ -1,4 +1,4 @@
-import { D as w } from "../../../index-BiffjjQq.js";
+import { D as w } from "../../../index-CcueJ2sD.js";
 import { localizedText as m } from "../locale.js";
 import { EN_LOCALE as E } from "../../../constants.js";
 import { PHOTO_CANVAS_CONTEXT as x } from "../constants.js";

package/dist/components/photo-crop-uploader/utils/get-cropped-source.js

@@ -1,4 +1,4 @@
-import { D as w } from "../../../index-BiffjjQq.js";
+import { D as w } from "../../../index-CcueJ2sD.js";
 import { localizedText as x } from "../locale.js";
 import { EN_LOCALE as O } from "../../../constants.js";
 import { PHOTO_CANVAS_CONTEXT as f, PHOTO_SMOOTHING_QUALITY as T } from "../constants.js";

package/dist/components/photo-crop-uploader/utils/get-default-cropped-photo.d.ts

@@ -1,6 +1,6 @@
-import { PixelCrop } from 'react-image-crop';
+import { Crop } from 'react-image-crop';
 import { Locale } from '../../../types';
 import { PhotoDataUrl } from '../types';
-export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: true): Promise<PixelCrop>;
-export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: false): Promise<PhotoDataUrl>;
-export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: boolean): Promise<PhotoDataUrl | PixelCrop>;
+export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: true, isPercent?: boolean): Promise<Crop>;
+export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: false, isPercent?: boolean): Promise<PhotoDataUrl>;
+export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: boolean, isPercent?: boolean): Promise<PhotoDataUrl | Crop>;

package/dist/components/photo-crop-uploader/utils/get-default-cropped-photo.js

@@ -1,41 +1,41 @@
-import { D as u } from "../../../index-BiffjjQq.js";
-import { getPhotoCrop as g } from "./get-photo-crop.js";
+import { v as g, D as v } from "../../../index-CcueJ2sD.js";
+import { getPhotoCrop as w } from "./get-photo-crop.js";
 import { getCroppedSource as C } from "./get-cropped-source.js";
-import { localizedText as l } from "../locale.js";
-function x(a, i, m, e, s) {
-  return new Promise((n, p) => {
-    const o = new Image(), d = document.createElement("canvas");
+import { localizedText as E } from "../locale.js";
+function L(a, i, m, n, s, d) {
+  return new Promise((c, p) => {
+    const o = new Image(), h = document.createElement("canvas");
     o.src = a, o.addEventListener("load", () => {
-      const { width: r, height: c } = o;
+      const { width: r, height: e } = o;
       try {
-        const t = g(
+        const t = w(
           r,
-          c,
+          e,
           i,
           m,
           !0
         );
         if (s) {
-          const f = u(t, r, c);
-          n(f);
+          const u = d ? g(t, r, e) : v(t, r, e);
+          c(u);
           return;
         }
-        const h = C(
+        const f = C(
           o,
-          d,
+          h,
           t,
-          e
+          n
         );
-        n(h);
+        c(f);
       } catch (t) {
         p(t);
       }
     }), o.addEventListener("error", () => {
-      const r = new Error(l[e]["paint-error"]);
+      const r = new Error(E[n]["paint-error"]);
       p(r);
     });
   });
 }
 export {
-  x as getDefaultCroppedPhoto
+  L as getDefaultCroppedPhoto
 };

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

@@ -1,2 +1,2 @@
 import { Crop } from 'react-image-crop';
-export declare const getPhotoCrop: (width: number, height: number, minDimension?: number, aspectRatio?: number, maxSize?: boolean) => Crop;
+export declare const getPhotoCrop: (width: number, height: number, minDimension?: number, aspectRatio?: number, maxSize?: boolean, defaultDimension?: number) => Crop;

package/dist/components/photo-crop-uploader/utils/get-photo-crop.js

@@ -1,18 +1,35 @@
-import { B as _, L as C } from "../../../index-BiffjjQq.js";
-import { DEFAULT_MIN_DIMENSION as P, DEFAULT_ASPECT_RATIO as T, FULL_CROP_SIZE as o, PRECENT_UNIT as s } from "../constants.js";
-const U = (r, t, c = P, n = T, e = !1) => {
-  const p = c / r * o, I = c / t * o, E = _(
+import { B as _, L as N } from "../../../index-CcueJ2sD.js";
+import { DEFAULT_MIN_DIMENSION as n, DEFAULT_ASPECT_RATIO as A, FULL_CROP_SIZE as E, PERCENT_UNIT as t } from "../constants.js";
+const M = (r, c, C = n, I = A, P = !1, o) => {
+  const L = r / c / I, T = C / r * E, e = C / c * E;
+  let p;
+  return o && o >= T && o >= e ? L <= 1 ? p = _(
     {
-      unit: s,
-      width: e ? o : p,
-      height: e ? o : I
+      unit: t,
+      width: o
     },
-    n,
+    I,
     r,
-    t
-  );
-  return C(E, r, t);
+    c
+  ) : p = _(
+    {
+      unit: t,
+      height: o
+    },
+    I,
+    r,
+    c
+  ) : p = _(
+    {
+      unit: t,
+      width: P ? E : T,
+      height: P ? E : e
+    },
+    I,
+    r,
+    c
+  ), N(p, r, c);
 };
 export {
-  U as getPhotoCrop
+  M as getPhotoCrop
 };

package/dist/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const EN_LOCALE = "en";
 export declare const RU_LOCALE = "ru";
 export declare const BYTE_TO_KILOBYTE = 1024;
-export declare const PRECENT_SYMBOL = "%";
+export declare const PERCENT_SYMBOL = "%";
 export declare const DASH_SYMBOL = "-";

package/dist/constants.js

@@ -3,6 +3,6 @@ export {
   n as BYTE_TO_KILOBYTE,
   t as DASH_SYMBOL,
   E as EN_LOCALE,
-  o as PRECENT_SYMBOL,
+  o as PERCENT_SYMBOL,
   L as RU_LOCALE
 };

package/dist/{index-BiffjjQq.js → index-CcueJ2sD.js}

@@ -427,5 +427,6 @@ export {
   N as B,
   C as D,
   O as L,
-  B as S
+  B as S,
+  f as v
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.1.6",
+  "version": "1.1.8",
   "license": "UNLICENSED",
   "author": {
     "name": "Vladislav Knitrunov",