@hai-dev/ui-kit 1.1.11 → 1.2.0

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

@@ -4,19 +4,21 @@ import { useState as Ve, useRef as Pe, useEffect as he } from "react";
 import { c as We } from "../../index-YnD2EP-S.js";
 import { DEFAULT_CODE_LENGTH as je, NOT_CODE_REGEX as Ke, BACKSPACE_KEY as qe, ARROW_LEFT_KEY as Ue, ARROW_RIGHT_KEY as Ge, ENTER_KEY as $e, CODE_REGEX as Q, TAB_KEY as Ye } from "./constants.js";
 import { RU_LOCALE as Xe } from "../../constants.js";
-import { P as e, g as Ze, a as Je, c as ye, b as ne, l as Qe } from "../../createTheme-D8R2Cz2N.js";
-import { g as et } from "../../index-CL3JU48X.js";
-import { m as ve } from "../../memoTheme-D5VCpQCz.js";
-import { u as tt, c as nt, s as Ie } from "../../chainPropTypes-DiJb1lGa.js";
-import { u as Te, a as ot, b as oe, r as rt, e as it } from "../../refType-CUEs_vK5.js";
+import '../../assets/inter.css';import '../../assets/code-input.css';/* empty css                         */
+import { P as e, g as Ze, a as Je, c as ye, b as oe, l as Qe } from "../../createTheme-BoOmbNvy.js";
+import { g as et } from "../../index-h5oTv8GF.js";
+import { m as ve } from "../../memoTheme-BYBJ2Fe6.js";
+import { u as tt, c as ot, s as Ie } from "../../chainPropTypes-DgqFdXGi.js";
+import { u as Te, a as nt, r as rt, e as it } from "../../refType-CsohaiiT.js";
+import { u as ne } from "../../useEnhancedEffect-CJGo-L3B.js";
 import { o as ge, i as be } from "../../isHostComponent-Dm_U9uOy.js";
 import { getCodeInputLabel as at } from "./utils/get-code-input-label.js";
 import { slideDownAnimation as ee } from "./utils/slide-down-animate.js";
