@hai-dev/ui-kit 1.2.1 → 1.2.3

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

@@ -1,10 +1,10 @@
 import { jsxs as Ho, Fragment as Vo, jsx as A } from "react/jsx-runtime";
 import { useState as i, useRef as U } from "react";
-import { v as bo, D as ko } from "../../index-CcueJ2sD.js";
-import { c as zo } from "../../index-YnD2EP-S.js";
+import { convertToPercentCrop as bo, convertToPixelCrop as ko } from "react-image-crop";
+import zo from "classnames";
 import { localizedText as jo } from "./locale.js";
 import { EN_LOCALE as Wo, DARK_THEME as Bo } from "../../constants.js";
-import { DEFAULT_MIN_DIMENSION as Go, DEFAULT_ASPECT_RATIO as Xo, DEFAULT_TIMEOUT as Yo, DEFAULT_FILE_MAX_SIZE as Zo, DEFAULT_VIDEO_FILE_MAX_SIZE as Ko, DEFAULT_BASE_DIMENSION as qo, FULL_PROGRESS_VALUE as oo, PHOTO_LOADING_DELAY as Jo, RESET_DATA_DELAY as d } from "./constants.js";
+import { DEFAULT_MIN_DIMENSION as Go, DEFAULT_ASPECT_RATIO as Xo, DEFAULT_TIMEOUT as Yo, DEFAULT_FILE_MAX_SIZE as Zo, DEFAULT_VIDEO_FILE_MAX_SIZE as Ko, DEFAULT_BASE_DIMENSION as qo, FULL_PROGRESS_VALUE as oo, PHOTO_LOADING_DELAY as Jo, RESET_DATA_DELAY as C } from "./constants.js";
 import { UploadDialog as Qo } from "./components/upload-dialog/upload-dialog.js";
 import { UploadButton as $o } from "./components/upload-button/upload-button.js";
 import { ErrorUploadDialog as oe } from "./components/error-upload-dialog/error-upload-dialog.js";
@@ -37,7 +37,7 @@ function Te(a) {
     },
     showErrorPopup: mo = !1,
     minDimension: l = Go,
-    aspectRatio: C = Xo,
+    aspectRatio: f = Xo,
     locale: n = Wo,
     timeout: y = Yo,
     fileMaxSize: N = Zo,
