@hai-dev/ui-kit 1.1.10 → 1.1.12

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

@@ -1 +1 @@
-._dialog_lyvu5_1 ._dialogErrorText_lyvu5_1{color:#e2402fe0}
+._dialog_6kik7_1._dark_6kik7_1 .MuiPaper-root{background-color:#191b28;color:#fff}._dialog_6kik7_1._dark_6kik7_1 .MuiPaper-root ._dialogErrorText_6kik7_5::-webkit-scrollbar{height:8px;width:8px}._dialog_6kik7_1._dark_6kik7_1 .MuiPaper-root ._dialogErrorText_6kik7_5::-webkit-scrollbar-track{background:#070e1d;border-radius:16px}._dialog_6kik7_1._dark_6kik7_1 .MuiPaper-root ._dialogErrorText_6kik7_5::-webkit-scrollbar-thumb{background-color:#ffffff24;border-radius:16px}._dialog_6kik7_1 ._dialogErrorText_6kik7_5::-webkit-scrollbar{height:8px;width:8px}._dialog_6kik7_1 ._dialogErrorText_6kik7_5::-webkit-scrollbar-track{background:#f2f3f5;border-radius:16px}._dialog_6kik7_1 ._dialogErrorText_6kik7_5::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:16px}._dialog_6kik7_1 ._dialogErrorText_6kik7_5{color:#e2402fe0}

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

@@ -1 +1 @@
-._dialog_1h5av_1 .MuiPaper-root{border-radius:24px;padding:48px;min-width:840px;max-width:100%}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7::-webkit-scrollbar{height:8px;width:8px}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7::-webkit-scrollbar-track{background:#f2f3f5;border-radius:16px}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:16px}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7{margin:32px 0 24px}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7 ._errorItem_1h5av_22{font-size:22px;letter-spacing:0%;line-height:150%;font-weight:500;color:#e2402fe0}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7 ._errorItem_1h5av_22 ._fileName_1h5av_29{font-weight:700}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7 *+*{margin-top:16px}._dialog_1h5av_1 .MuiPaper-root ._topActions_1h5av_35{position:absolute;right:0;top:0;padding:32px}._dialog_1h5av_1 .MuiPaper-root ._topActions_1h5av_35 ._close_1h5av_41{width:40px;height:40px}._dialog_1h5av_1 .MuiPaper-root ._botActions_1h5av_45{padding:0;display:flex;justify-content:space-between}._dialog_1h5av_1 .MuiPaper-root ._botActions_1h5av_45 ._button_1h5av_50{width:100%;text-transform:none}._dialog_1h5av_1 .MuiPaper-root ._title_1h5av_54{padding:0;font-weight:600;font-size:32px;line-height:100%}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60{margin:32px 0 24px;padding-bottom:0;display:flex;align-items:center;justify-content:center;overflow:visible}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60._many_1h5av_68{justify-content:space-between}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60 ._photoList_1h5av_71{display:flex;flex-direction:column}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60 ._crop_1h5av_75{max-height:670px}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60 ._crop_1h5av_75 .ReactCrop__child-wrapper,._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60 ._crop_1h5av_75 .ReactCrop__crop-mask{border-radius:12px}._dialog_1h5av_1 .MuiPaper-root ._dialogText_1h5av_84{color:#e2402fe0}
+._dialog_n5vpn_1._dark_n5vpn_1 .MuiPaper-root{background-color:#191b28;color:#fff}._dialog_n5vpn_1._dark_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5::-webkit-scrollbar{height:8px;width:8px}._dialog_n5vpn_1._dark_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5::-webkit-scrollbar-track{background:#070e1d;border-radius:16px}._dialog_n5vpn_1._dark_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5::-webkit-scrollbar-thumb{background-color:#ffffff24;border-radius:16px}._dialog_n5vpn_1 .MuiPaper-root{border-radius:24px;padding:48px;min-width:840px;max-width:100%}._dialog_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5::-webkit-scrollbar{height:8px;width:8px}._dialog_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5::-webkit-scrollbar-track{background:#f2f3f5;border-radius:16px}._dialog_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:16px}._dialog_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5{margin:32px 0 24px}._dialog_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5 ._errorItem_n5vpn_38{font-size:22px;letter-spacing:0%;line-height:150%;font-weight:500;color:#e2402fe0}._dialog_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5 ._errorItem_n5vpn_38 ._fileName_n5vpn_45{font-weight:700}._dialog_n5vpn_1 .MuiPaper-root ._errorContent_n5vpn_5 *+*{margin-top:16px}._dialog_n5vpn_1 .MuiPaper-root ._topActions_n5vpn_51{position:absolute;right:0;top:0;padding:32px}._dialog_n5vpn_1 .MuiPaper-root ._topActions_n5vpn_51 ._close_n5vpn_57{width:40px;height:40px}._dialog_n5vpn_1 .MuiPaper-root ._botActions_n5vpn_61{padding:0;display:flex;justify-content:space-between}._dialog_n5vpn_1 .MuiPaper-root ._botActions_n5vpn_61 ._button_n5vpn_66{width:100%;text-transform:none}._dialog_n5vpn_1 .MuiPaper-root ._title_n5vpn_70{padding:0;font-weight:600;font-size:32px;line-height:100%}._dialog_n5vpn_1 .MuiPaper-root ._content_n5vpn_76{margin:32px 0 24px;padding-bottom:0;display:flex;align-items:center;justify-content:center;overflow:visible}._dialog_n5vpn_1 .MuiPaper-root ._content_n5vpn_76._many_n5vpn_84{justify-content:space-between}._dialog_n5vpn_1 .MuiPaper-root ._content_n5vpn_76 ._photoList_n5vpn_87{display:flex;flex-direction:column}._dialog_n5vpn_1 .MuiPaper-root ._content_n5vpn_76 ._crop_n5vpn_91{max-height:670px}._dialog_n5vpn_1 .MuiPaper-root ._content_n5vpn_76 ._crop_n5vpn_91 .ReactCrop__child-wrapper,._dialog_n5vpn_1 .MuiPaper-root ._content_n5vpn_76 ._crop_n5vpn_91 .ReactCrop__crop-mask{border-radius:12px}._dialog_n5vpn_1 .MuiPaper-root ._dialogText_n5vpn_100{color:#e2402fe0}

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

@@ -1,19 +1,19 @@
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { c as p } from "../../../../index-YnD2EP-S.js";
+import { c as d } from "../../../../index-YnD2EP-S.js";
 import { localizedText as m } from "../../locale.js";
-import { EN_LOCALE as u } from "../../../../constants.js";
+import { EN_LOCALE as T, DARK_THEME as u } from "../../../../constants.js";
 import { D as x } from "../../../../Dialog-Cf0d7zi7.js";
-import { D as T, a as C, b as D } from "../../../../DialogTitle-BtvmXSZP.js";
-import * as y from "react";
-import { g as h, a as E, c as N, P as o } from "../../../../createTheme-D8R2Cz2N.js";
-import { u as _, c as b, s as P, r as j } from "../../../../chainPropTypes-DiJb1lGa.js";
-import { T as v } from "../../../../Typography-Bjd6ZHeX.js";
-import { B as w } from "../../../../Button-BN3fv8kr.js";
+import { D as C, a as D, b as y } from "../../../../DialogTitle-BtvmXSZP.js";
+import * as h from "react";
+import { g as E, a as _, c as k, P as o } from "../../../../createTheme-D8R2Cz2N.js";
+import { u as N, c as b, s as P, r as j } from "../../../../chainPropTypes-DiJb1lGa.js";
+import { T as w } from "../../../../Typography-Bjd6ZHeX.js";
+import { B as M } from "../../../../Button-BN3fv8kr.js";
 import '../../../../assets/error-upload-dialog.css';function O(t) {
-  return h("MuiDialogContentText", t);
+  return E("MuiDialogContentText", t);
 }
-E("MuiDialogContentText", ["root"]);
-const U = (t) => {
+_("MuiDialogContentText", ["root"]);
+const R = (t) => {
   const {
     classes: r
   } = t, s = b({
@@ -24,28 +24,28 @@ const U = (t) => {
     // forward classes to the Typography
     ...s
   };
-}, M = P(v, {
+}, U = P(w, {
   shouldForwardProp: (t) => j(t) || t === "classes",
   name: "MuiDialogContentText",
   slot: "Root"
-})({}), g = /* @__PURE__ */ y.forwardRef(function(r, a) {
-  const s = _({
+})({}), g = /* @__PURE__ */ h.forwardRef(function(r, a) {
+  const s = N({
     props: r,
     name: "MuiDialogContentText"
   }), {
-    children: n,
-    className: l,
-    ...i
-  } = s, c = U(i);
-  return /* @__PURE__ */ e(M, {
+    children: c,
+    className: n,
+    ...l
+  } = s, p = R(l);
+  return /* @__PURE__ */ e(U, {
     component: "p",
     variant: "body1",
     color: "textSecondary",
     ref: a,
-    ownerState: i,
-    className: N(c.root, l),
+    ownerState: l,
+    className: k(p.root, n),
     ...s,
-    classes: c
+    classes: p
   });
 });
 process.env.NODE_ENV !== "production" && (g.propTypes = {
@@ -70,31 +70,33 @@ process.env.NODE_ENV !== "production" && (g.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-const R = "_dialog_lyvu5_1", S = "_dialogErrorText_lyvu5_1", d = {
-  dialog: R,
-  dialogErrorText: S
-}, I = (t) => {
+const S = "_dialog_6kik7_1", v = "_dark_6kik7_1", A = "_dialogErrorText_6kik7_5", i = {
+  dialog: S,
+  dark: v,
+  dialogErrorText: A
+}, J = (t) => {
   const {
     photoError: r,
     onCloseErrorDialog: a,
-    locale: s = u,
+    locale: s = T,
+    theme: c = u,
     className: n,
     ...l
   } = t;
   return /* @__PURE__ */ f(
     x,
     {
-      className: p(d.dialog, n),
+      className: d(i.dialog, n, i[c]),
       onClose: a,
       ...l,
       children: [
-        /* @__PURE__ */ e(T, { children: m[s].error }),
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(g, { className: p(d.dialogErrorText), children: r }) }),
-        /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(w, { onClick: a, children: m[s].back }) })
+        /* @__PURE__ */ e(C, { children: m[s].error }),
+        /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(g, { className: d(i.dialogErrorText), children: r }) }),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(M, { onClick: a, children: m[s].back }) })
       ]
     }
   );
 };
 export {
-  I as ErrorUploadDialog
+  J as ErrorUploadDialog
 };

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

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

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

@@ -1,7 +1,7 @@
 import { SyntheticEvent } from 'react';
 import { DialogProps } from '@mui/material';
 import { Crop, PercentCrop, PixelCrop } from 'react-image-crop';
-import { Locale } from '../../../../types';
+import { Locale, Theme } from '../../../../types';
 import { FileErrorItem, PhotoDataUrl } from '../../types';
 type OnPhotoLoad = (event: SyntheticEvent<HTMLImageElement, Event>) => void;
 type OnCropChange = (pixelCrop: PixelCrop, percentCrop: PercentCrop) => void;
@@ -29,6 +29,7 @@ type UploadDialogCustomProps = {
     photoSourceLoading: boolean;
     loadingValue?: number;
     errors?: FileErrorItem[];
+    theme?: Theme;
 };
 export type UploadDialogProps = UploadDialogCustomProps & DialogProps;
 export type UploadDialogErrorsProps = {

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../index-YnD2EP-S.js";
 import "../../locale.js";
 import "../../../../constants.js";
-import { U as s } from "../../../../upload-dialog-errors-Cyz6_7n4.js";
+import { U as s } from "../../../../upload-dialog-errors-DHl0bh1n.js";
 import "../../../../DialogTitle-BtvmXSZP.js";
 import "../../../button/button.js";
 export {

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

@@ -1,28 +1,28 @@
-import { jsxs as L, jsx as a, Fragment as _ } from "react/jsx-runtime";
-import * as k from "react";
-import { S as $ } from "../../../../index-CcueJ2sD.js";
+import { jsxs as L, jsx as a, Fragment as $ } from "react/jsx-runtime";
+import * as w from "react";
+import { S as V } from "../../../../index-CcueJ2sD.js";
 import { c as i } from "../../../../index-YnD2EP-S.js";
-import { s as n, U as V } from "../../../../upload-dialog-errors-Cyz6_7n4.js";
-import { PhotoList as H } from "../photo-list/photo-list.js";
+import { s as n, U as H } from "../../../../upload-dialog-errors-DHl0bh1n.js";
+import { PhotoList as Z } 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 { EN_LOCALE as K, DARK_THEME as Y } from "../../../../constants.js";
+import { CLOSE_ICON_SIZE as D } from "./constants.js";
+import { DEFAULT_MIN_DIMENSION as q, DEFAULT_ASPECT_RATIO as G } from "../../constants.js";
 import { D as O } from "../../../../Dialog-Cf0d7zi7.js";
-import { a as D, b as E, D as G } from "../../../../DialogTitle-BtvmXSZP.js";
-import { CircularProgressLoader as J } from "../../../circular-progress-loader/circular-progress-loader.js";
-import { g as K, a as Q, c as X, b as m, P as t } from "../../../../createTheme-D8R2Cz2N.js";
-import { m as A } from "../../../../memoTheme-D5VCpQCz.js";
-import { c as M } from "../../../../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { u as oo, c as eo, s as W, b as to } from "../../../../chainPropTypes-DiJb1lGa.js";
-import { u as ao } from "../../../../useId-CK6Kn3Tn.js";
-import { B as ro } from "../../../../ButtonBase-CSWuFxUv.js";
-import { C as no } from "../../../../CircularProgress-sPARyPfh.js";
-import { Button as P } from "../../../button/button.js";
-import '../../../../assets/upload-dialog.css';function io(o) {
-  return K("MuiIconButton", o);
+import { a as A, b as P, D as J } from "../../../../DialogTitle-BtvmXSZP.js";
+import { CircularProgressLoader as Q } from "../../../circular-progress-loader/circular-progress-loader.js";
+import { g as X, a as oo, c as eo, b as m, P as t } from "../../../../createTheme-D8R2Cz2N.js";
+import { m as M } from "../../../../memoTheme-D5VCpQCz.js";
+import { c as U } from "../../../../createSimplePaletteValueFilter-B7--0ryQ.js";
+import { u as to, c as ao, s as _, b as ro } from "../../../../chainPropTypes-DiJb1lGa.js";
+import { u as no } from "../../../../useId-CK6Kn3Tn.js";
+import { B as io } from "../../../../ButtonBase-CSWuFxUv.js";
+import { C as lo } from "../../../../CircularProgress-sPARyPfh.js";
+import { Button as k } from "../../../button/button.js";
+import '../../../../assets/upload-dialog.css';function so(o) {
+  return X("MuiIconButton", o);
 }
-const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), lo = (o) => {
+const W = oo("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), co = (o) => {
   const {
     classes: e,
     disabled: r,
@@ -35,8 +35,8 @@ const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
   };
-  return eo(u, io, e);
-}, so = W(ro, {
+  return ao(u, so, e);
+}, po = _(io, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (o, e) => {
@@ -45,7 +45,7 @@ const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     } = o;
     return [e.root, r.loading && e.loading, r.color !== "default" && e[`color${m(r.color)}`], r.edge && e[`edge${m(r.edge)}`], e[`size${m(r.size)}`]];
   }
-})(A(({
+})(M(({
   theme: o
 }) => ({
   textAlign: "center",
@@ -100,7 +100,7 @@ const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       marginRight: -3
     }
   }]
-})), A(({
+})), M(({
   theme: o
 }) => ({
   variants: [{
@@ -110,14 +110,14 @@ const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     style: {
       color: "inherit"
     }
-  }, ...Object.entries(o.palette).filter(M()).map(([e]) => ({
+  }, ...Object.entries(o.palette).filter(U()).map(([e]) => ({
     props: {
       color: e
     },
     style: {
       color: (o.vars || o).palette[e].main
     }
-  })), ...Object.entries(o.palette).filter(M()).map(([e]) => ({
+  })), ...Object.entries(o.palette).filter(U()).map(([e]) => ({
     props: {
       color: e
     },
@@ -141,14 +141,14 @@ const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       fontSize: o.typography.pxToRem(28)
     }
   }],
-  [`&.${U.disabled}`]: {
+  [`&.${W.disabled}`]: {
     backgroundColor: "transparent",
     color: (o.vars || o).palette.action.disabled
   },
-  [`&.${U.loading}`]: {
+  [`&.${W.loading}`]: {
     color: "transparent"
   }
-}))), co = W("span", {
+}))), go = _("span", {
   name: "MuiIconButton",
   slot: "LoadingIndicator"
 })(({
@@ -169,8 +169,8 @@ const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       display: "flex"
     }
   }]
-})), j = /* @__PURE__ */ k.forwardRef(function(e, r) {
-  const c = oo({
+})), j = /* @__PURE__ */ w.forwardRef(function(e, r) {
+  const c = to({
     props: e,
     name: "MuiIconButton"
   }), {
@@ -185,7 +185,7 @@ const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     loading: s = null,
     loadingIndicator: R,
     ...l
-  } = c, N = ao(v), B = R ?? /* @__PURE__ */ a(no, {
+  } = c, N = no(v), B = R ?? /* @__PURE__ */ a(lo, {
     "aria-labelledby": N,
     color: "inherit",
     size: 16
@@ -198,10 +198,10 @@ const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     loading: s,
     loadingIndicator: B,
     size: z
-  }, d = lo(h);
-  return /* @__PURE__ */ L(so, {
+  }, d = co(h);
+  return /* @__PURE__ */ L(po, {
     id: s ? N : v,
-    className: X(d.root, b),
+    className: eo(d.root, b),
     centerRipple: !0,
     focusRipple: !I,
     disabled: y || s,
@@ -214,7 +214,7 @@ const U = Q("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       style: {
         display: "contents"
       },
-      children: /* @__PURE__ */ a(co, {
+      children: /* @__PURE__ */ a(go, {
         className: d.loadingIndicator,
         ownerState: h,
         children: s && B
@@ -230,7 +230,7 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
   /**
    * The icon to display.
    */
-  children: to(t.node, (o) => k.Children.toArray(o.children).some((r) => /* @__PURE__ */ k.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+  children: ro(t.node, (o) => w.Children.toArray(o.children).some((r) => /* @__PURE__ */ w.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
 `)) : null),
   /**
    * Override or extend the styles applied to the component.
@@ -301,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", Po = (o) => {
+const uo = "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", wo = (o) => {
   const {
     onCloseDialogHandler: e,
     photoSources: r = [],
@@ -315,38 +315,39 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
     onNextPhoto: I,
     onSkipCrop: z,
     onClearErrors: v,
-    minDimension: s = Y,
-    aspectRatio: R = q,
-    locale: l = Z,
+    minDimension: s = q,
+    aspectRatio: R = G,
+    locale: l = K,
     circular: N,
     keepSelection: B = !0,
     photoSourceLoading: h,
     className: d,
     photoIndex: C,
     loadingValue: F,
-    errors: x,
-    ...T
+    errors: T,
+    theme: x = Y,
+    ...E
   } = o, S = r.slice(C).length > 1;
-  return h || !r.length && !x?.length ? /* @__PURE__ */ a(
+  return h || !r.length && !T?.length ? /* @__PURE__ */ a(
     O,
     {
-      className: i(n.dialog, d),
+      className: i(n.dialog, d, n[x]),
       onClose: e,
-      ...T,
-      children: /* @__PURE__ */ a(D, { className: i(n.content), children: /* @__PURE__ */ a(J, { value: F }) })
+      ...E,
+      children: /* @__PURE__ */ a(A, { className: i(n.content), children: /* @__PURE__ */ a(Q, { value: F }) })
     }
-  ) : x?.length ? /* @__PURE__ */ a(
+  ) : T?.length ? /* @__PURE__ */ a(
     O,
     {
-      className: i(n.dialog, d),
+      className: i(n.dialog, d, n[x]),
       onClose: e,
-      ...T,
+      ...E,
       children: /* @__PURE__ */ a(
-        V,
+        H,
         {
           locale: l,
           photoSources: r,
-          errors: x,
+          errors: T,
           onCloseDialogHandler: e,
           onClearErrors: v
         }
@@ -355,11 +356,11 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
   ) : /* @__PURE__ */ L(
     O,
     {
-      className: i(n.dialog, d),
+      className: i(n.dialog, d, n[x]),
       onClose: e,
-      ...T,
+      ...E,
       children: [
-        /* @__PURE__ */ a(E, { className: i(n.topActions), children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(P, { className: i(n.topActions), children: /* @__PURE__ */ a(
           j,
           {
             onClick: e,
@@ -369,19 +370,19 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
               "img",
               {
                 draggable: !1,
-                width: w,
-                height: w,
-                src: po,
+                width: D,
+                height: D,
+                src: uo,
                 alt: p[l].back
               }
             )
           }
         ) }),
-        /* @__PURE__ */ a(G, { className: i(n.title), children: p[l]["photo-crop"] }),
-        /* @__PURE__ */ L(D, { className: i(n.content, S && n.many), children: [
+        /* @__PURE__ */ a(J, { className: i(n.title), children: p[l]["photo-crop"] }),
+        /* @__PURE__ */ L(A, { className: i(n.content, S && n.many), children: [
           S && /* @__PURE__ */ a("span", {}),
           !!r.length && /* @__PURE__ */ a(
-            $,
+            V,
             {
               className: i(n.crop),
               crop: c[C],
@@ -404,12 +405,12 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
               )
             }
           ),
-          S && /* @__PURE__ */ a(H, { photoSources: r, photoIndex: C })
+          S && /* @__PURE__ */ a(Z, { photoSources: r, photoIndex: C })
         ] }),
-        u && /* @__PURE__ */ a(E, { className: i(n.dialogText), children: u }),
-        /* @__PURE__ */ a(E, { className: i(n.botActions), children: S ? /* @__PURE__ */ L(_, { children: [
+        u && /* @__PURE__ */ a(P, { className: i(n.dialogText), children: u }),
+        /* @__PURE__ */ a(P, { className: i(n.botActions), children: S ? /* @__PURE__ */ L($, { children: [
           /* @__PURE__ */ a(
-            P,
+            k,
             {
               buttonSize: "small",
               buttonColor: "blue",
@@ -421,7 +422,7 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
             }
           ),
           /* @__PURE__ */ a(
-            P,
+            k,
             {
               buttonSize: "small",
               buttonColor: "blue",
@@ -433,7 +434,7 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
             }
           )
         ] }) : /* @__PURE__ */ a(
-          P,
+          k,
           {
             minWidth: "100%",
             buttonSize: "small",
@@ -450,5 +451,5 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
   );
 };
 export {
-  Po as UploadDialog
+  wo as UploadDialog
 };