-import '../../assets/code-input.css';function st(n, r = 166) {
+function st(o, r = 166) {
   let i;
   function d(...s) {
     const y = () => {
-      n.apply(this, s);
+      o.apply(this, s);
     };
     clearTimeout(i), i = setTimeout(y, r);
   }
@@ -24,8 +26,8 @@ import '../../assets/code-input.css';function st(n, r = 166) {
     clearTimeout(i);
   }, d;
 }
-function P(n) {
-  return parseInt(n, 10) || 0;
+function P(o) {
+  return parseInt(o, 10) || 0;
 }
 const lt = {
   shadow: {
@@ -42,13 +44,13 @@ const lt = {
     transform: "translateZ(0)"
   }
 };
-function ut(n) {
-  for (const r in n)
+function ut(o) {
+  for (const r in o)
     return !1;
   return !0;
 }
-function we(n) {
-  return ut(n) || n.outerHeightStyle === 0 && !n.overflowing;
+function we(o) {
+  return ut(o) || o.outerHeightStyle === 0 && !o.overflowing;
 }
 const Oe = /* @__PURE__ */ h.forwardRef(function(r, i) {
   const {
@@ -61,8 +63,8 @@ const Oe = /* @__PURE__ */ h.forwardRef(function(r, i) {
   } = r, {
     current: b
   } = h.useRef(I != null), g = h.useRef(null), p = Te(i, g), w = h.useRef(null), O = h.useRef(null), S = h.useCallback(() => {
-    const t = g.current, o = O.current;
-    if (!t || !o)
+    const t = g.current, n = O.current;
+    if (!t || !n)
       return;
     const c = ge(t).getComputedStyle(t);
     if (c.width === "0px")
@@ -70,11 +72,11 @@ const Oe = /* @__PURE__ */ h.forwardRef(function(r, i) {
         outerHeightStyle: 0,
         overflowing: !1
       };
-    o.style.width = c.width, o.value = t.value || r.placeholder || "x", o.value.slice(-1) === `
-` && (o.value += " ");
-    const C = c.boxSizing, T = P(c.paddingBottom) + P(c.paddingTop), W = P(c.borderBottomWidth) + P(c.borderTopWidth), A = o.scrollHeight;
-    o.value = "x";
-    const M = o.scrollHeight;
+    n.style.width = c.width, n.value = t.value || r.placeholder || "x", n.value.slice(-1) === `
+` && (n.value += " ");
+    const C = c.boxSizing, T = P(c.paddingBottom) + P(c.paddingTop), W = P(c.borderBottomWidth) + P(c.borderTopWidth), A = n.scrollHeight;
+    n.value = "x";
+    const M = n.scrollHeight;
     let R = A;
     y && (R = Math.max(Number(y) * M, R)), s && (R = Math.min(Number(s) * M, R)), R = Math.max(R, M);
     const H = R + (C === "border-box" ? T + W : 0), j = Math.abs(R - A) <= 1;
@@ -82,41 +84,41 @@ const Oe = /* @__PURE__ */ h.forwardRef(function(r, i) {
       outerHeightStyle: H,
       overflowing: j
     };
-  }, [s, y, r.placeholder]), N = ot(() => {
-    const t = g.current, o = S();
-    if (!t || !o || we(o))
+  }, [s, y, r.placeholder]), N = nt(() => {
+    const t = g.current, n = S();
+    if (!t || !n || we(n))
       return !1;
-    const u = o.outerHeightStyle;
+    const u = n.outerHeightStyle;
     return w.current != null && w.current !== u;
-  }), k = h.useCallback(() => {
-    const t = g.current, o = S();
-    if (!t || !o || we(o))
+  }), x = h.useCallback(() => {
+    const t = g.current, n = S();
+    if (!t || !n || we(n))
       return;
-    const u = o.outerHeightStyle;
-    w.current !== u && (w.current = u, t.style.height = `${u}px`), t.style.overflow = o.overflowing ? "hidden" : "";
+    const u = n.outerHeightStyle;
+    w.current !== u && (w.current = u, t.style.height = `${u}px`), t.style.overflow = n.overflowing ? "hidden" : "";
   }, [S]), l = h.useRef(-1);
-  oe(() => {
-    const t = st(k), o = g?.current;
-    if (!o)
+  ne(() => {
+    const t = st(x), n = g?.current;
+    if (!n)
       return;
-    const u = ge(o);
+    const u = ge(n);
     u.addEventListener("resize", t);
     let c;
     return typeof ResizeObserver < "u" && (c = new ResizeObserver(() => {
-      N() && (c.unobserve(o), cancelAnimationFrame(l.current), k(), l.current = requestAnimationFrame(() => {
-        c.observe(o);
+      N() && (c.unobserve(n), cancelAnimationFrame(l.current), x(), l.current = requestAnimationFrame(() => {
+        c.observe(n);
       }));
-    }), c.observe(o)), () => {
+    }), c.observe(n)), () => {
       t.clear(), cancelAnimationFrame(l.current), u.removeEventListener("resize", t), c && c.disconnect();
     };
-  }, [S, k, N]), oe(() => {
-    k();
+  }, [S, x, N]), ne(() => {
+    x();
   });
   const a = (t) => {
-    b || k();
-    const o = t.target, u = o.value.length, c = o.value.endsWith(`
-`), C = o.selectionStart === u;
-    c && C && o.setSelectionRange(u, u), d && d(t);
+    b || x();
+    const n = t.target, u = n.value.length, c = n.value.endsWith(`
+`), C = n.selectionStart === u;
+    c && C && n.setSelectionRange(u, u), d && d(t);
   };
   return /* @__PURE__ */ te(h.Fragment, {
     children: [/* @__PURE__ */ D("textarea", {
@@ -177,39 +179,39 @@ process.env.NODE_ENV !== "production" && (Oe.propTypes = {
   value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
 });
 function ct({
-  props: n,
+  props: o,
   states: r,
   muiFormControl: i
 }) {
-  return r.reduce((d, s) => (d[s] = n[s], i && typeof n[s] > "u" && (d[s] = i[s]), d), {});
+  return r.reduce((d, s) => (d[s] = o[s], i && typeof o[s] > "u" && (d[s] = i[s]), d), {});
 }
 const ie = /* @__PURE__ */ h.createContext(void 0);
 process.env.NODE_ENV !== "production" && (ie.displayName = "FormControlContext");
 function dt() {
   return h.useContext(ie);
 }
-function Ce(n) {
-  return n != null && !(Array.isArray(n) && n.length === 0);
+function Ce(o) {
+  return o != null && !(Array.isArray(o) && o.length === 0);
 }
-function pt(n, r = !1) {
-  return n && (Ce(n.value) && n.value !== "" || r && Ce(n.defaultValue) && n.defaultValue !== "");
+function pt(o, r = !1) {
+  return o && (Ce(o.value) && o.value !== "" || r && Ce(o.defaultValue) && o.defaultValue !== "");
 }
-function ft(n) {
-  return Ze("MuiInputBase", n);
+function ft(o) {
+  return Ze("MuiInputBase", o);
 }
 const re = Je("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
 var Ee;
-const mt = (n, r) => {
+const mt = (o, r) => {
   const {
     ownerState: i
-  } = n;
-  return [r.root, i.formControl && r.formControl, i.startAdornment && r.adornedStart, i.endAdornment && r.adornedEnd, i.error && r.error, i.size === "small" && r.sizeSmall, i.multiline && r.multiline, i.color && r[`color${ne(i.color)}`], i.fullWidth && r.fullWidth, i.hiddenLabel && r.hiddenLabel];
-}, ht = (n, r) => {
+  } = o;
+  return [r.root, i.formControl && r.formControl, i.startAdornment && r.adornedStart, i.endAdornment && r.adornedEnd, i.error && r.error, i.size === "small" && r.sizeSmall, i.multiline && r.multiline, i.color && r[`color${oe(i.color)}`], i.fullWidth && r.fullWidth, i.hiddenLabel && r.hiddenLabel];
+}, ht = (o, r) => {
   const {
     ownerState: i
-  } = n;
+  } = o;
   return [r.input, i.size === "small" && r.inputSizeSmall, i.multiline && r.inputMultiline, i.type === "search" && r.inputTypeSearch, i.startAdornment && r.inputAdornedStart, i.endAdornment && r.inputAdornedEnd, i.hiddenLabel && r.inputHiddenLabel];
-}, yt = (n) => {
+}, yt = (o) => {
   const {
     classes: r,
     color: i,
@@ -225,20 +227,20 @@ const mt = (n, r) => {
     size: w,
     startAdornment: O,
     type: S
-  } = n, N = {
-    root: ["root", `color${ne(i)}`, d && "disabled", s && "error", z && "fullWidth", E && "focused", I && "formControl", w && w !== "medium" && `size${ne(w)}`, g && "multiline", O && "adornedStart", y && "adornedEnd", b && "hiddenLabel", p && "readOnly"],
+  } = o, N = {
+    root: ["root", `color${oe(i)}`, d && "disabled", s && "error", z && "fullWidth", E && "focused", I && "formControl", w && w !== "medium" && `size${oe(w)}`, g && "multiline", O && "adornedStart", y && "adornedEnd", b && "hiddenLabel", p && "readOnly"],
     input: ["input", d && "disabled", S === "search" && "inputTypeSearch", g && "inputMultiline", w === "small" && "inputSizeSmall", b && "inputHiddenLabel", O && "inputAdornedStart", y && "inputAdornedEnd", p && "readOnly"]
   };
-  return nt(N, ft, r);
+  return ot(N, ft, r);
 }, gt = Ie("div", {
   name: "MuiInputBase",
   slot: "Root",
   overridesResolver: mt
 })(ve(({
-  theme: n
+  theme: o
 }) => ({
-  ...n.typography.body1,
-  color: (n.vars || n).palette.text.primary,
+  ...o.typography.body1,
+  color: (o.vars || o).palette.text.primary,
   lineHeight: "1.4375em",
   // 23px
   boxSizing: "border-box",
@@ -248,7 +250,7 @@ const mt = (n, r) => {
   display: "inline-flex",
   alignItems: "center",
   [`&.${re.disabled}`]: {
-    color: (n.vars || n).palette.text.disabled,
+    color: (o.vars || o).palette.text.disabled,
     cursor: "default"
   },
   variants: [{
@@ -279,22 +281,22 @@ const mt = (n, r) => {
   slot: "Input",
   overridesResolver: ht
 })(ve(({
-  theme: n
+  theme: o
 }) => {
-  const r = n.palette.mode === "light", i = {
+  const r = o.palette.mode === "light", i = {
     color: "currentColor",
-    ...n.vars ? {
-      opacity: n.vars.opacity.inputPlaceholder
+    ...o.vars ? {
+      opacity: o.vars.opacity.inputPlaceholder
     } : {
       opacity: r ? 0.42 : 0.5
     },
-    transition: n.transitions.create("opacity", {
-      duration: n.transitions.duration.shorter
+    transition: o.transitions.create("opacity", {
+      duration: o.transitions.duration.shorter
     })
   }, d = {
     opacity: "0 !important"
-  }, s = n.vars ? {
-    opacity: n.vars.opacity.inputPlaceholder
+  }, s = o.vars ? {
+    opacity: o.vars.opacity.inputPlaceholder
   } : {
     opacity: r ? 0.42 : 0.5
   };
@@ -347,7 +349,7 @@ const mt = (n, r) => {
     [`&.${re.disabled}`]: {
       opacity: 1,
       // Reset iOS opacity
-      WebkitTextFillColor: (n.vars || n).palette.text.disabled
+      WebkitTextFillColor: (o.vars || o).palette.text.disabled
       // Fix opacity Safari bug
     },
     variants: [{
@@ -400,7 +402,7 @@ const mt = (n, r) => {
       display: "block"
     }
   }
-}), ke = /* @__PURE__ */ h.forwardRef(function(r, i) {
+}), xe = /* @__PURE__ */ h.forwardRef(function(r, i) {
   const d = tt({
     props: r,
     name: "MuiInputBase"
@@ -417,11 +419,11 @@ const mt = (n, r) => {
     disableInjectingGlobalStyles: O,
     endAdornment: S,
     error: N,
-    fullWidth: k = !1,
+    fullWidth: x = !1,
     id: l,
     inputComponent: a = "input",
     inputProps: t = {},
-    inputRef: o,
+    inputRef: n,
     margin: u,
     maxRows: c,
     minRows: C,
@@ -432,7 +434,7 @@ const mt = (n, r) => {
     onClick: R,
     onFocus: H,
     onKeyDown: j,
-    onKeyUp: xe,
+    onKeyUp: ke,
     placeholder: Ae,
     readOnly: K,
     renderSuffix: ae,
@@ -449,7 +451,7 @@ const mt = (n, r) => {
   } = h.useRef(V != null), F = h.useRef(), ze = h.useCallback((f) => {
     process.env.NODE_ENV !== "production" && f && f.nodeName !== "INPUT" && !f.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), Me = Te(F, o, t.ref, ze), [U, G] = h.useState(!1), m = dt();
+  }, []), Me = Te(F, n, t.ref, ze), [U, G] = h.useState(!1), m = dt();
   process.env.NODE_ENV !== "production" && h.useEffect(() => {
     if (m)
       return m.registerEffect();
@@ -465,7 +467,7 @@ const mt = (n, r) => {
   const $ = m && m.onFilled, Y = m && m.onEmpty, B = h.useCallback((f) => {
     pt(f) ? $ && $() : Y && Y();
   }, [$, Y]);
-  oe(() => {
+  ne(() => {
     q && B({
       value: V
     });
@@ -491,17 +493,17 @@ const mt = (n, r) => {
   const He = (f) => {
     F.current && f.currentTarget === f.target && F.current.focus(), R && R(f);
   };
-  let X = a, x = t;
-  T && X === "input" && (L ? (process.env.NODE_ENV !== "production" && (C || c) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), x = {
+  let X = a, k = t;
+  T && X === "input" && (L ? (process.env.NODE_ENV !== "production" && (C || c) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), k = {
     type: void 0,
     minRows: L,
     maxRows: L,
-    ...x
-  }) : x = {
+    ...k
+  }) : k = {
     type: void 0,
     maxRows: c,
     minRows: C,
-    ...x
+    ...k
   }, X = Oe);
   const Le = (f) => {
     B(f.animationName === "mui-auto-fill-cancel" ? F.current : {
@@ -519,15 +521,15 @@ const mt = (n, r) => {
     error: v.error,
     focused: v.focused,
     formControl: m,
-    fullWidth: k,
+    fullWidth: x,
     hiddenLabel: v.hiddenLabel,
     multiline: T,
     size: v.size,
     startAdornment: _,
     type: ue
   }, ce = yt(Z), de = le.root || b.Root || gt, J = se.root || g.root || {}, pe = le.input || b.Input || bt;
-  return x = {
-    ...x,
+  return k = {
+    ...k,
     ...se.input ?? g.input
   }, /* @__PURE__ */ te(h.Fragment, {
     children: [!O && typeof Se == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
@@ -562,18 +564,18 @@ const mt = (n, r) => {
           rows: L,
           value: V,
           onKeyDown: j,
-          onKeyUp: xe,
+          onKeyUp: ke,
           type: ue,
-          ...x,
+          ...k,
           ...!be(pe) && {
             as: X,
             ownerState: {
               ...Z,
-              ...x.ownerState
+              ...k.ownerState
             }
           },
           ref: Me,
-          className: ye(ce.input, x.className, K && "MuiInputBase-readOnly"),
+          className: ye(ce.input, k.className, K && "MuiInputBase-readOnly"),
           onBlur: _e,
           onChange: Be,
           onFocus: Fe
@@ -585,7 +587,7 @@ const mt = (n, r) => {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (ke.propTypes = {
+process.env.NODE_ENV !== "production" && (xe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -813,10 +815,10 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
    */
   value: e.any
 });
-const wt = "_codeInput_4y25h_1", Ct = "_codeInputItem_4y25h_5", Re = {
+const wt = "_codeInput_5jwux_1", Ct = "_codeInputItem_5jwux_5", Re = {
   codeInput: wt,
   codeInputItem: Ct
-}, Ft = (n) => {
+}, Bt = (o) => {
   const {
     className: r,
     autoFocus: i,
@@ -826,7 +828,7 @@ const wt = "_codeInput_4y25h_1", Ct = "_codeInputItem_4y25h_5", Re = {
     onChange: E,
     onComplete: I,
     locale: z = Xe
-  } = n, [b, g] = Ve(
+  } = o, [b, g] = Ve(
     d.split("").slice(0, s)
   ), p = Pe([]);
   he(() => {
@@ -844,10 +846,10 @@ const wt = "_codeInput_4y25h_1", Ct = "_codeInputItem_4y25h_5", Re = {
     const t = l.target.value;
     if (t && !Q.test(t))
       return;
-    const o = t.slice(-1), u = [...b];
-    u[a] = o, g(u), ee(p.current[a]);
+    const n = t.slice(-1), u = [...b];
+    u[a] = n, g(u), ee(p.current[a]);
     const c = u.join("");
-    E?.(c), o && a < s - 1 && queueMicrotask(() => p.current[a + 1]?.focus()), c.length === s && !o.includes("") && I?.(c);
+    E?.(c), n && a < s - 1 && queueMicrotask(() => p.current[a + 1]?.focus()), c.length === s && !n.includes("") && I?.(c);
   }, O = (l, a) => {
     if (l.key === qe) {
       if (!b[a] && a > 0) {
@@ -869,14 +871,14 @@ const wt = "_codeInput_4y25h_1", Ct = "_codeInputItem_4y25h_5", Re = {
       return;
     }
     if (l.key === $e) {
-      const t = b.findIndex((o) => !o);
+      const t = b.findIndex((n) => !n);
       queueMicrotask(t !== -1 ? () => p.current[t]?.focus() : () => p.current[a - 1]?.focus()), l.preventDefault();
     }
     if (Q.test(l.key)) {
       l.preventDefault();
-      const t = l.key, o = [...b];
-      o[a] = t, g(o), ee(p.current[a]);
-      const u = o.join("");
+      const t = l.key, n = [...b];
+      n[a] = t, g(n), ee(p.current[a]);
+      const u = n.join("");
       E?.(u), a < s - 1 && queueMicrotask(() => p.current[a + 1]?.focus()), u.length === s && !t.includes("") && I?.(u);
       return;
     }
@@ -886,26 +888,26 @@ const wt = "_codeInput_4y25h_1", Ct = "_codeInputItem_4y25h_5", Re = {
     const t = l.clipboardData.getData("text").trim().replace(Ke, "").slice(0, s);
     if (!t)
       return;
-    const o = [...b];
+    const n = [...b];
     t.split("").forEach((C, T) => {
-      T < s && (o[T] = C, ee(p.current[T]));
+      T < s && (n[T] = C, ee(p.current[T]));
     });
     for (let C = t.length; C < s; C++)
-      o[C] = "";
-    g(o);
-    const u = o.join("");
+      n[C] = "";
+    g(n);
+    const u = n.join("");
     E?.(u);
-    const c = o.findIndex(
+    const c = n.findIndex(
       (C, T) => T >= t.length && !C
     );
-    queueMicrotask(c !== -1 ? () => p.current[c]?.focus() : () => p.current[Math.min(t.length, s - 1)]?.focus()), u.length === s && !o.includes("") && I?.(u);
+    queueMicrotask(c !== -1 ? () => p.current[c]?.focus() : () => p.current[Math.min(t.length, s - 1)]?.focus()), u.length === s && !n.includes("") && I?.(u);
   }, N = (l) => {
     y || p.current[l]?.select();
-  }, k = (l) => {
+  }, x = (l) => {
     y || p.current[l]?.select();
   };
   return /* @__PURE__ */ D("div", { className: We(Re.codeInput, r), children: Array.from({ length: s }, (l, a) => /* @__PURE__ */ D(
-    ke,
+    xe,
     {
       className: Re.codeInputItem,
       inputRef: (t) => {
@@ -919,7 +921,7 @@ const wt = "_codeInput_4y25h_1", Ct = "_codeInputItem_4y25h_5", Re = {
       inputMode: "numeric",
       value: b[a] || "",
       disabled: y,
-      onSelect: () => k(a),
+      onSelect: () => x(a),
       onFocus: () => N(a),
       onChange: (t) => w(t, a),
       onKeyDown: (t) => O(t, a),
@@ -930,5 +932,5 @@ const wt = "_codeInput_4y25h_1", Ct = "_codeInputItem_4y25h_5", Re = {
   )) });
 };
 export {
-  Ft as CodeInput
+  Bt as CodeInput
 };

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

@@ -1,19 +1,20 @@
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
 import { c as p } from "../../../../index-YnD2EP-S.js";
-import { localizedText as m } from "../../locale.js";
-import { EN_LOCALE 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 '../../../../assets/error-upload-dialog.css';function O(t) {
-  return h("MuiDialogContentText", t);
+import { localizedText as d } from "../../locale.js";
+import { EN_LOCALE as T, DARK_THEME as u } from "../../../../constants.js";
+import '../../../../assets/inter.css';import '../../../../assets/error-upload-dialog.css';/* empty css                               */
+import { D as x } from "../../../../Dialog-BK9lMUKV.js";
+import { D as C, a as D, b as y } from "../../../../DialogTitle-ByUfLB5M.js";
+import * as h from "react";
+import { g as E, a as _, c as N, P as o } from "../../../../createTheme-BoOmbNvy.js";
+import { u as w, c as b, s as P, r as j } from "../../../../chainPropTypes-DgqFdXGi.js";
+import { T as k } from "../../../../Typography-BMyz0ZCh.js";
+import { B as M } from "../../../../Button-DTV8ztWw.js";
+function O(t) {
+  return E("MuiDialogContentText", t);
 }
-E("MuiDialogContentText", ["root"]);
-const U = (t) => {
+_("MuiDialogContentText", ["root"]);
+const R = (t) => {
   const {
     classes: r
   } = t, s = b({
@@ -24,28 +25,28 @@ const U = (t) => {
     // forward classes to the Typography
     ...s
   };
-}, M = P(v, {
+}, U = P(k, {
   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 = w({
     props: r,
     name: "MuiDialogContentText"
   }), {
-    children: n,
-    className: l,
-    ...i
-  } = s, c = U(i);
-  return /* @__PURE__ */ e(M, {
+    children: c,
+    className: n,
+    ...l
+  } = s, m = R(l);
+  return /* @__PURE__ */ e(U, {
     component: "p",
     variant: "body1",
     color: "textSecondary",
     ref: a,
-    ownerState: i,
-    className: N(c.root, l),
+    ownerState: l,
+    className: N(m.root, n),
     ...s,
-    classes: c
+    classes: m
   });
 });
 process.env.NODE_ENV !== "production" && (g.propTypes = {
@@ -70,31 +71,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_gmwe9_1", v = "_dark_gmwe9_4", A = "_dialogErrorText_gmwe9_8", i = {
+  dialog: S,
+  dark: v,
+  dialogErrorText: A
+}, Q = (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: p(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: d[s].error }),
+        /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(g, { className: p(i.dialogErrorText), children: r }) }),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(M, { onClick: a, children: d[s].back }) })
       ]
     }
   );
 };
 export {
-  I as ErrorUploadDialog
+  Q 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/photo-list/constants.d.ts

@@ -1 +1,5 @@
-export declare const MAX_ITEMS_COUNT = 7;
+export declare const DESKTOP_ITEM_SIZE = 80;
+export declare const DESKTOP_MIN_GAP = 12;
+export declare const MOBILE_ITEM_SIZE = 70;
+export declare const MOBILE_MIN_GAP = 8;
+export declare const FALLBACK_MAX_ITEMS = 7;

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

@@ -1,4 +1,8 @@
-const o = 7;
+const _ = 80, E = 12, I = 70, M = 8, o = 7;
 export {
-  o as MAX_ITEMS_COUNT
+  _ as DESKTOP_ITEM_SIZE,
+  E as DESKTOP_MIN_GAP,
+  o as FALLBACK_MAX_ITEMS,
+  I as MOBILE_ITEM_SIZE,
+  M as MOBILE_MIN_GAP
 };