@@ -61,48 +61,48 @@ function Te(a) {
     onEndCrop: se,
     onClose: ae,
     ..._o
-  } = Lo, [To, g] = i(!1), [P, D] = i([]), [I, x] = i([]), f = U([]), h = U([]), [p, W] = i(0), B = U(null), G = U(null), [c, O] = i(!1), [Ao, X] = i(0), [Y, Z] = i(""), [Uo, S] = i([]), [wo, K] = i(!1), vo = To || c && E, Io = () => {
+  } = Lo, [To, g] = i(!1), [P, D] = i([]), [x, I] = i([]), h = U([]), m = U([]), [p, W] = i(0), B = U(null), G = U(null), [c, O] = i(!1), [Ao, X] = i(0), [Y, Z] = i(""), [Uo, S] = i([]), [wo, K] = i(!1), vo = To || c && E, xo = () => {
     S([]);
   }, F = (e = []) => {
     c || (a.returnCropParams === !0 && a.onClose?.(
       e,
-      f.current,
-      h.current
-    ), g(!1), setTimeout(() => S([]), d), setTimeout(() => D([]), d), setTimeout(() => {
-      f.current = [], h.current = [];
-    }, d));
+      h.current,
+      m.current
+    ), g(!1), setTimeout(() => S([]), C), setTimeout(() => D([]), C), setTimeout(() => {
+      h.current = [], m.current = [];
+    }, C));
   }, R = (e = []) => {
     c || (a.returnCropParams || a.onClose?.(
       e,
-      f.current,
-      h.current
-    ), g(!1), setTimeout(() => S([]), d), setTimeout(() => D([]), d), setTimeout(() => {
-      f.current = [], h.current = [];
-    }, d));
+      h.current,
+      m.current
+    ), g(!1), setTimeout(() => S([]), C), setTimeout(() => D([]), C), setTimeout(() => {
+      h.current = [], m.current = [];
+    }, C));
   }, q = () => {
     c || (a.returnCropParams === !0 ? F([]) : R([]));
-  }, xo = () => {
+  }, Io = () => {
     K(!1);
   }, L = (e, t = e, o = [], r = !1) => {
-    lo(e), Z(""), D(e), x(Array(e.length)), W(0), g(!0), f.current = t, h.current = o, !e.length && !r && q();
+    lo(e), Z(""), D(e), I(Array(e.length)), W(0), g(!0), h.current = t, m.current = o, !e.length && !r && q();
   }, M = (e) => {
-    e instanceof Error && (console.warn(e.message), co(e), Z(e.message), K(!0), D([]), g(!1), f.current = [], h.current = []);
+    e instanceof Error && (console.warn(e.message), co(e), Z(e.message), K(!0), D([]), g(!1), h.current = [], m.current = []);
   }, Oo = async (e) => {
     const { files: t } = e.target;
     if (t?.length && !c)
       try {
         if (O(!0), io(), E) {
           const o = Array.from(t), r = oo / o.length, _ = [], u = [], Q = [], T = [];
-          for (const m of o) {
-            const No = eo(m);
+          for (const d of o) {
+            const No = eo(d);
             try {
               if (v && No) {
-                to(m, H, n);
-                const s = URL.createObjectURL(m);
+                to(d, H, n);
+                const s = URL.createObjectURL(d);
                 Q.push(u.length), u.push(s);
               } else {
                 ro(
-                  m,
+                  d,
                   {
                     maxSize: N,
                     allowedExtensions: w,
@@ -111,17 +111,18 @@ function Te(a) {
                   n
                 );
                 const s = await no(
-                  m,
+                  d,
                   l,
                   n,
-                  y
+                  y,
+                  f
                 );
                 _.push(s), u.push(s);
               }
             } catch (s) {
               let $ = "";
               s instanceof Error && ($ = s.message), T.push({
-                photoName: m.name,
+                photoName: d.name,
                 errorMessage: $
               });
             }
@@ -144,7 +145,13 @@ function Te(a) {
               { maxSize: N, allowedExtensions: w, allowedMimeTypes: V },
               n
             );
-            const r = await no(o, l, n, y);
+            const r = await no(
+              o,
+              l,
+              n,
+              y,
+              f
+            );
             L([r]);
           }
         }
@@ -160,24 +167,24 @@ function Te(a) {
       t,
       o,
       l,
-      C,
+      f,
       !1,
       So
     );
-    x((_) => {
+    I((_) => {
       const u = [..._];
       return u[p] = r, u;
     });
   }, Ro = (e, t) => {
-    x((o) => {
+    I((o) => {
       const r = [...o];
       return r[p] = t, r;
     });
   }, J = () => {
     const e = G.current, t = B.current;
-    if (e && t && I)
+    if (e && t && x)
       try {
-        const o = I[p];
+        const o = x[p];
         if (!o) return !1;
         if (po(), a.returnCropParams === !0) {
           if (b) {
@@ -222,7 +229,7 @@ function Te(a) {
             (o) => so(
               o,
               l,
-              C,
+              f,
               n,
               !0,
               b
@@ -236,7 +243,7 @@ function Te(a) {
             (o) => so(
               o,
               l,
-              C,
+              f,
               n,
               !1
             )
@@ -279,11 +286,11 @@ function Te(a) {
         photoSourceLoading: c,
         loadingValue: Ao,
         errors: Uo,
-        photoCrops: I,
+        photoCrops: x,
         photoSources: P,
         onNextPhoto: Mo,
         onSkipCrop: yo,
-        onClearErrors: Io,
+        onClearErrors: xo,
         photoError: Y,
         onCloseDialogHandler: q,
         onCropChange: Ro,
@@ -291,7 +298,7 @@ function Te(a) {
         onPhotoLoad: Fo,
         imageRef: B,
         minDimension: l,
-        aspectRatio: C,
+        aspectRatio: f,
         locale: n,
         circular: Co,
         keepSelection: go,
@@ -305,7 +312,7 @@ function Te(a) {
         className: z,
         open: mo && wo,
         photoError: Y,
-        onCloseErrorDialog: xo,
+        onCloseErrorDialog: Io,
         locale: n,
         theme: j
       }

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

@@ -1,16 +1,16 @@
-import { D as w } from "../../../index-CcueJ2sD.js";
+import { convertToPixelCrop as w } from "react-image-crop";
 import { localizedText as m } from "../locale.js";
-import { EN_LOCALE as E } from "../../../constants.js";
-import { PHOTO_CANVAS_CONTEXT as x } from "../constants.js";
-const L = (o, d, s, n = E) => new Promise((p, i) => {
+import { EN_LOCALE as x } from "../../../constants.js";
+import { PHOTO_CANVAS_CONTEXT as C } from "../constants.js";
+const u = (o, d, p, n = x) => new Promise((s, i) => {
   const r = new Image();
   r.src = d, r.addEventListener("load", () => {
-    const { width: e, height: c } = o, { naturalWidth: g, naturalHeight: h } = r, a = o.getContext(x);
+    const { width: e, height: c } = o, { naturalWidth: g, naturalHeight: h } = r, a = o.getContext(C);
     if (!a) {
       i(new Error(m[n]["canvas-error"]));
       return;
     }
-    const t = w(s, g, h);
+    const t = w(p, g, h);
     a.drawImage(
       r,
       t.x,
@@ -21,12 +21,12 @@ const L = (o, d, s, n = E) => new Promise((p, i) => {
       0,
       e,
       c
-    ), p();
+    ), s();
   }), r.addEventListener("error", () => {
     const e = new Error(m[n]["paint-error"]);
     i(e);
   });
 });
 export {
-  L as drawCroppedImage
+  u as drawCroppedImage
 };

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

@@ -1,15 +1,15 @@
-import { D as w } from "../../../index-CcueJ2sD.js";
-import { localizedText as x } from "../locale.js";
+import { convertToPixelCrop as x } from "react-image-crop";
+import { localizedText as w } 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";
-const H = (c, o, d, m = O) => {
-  const t = o.getContext(f);
+import { PHOTO_CANVAS_CONTEXT as T, PHOTO_SMOOTHING_QUALITY as f } from "../constants.js";
+const H = (c, o, p, d = O) => {
+  const t = o.getContext(T);
   if (!t)
-    throw new Error(x[m]["canvas-error"]);
-  const { width: l, height: n, naturalWidth: i, naturalHeight: a } = c, r = w(d, l, n), e = window.devicePixelRatio, h = i / l, s = a / n;
-  o.width = Math.floor(r.width * h * e), o.height = Math.floor(r.height * s * e), t.scale(e, e), t.imageSmoothingQuality = T, t.save();
-  const p = r.x * h, g = r.y * s;
-  return t.translate(-p, -g), t.drawImage(
+    throw new Error(w[d]["canvas-error"]);
+  const { width: l, height: n, naturalWidth: i, naturalHeight: a } = c, r = x(p, l, n), e = window.devicePixelRatio, h = i / l, s = a / n;
+  o.width = Math.floor(r.width * h * e), o.height = Math.floor(r.height * s * e), t.scale(e, e), t.imageSmoothingQuality = f, t.save();
+  const m = r.x * h, g = r.y * s;
+  return t.translate(-m, -g), t.drawImage(
     c,
     0,
     0,

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

@@ -1,14 +1,14 @@
-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 E } from "../locale.js";
-function L(a, i, m, n, s, d) {
+import { convertToPercentCrop as C, convertToPixelCrop as P } from "react-image-crop";
+import { getPhotoCrop as g } from "./get-photo-crop.js";
+import { getCroppedSource as v } from "./get-cropped-source.js";
+import { localizedText as l } from "../locale.js";
+function D(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: e } = o;
       try {
-        const t = w(
+        const t = g(
           r,
           e,
           i,
@@ -16,11 +16,11 @@ function L(a, i, m, n, s, d) {
           !0
         );
         if (s) {
-          const u = d ? g(t, r, e) : v(t, r, e);
+          const u = d ? C(t, r, e) : P(t, r, e);
           c(u);
           return;
         }
-        const f = C(
+        const f = v(
           o,
           h,
           t,
@@ -31,11 +31,11 @@ function L(a, i, m, n, s, d) {
         p(t);
       }
     }), o.addEventListener("error", () => {
-      const r = new Error(E[n]["paint-error"]);
+      const r = new Error(l[n]["paint-error"]);
       p(r);
     });
   });
 }
 export {
-  L as getDefaultCroppedPhoto
+  D as getDefaultCroppedPhoto
 };

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

@@ -1,35 +1,35 @@
-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 = _(
+import { makeAspectCrop as C, centerCrop as A } from "react-image-crop";
+import { DEFAULT_MIN_DIMENSION as N, DEFAULT_ASPECT_RATIO as L, PERCENT_UNIT as I, FULL_CROP_SIZE as t } from "../constants.js";
+const s = (r, c, E = N, p = L, _ = !1, o) => {
+  const n = r / c / p, P = E / r * t, T = E / c * t;
+  let e;
+  return o && o >= P && o >= T ? n <= 1 ? e = C(
     {
-      unit: t,
+      unit: I,
       width: o
     },
-    I,
+    p,
     r,
     c
-  ) : p = _(
+  ) : e = C(
     {
-      unit: t,
+      unit: I,
       height: o
     },
-    I,
+    p,
     r,
     c
-  ) : p = _(
+  ) : e = C(
     {
-      unit: t,
-      width: P ? E : T,
-      height: P ? E : e
+      unit: I,
+      width: _ ? t : P,
+      height: _ ? t : T
     },
-    I,
+    p,
     r,
     c
-  ), N(p, r, c);
+  ), A(e, r, c);
 };
 export {
-  M as getPhotoCrop
+  s as getPhotoCrop
 };

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

@@ -1,3 +1,3 @@
 import { Locale } from '../../../types';
 import { PhotoDataUrl } from '../types';
-export declare const readPhoto: (file: File, minDimension?: number, locale?: Locale, timeout?: number) => Promise<PhotoDataUrl>;
+export declare const readPhoto: (file: File, minDimension?: number, locale?: Locale, timeout?: number, aspectRatio?: number) => Promise<PhotoDataUrl>;

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

@@ -1,54 +1,54 @@
-import { localizedText as s } from "../locale.js";
+import { localizedText as E } from "../locale.js";
 import { EN_LOCALE as c } from "../../../constants.js";
-import { DEFAULT_MIN_DIMENSION as p, DEFAULT_TIMEOUT as A, MS_UNIT as _, MAX_ASPECT_RATIO as w, MIN_ASPECT_RATIO as l } from "../constants.js";
-import { PhotoSizeError as v } from "../errors/photo-size.error.js";
-const S = async (L, d = p, o = c, T = A) => new Promise(
-  (m, e) => {
-    const t = new FileReader();
+import { DEFAULT_MIN_DIMENSION as h, DEFAULT_TIMEOUT as w, DEFAULT_ASPECT_RATIO as M, MS_UNIT as g, MAX_ASPECT_RATIO as v, MIN_ASPECT_RATIO as S } from "../constants.js";
+import { PhotoSizeError as U } from "../errors/photo-size.error.js";
+const p = async (m, a = h, o = c, A = w, d = M) => new Promise(
+  (f, t) => {
+    const e = new FileReader();
     let r = !1;
-    const E = setTimeout(() => {
-      r || (r = !0, t.abort(), e(
+    const u = setTimeout(() => {
+      r || (r = !0, e.abort(), t(
         new Error(
-          `${s[o]["timeout-error"]}: ${T}${_}`
+          `${E[o]["timeout-error"]}: ${A}${g}`
         )
       ));
-    }, T);
-    t.addEventListener("load", () => {
+    }, A);
+    e.addEventListener("load", () => {
       if (r) return;
-      r = !0, clearTimeout(E);
-      const a = t.result?.toString() || "";
-      if (!a) {
-        m("");
+      r = !0, clearTimeout(u);
+      const i = e.result?.toString() || "";
+      if (!i) {
+        f("");
         return;
       }
-      const i = new Image();
-      i.src = a, i.addEventListener("load", () => {
-        const { naturalWidth: n, naturalHeight: f } = i, I = f / n;
-        if (n < d || f < d) {
-          const u = v.get(d, o);
-          e(u);
-        } else if (I > w || I < l) {
-          const u = new Error(s[o].aspect);
-          e(u);
+      const s = new Image();
+      s.src = i, s.addEventListener("load", () => {
+        const { naturalWidth: n, naturalHeight: I } = s, L = I / n, _ = d >= 1 ? Math.ceil(a * d) : a, l = d >= 1 ? a : Math.ceil(a / d);
+        if (n < _ || I < l) {
+          const T = U.get(a, o, d);
+          t(T);
+        } else if (L > v || L < S) {
+          const T = new Error(E[o].aspect);
+          t(T);
         } else
-          m(a);
-      }), i.addEventListener("error", () => {
-        const n = new Error(s[o]["paint-error"]);
-        e(n);
-      }), i.addEventListener("abort", () => {
-        const n = new Error(s[o]["read-abort"]);
-        e(n);
+          f(i);
+      }), s.addEventListener("error", () => {
+        const n = new Error(E[o]["paint-error"]);
+        t(n);
+      }), s.addEventListener("abort", () => {
+        const n = new Error(E[o]["read-abort"]);
+        t(n);
       });
-    }), t.addEventListener("error", () => {
-      r || (r = !0, clearTimeout(E), e(t.error));
-    }), t.addEventListener("abort", () => {
+    }), e.addEventListener("error", () => {
+      r || (r = !0, clearTimeout(u), t(e.error));
+    }), e.addEventListener("abort", () => {
       if (r) return;
-      r = !0, clearTimeout(E);
-      const a = new Error(s[o]["paint-abort"]);
-      e(a);
-    }), t.readAsDataURL(L);
+      r = !0, clearTimeout(u);
+      const i = new Error(E[o]["paint-abort"]);
+      t(i);
+    }), e.readAsDataURL(m);
   }
 );
 export {
-  S as readPhoto
+  p as readPhoto
 };

package/dist/raw-cross-BhC4FBfp.js

@@ -0,0 +1,4 @@
+const s = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.27623%200.391122C1.75553%20-0.129577%200.911316%20-0.129578%200.390616%200.391122C-0.130083%200.911821%20-0.130083%201.75604%200.390616%202.27674L6.04747%207.93359L0.390616%2013.5904C-0.130083%2014.1111%20-0.130083%2014.9554%200.390616%2015.4761C0.911316%2015.9968%201.75553%2015.9968%202.27623%2015.4761L7.93309%209.81921L13.5899%2015.4761C14.1106%2015.9968%2014.9549%2015.9968%2015.4756%2015.4761C15.9963%2014.9554%2015.9963%2014.1111%2015.4756%2013.5904L9.81871%207.93359L15.4756%202.27674C15.9963%201.75604%2015.9963%200.911822%2015.4756%200.391122C14.9549%20-0.129577%2014.1106%20-0.129578%2013.5899%200.391123L7.93309%206.04798L2.27623%200.391122Z'%20fill='%233AA8FF'/%3e%3c/svg%3e";
+export {
+  s as c
+};

package/dist/upload-dialog-errors-BIwMA_MN.js

@@ -0,0 +1,89 @@
+import { jsxs as l, Fragment as i, jsx as o } from "react/jsx-runtime";
+import { DialogActions as d, IconButton as v, DialogTitle as h, DialogContent as N, Divider as C } from "@mui/material";
+import t from "classnames";
+import { localizedText as r } from "./components/photo-crop-uploader/locale.js";
+import { EN_LOCALE as f, DASH_SYMBOL as A } from "./constants.js";
+import { c as x } from "./raw-cross-BhC4FBfp.js";
+import { Button as _ } from "./components/button/button.js";
+import './assets/upload-dialog-errors.css';const D = "_dialog_1v8d5_1", k = "_dark_1v8d5_5", I = "_errorContent_1v8d5_9", B = "_errorItem_1v8d5_61", S = "_fileName_1v8d5_68", T = "_topActions_1v8d5_71", W = "_close_1v8d5_77", y = "_botActions_1v8d5_85", E = "_button_1v8d5_91", z = "_title_1v8d5_96", L = "_content_1v8d5_103", j = "_many_1v8d5_125", H = "_cropWrapper_1v8d5_129", O = "_crop_1v8d5_129", U = "_dialogText_1v8d5_198", e = {
+  dialog: D,
+  dark: k,
+  errorContent: I,
+  errorItem: B,
+  fileName: S,
+  topActions: T,
+  close: W,
+  botActions: y,
+  button: E,
+  title: z,
+  content: L,
+  many: j,
+  cropWrapper: H,
+  crop: O,
+  dialogText: U
+}, G = (m) => {
+  const {
+    photoSources: c,
+    errors: p = [],
+    onCloseDialogHandler: s,
+    onClearErrors: u,
+    locale: n = f
+  } = m;
+  return /* @__PURE__ */ l(i, { children: [
+    /* @__PURE__ */ o(d, { className: t(e.topActions), children: /* @__PURE__ */ o(
+      v,
+      {
+        onClick: s,
+        className: t(e.close),
+        "aria-label": r[n].close,
+        children: /* @__PURE__ */ o(
+          "img",
+          {
+            draggable: !1,
+            src: x,
+            alt: r[n].close
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ o(h, { className: t(e.title), children: c.length ? r[n]["some-not-uploaded"] : r[n]["not-uploaded"] }),
+    /* @__PURE__ */ o(N, { className: t(e.errorContent), children: p.map(({ photoName: b, errorMessage: g }, a) => /* @__PURE__ */ l(i, { children: [
+      !!a && /* @__PURE__ */ o(C, {}),
+      /* @__PURE__ */ l("div", { className: t(e.errorItem), children: [
+        /* @__PURE__ */ o("span", { className: t(e.fileName), children: b }),
+        " ",
+        ` ${A} ${g}`
+      ] })
+    ] }, a)) }),
+    /* @__PURE__ */ l(d, { className: t(e.botActions), children: [
+      /* @__PURE__ */ o(
+        _,
+        {
+          buttonSize: "small",
+          buttonColor: "red",
+          buttonVariant: "outlined",
+          buttonWeight: 500,
+          onClick: s,
+          className: t(e.button),
+          children: r[n].close
+        }
+      ),
+      !!c.length && /* @__PURE__ */ o(
+        _,
+        {
+          buttonSize: "small",
+          buttonColor: "blue",
+          buttonVariant: "outlined",
+          buttonWeight: 500,
+          onClick: u,
+          className: t(e.button),
+          children: r[n].continue
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  G as U,
+  e as s
+};

package/package.json

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

package/dist/Box-BgNAyP2L.js

@@ -1,56 +0,0 @@
-import { s as i, d as p, c as h, a as T, C as y, T as B, e as N, P as e } from "./createTheme-BoOmbNvy.js";
-import * as C from "react";
-import { jsx as b } from "react/jsx-runtime";
-import { u as g, e as v } from "./extendSxProp-BaUCVMKV.js";
-function E(n = {}) {
-  const {
-    themeId: t,
-    defaultTheme: c,
-    defaultClassName: a = "MuiBox-root",
-    generateClassName: r
-  } = n, m = i("div", {
-    shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
-  })(p);
-  return /* @__PURE__ */ C.forwardRef(function(l, d) {
-    const s = g(c), {
-      className: f,
-      component: u = "div",
-      ...x
-    } = v(l);
-    return /* @__PURE__ */ b(m, {
-      as: u,
-      ref: d,
-      className: h(f, r ? r(a) : a),
-      theme: t && s[t] || s,
-      ...x
-    });
-  });
-}
-const O = T("MuiBox", ["root"]), P = N(), j = E({
-  themeId: B,
-  defaultTheme: P,
-  defaultClassName: O.root,
-  generateClassName: y.generate
-});
-process.env.NODE_ENV !== "production" && (j.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: e.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-export {
-  j as B
-};