@hai-dev/ui-kit 1.0.2 → 1.0.4

package/dist/assets/photo-list.css

@@ -0,0 +1 @@
+._photoList_rrp1z_1{display:flex;flex-direction:column;margin-left:12px}._photoList_rrp1z_1 ._item_rrp1z_6{width:80px;height:80px;border-radius:12px;background-color:#f2f3f5;display:flex;align-items:center;justify-content:center;text-align:center;color:#303030}._photoList_rrp1z_1 ._item_rrp1z_6._image_rrp1z_17{object-fit:cover;object-position:center}._photoList_rrp1z_1 ._item_rrp1z_6+._item_rrp1z_6{margin-top:16px}

package/dist/assets/upload-dialog.css

@@ -1 +1 @@
-._dialog_wdj3q_1 .MuiPaper-root{border-radius:24px;padding:48px;max-width:100%}._dialog_wdj3q_1 .MuiPaper-root ._topActions_wdj3q_6{position:absolute;right:0;top:0;padding:32px}._dialog_wdj3q_1 .MuiPaper-root ._topActions_wdj3q_6 ._close_wdj3q_12{width:40px;height:40px}._dialog_wdj3q_1 .MuiPaper-root ._botActions_wdj3q_16{padding:0}._dialog_wdj3q_1 .MuiPaper-root ._botActions_wdj3q_16 ._button_wdj3q_19{text-transform:none}._dialog_wdj3q_1 .MuiPaper-root ._title_wdj3q_22{padding:0;font-weight:600;font-size:32px;line-height:100%}._dialog_wdj3q_1 .MuiPaper-root ._content_wdj3q_28{margin:32px 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:718px}._dialog_wdj3q_1 .MuiPaper-root ._content_wdj3q_28 ._crop_wdj3q_36{max-height:670px}._dialog_wdj3q_1 .MuiPaper-root ._content_wdj3q_28 ._crop_wdj3q_36 .ReactCrop__child-wrapper,._dialog_wdj3q_1 .MuiPaper-root ._content_wdj3q_28 ._crop_wdj3q_36 .ReactCrop__crop-mask{border-radius:12px}._dialog_wdj3q_1 .MuiPaper-root ._dialogText_wdj3q_45{color:#e2402fe0}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
+._dialog_1d9zm_1 .MuiPaper-root{border-radius:24px;padding:48px;min-width:840px;max-width:100%}._dialog_1d9zm_1 .MuiPaper-root ._topActions_1d9zm_7{position:absolute;right:0;top:0;padding:32px}._dialog_1d9zm_1 .MuiPaper-root ._topActions_1d9zm_7 ._close_1d9zm_13{width:40px;height:40px}._dialog_1d9zm_1 .MuiPaper-root ._botActions_1d9zm_17{padding:0;display:flex;justify-content:space-between}._dialog_1d9zm_1 .MuiPaper-root ._botActions_1d9zm_17 ._button_1d9zm_22{width:100%;text-transform:none}._dialog_1d9zm_1 .MuiPaper-root ._title_1d9zm_26{padding:0;font-weight:600;font-size:32px;line-height:100%}._dialog_1d9zm_1 .MuiPaper-root ._content_1d9zm_32{margin:32px 0 24px;padding-bottom:0;display:flex;align-items:center;justify-content:center;overflow:visible}._dialog_1d9zm_1 .MuiPaper-root ._content_1d9zm_32._many_1d9zm_40{justify-content:space-between}._dialog_1d9zm_1 .MuiPaper-root ._content_1d9zm_32 ._photoList_1d9zm_43{display:flex;flex-direction:column}._dialog_1d9zm_1 .MuiPaper-root ._content_1d9zm_32 ._crop_1d9zm_47{max-height:670px}._dialog_1d9zm_1 .MuiPaper-root ._content_1d9zm_32 ._crop_1d9zm_47 .ReactCrop__child-wrapper,._dialog_1d9zm_1 .MuiPaper-root ._content_1d9zm_32 ._crop_1d9zm_47 .ReactCrop__crop-mask{border-radius:12px}._dialog_1d9zm_1 .MuiPaper-root ._dialogText_1d9zm_56{color:#e2402fe0}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}

package/dist/components/button/button.js

@@ -3,7 +3,7 @@ import { c as U } from "../../index-B2JRaoNz.js";
 import { ButtonContent as a } from "./button-content.js";
 import { BUTTON_COLOR_GRAY as h, BUTTON_SIZE_DEFAULT as I, BUTTON_VARIANT_OUTLINED as x, MIN_WIDTH_DEFAULT as C, BUTTON_WEIGHT_MEDIUM as E } from "./constants.js";
 import { s as A } from "../../button.module-BZPPmSAS.js";
-import { B as D } from "../../ButtonBase-Bw_3RZmN.js";
+import { B as D } from "../../ButtonBase-CXGZ-DBC.js";
 import { getButtonClassnames as L } from "./utils/get-button-classnames.js";
 const F = (m) => {
   const {

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

@@ -1,34 +1,98 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { c as a } from "../../../../index-B2JRaoNz.js";
-import { localizedText as i } from "../../locale.js";
-import { EN_LOCALE as g } from "../../../../constants.js";
-import { D as m, a as p, b as x, c as E, d as D } from "../../../../DialogTitle-iOQ7wKEt.js";
-import { B as h } from "../../../../Button-0AB7oP6Y.js";
-import '../../../../assets/error-upload-dialog.css';const T = "_dialog_lyvu5_1", _ = "_dialogErrorText_lyvu5_1", t = {
-  dialog: T,
-  dialogErrorText: _
-}, j = (s) => {
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { c as p } from "../../../../index-B2JRaoNz.js";
+import { localizedText as d } from "../../locale.js";
+import { EN_LOCALE as f } from "../../../../constants.js";
+import { T as x, D as T, a as C, b as y, c as D } from "../../../../DialogTitle-KN1sayHD.js";
+import * as h from "react";
+import { g as E, a as N, b, P as o } from "../../../../createTheme-DSHGFfg6.js";
+import { u as _, s as P, c as j, r as v } from "../../../../ButtonBase-CXGZ-DBC.js";
+import { B as w } from "../../../../Button-DDlVTM6i.js";
+import '../../../../assets/error-upload-dialog.css';function O(s) {
+  return E("MuiDialogContentText", s);
+}
+N("MuiDialogContentText", ["root"]);
+const U = (s) => {
+  const {
+    classes: e
+  } = s, t = j({
+    root: ["root"]
+  }, O, e);
+  return {
+    ...e,
+    // forward classes to the Typography
+    ...t
+  };
+}, M = P(x, {
+  shouldForwardProp: (s) => v(s) || s === "classes",
+  name: "MuiDialogContentText",
+  slot: "Root"
+})({}), m = /* @__PURE__ */ h.forwardRef(function(e, a) {
+  const t = _({
+    props: e,
+    name: "MuiDialogContentText"
+  }), {
+    children: n,
+    className: l,
+    ...i
+  } = t, c = U(i);
+  return /* @__PURE__ */ r(M, {
+    component: "p",
+    variant: "body1",
+    color: "textSecondary",
+    ref: a,
+    ownerState: i,
+    className: b(c.root, l),
+    ...t,
+    classes: c
+  });
+});
+process.env.NODE_ENV !== "production" && (m.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+const R = "_dialog_lyvu5_1", S = "_dialogErrorText_lyvu5_1", g = {
+  dialog: R,
+  dialogErrorText: S
+}, G = (s) => {
   const {
     photoError: e,
-    onCloseErrorDialog: r,
-    locale: l = g,
-    className: c,
-    ...n
+    onCloseErrorDialog: a,
+    locale: t = f,
+    className: n,
+    ...l
   } = s;
-  return /* @__PURE__ */ d(
-    m,
+  return /* @__PURE__ */ u(
+    T,
     {
-      className: a(t.dialog, c),
-      onClose: r,
-      ...n,
+      className: p(g.dialog, n),
+      onClose: a,
+      ...l,
       children: [
-        /* @__PURE__ */ o(p, { children: i[l].error }),
-        /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(E, { className: a(t.dialogErrorText), children: e }) }),
-        /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(h, { onClick: r, children: i[l].back }) })
+        /* @__PURE__ */ r(C, { children: d[t].error }),
+        /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(m, { className: p(g.dialogErrorText), children: e }) }),
+        /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(w, { onClick: a, children: d[t].back }) })
       ]
     }
   );
 };
 export {
-  j as ErrorUploadDialog
+  G as ErrorUploadDialog
 };

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

@@ -0,0 +1 @@
+export declare const MAX_ITEMS_COUNT = 7;

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

@@ -0,0 +1,4 @@
+const o = 7;
+export {
+  o as MAX_ITEMS_COUNT
+};

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

@@ -0,0 +1 @@
+export { PhotoList } from './photo-list';

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

@@ -0,0 +1,4 @@
+import { PhotoList as r } from "./photo-list.js";
+export {
+  r as PhotoList
+};

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

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

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

@@ -0,0 +1,88 @@
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
+import { c as n } from "../../../../index-B2JRaoNz.js";
+import { MAX_ITEMS_COUNT as u } from "./constants.js";
+import { s as y, f as C, b as B, a as b, C as L, h as P, j, P as e } from "../../../../createTheme-DSHGFfg6.js";
+import * as v from "react";
+import { u as E, e as I } from "../../../../extendSxProp-CzeED7BH.js";
+import '../../../../assets/photo-list.css';function M(l = {}) {
+  const {
+    themeId: m,
+    defaultTheme: p,
+    defaultClassName: a = "MuiBox-root",
+    generateClassName: r
+  } = l, s = y("div", {
+    shouldForwardProp: (c) => c !== "theme" && c !== "sx" && c !== "as"
+  })(C);
+  return /* @__PURE__ */ v.forwardRef(function(x, N) {
+    const h = E(p), {
+      className: g,
+      component: _ = "div",
+      ...T
+    } = I(x);
+    return /* @__PURE__ */ i(s, {
+      as: _,
+      ref: N,
+      className: B(g, r ? r(a) : a),
+      theme: m && h[m] || h,
+      ...T
+    });
+  });
+}
+const O = b("MuiBox", ["root"]), S = j(), d = M({
+  themeId: P,
+  defaultTheme: S,
+  defaultClassName: O.root,
+  generateClassName: L.generate
+});
+process.env.NODE_ENV !== "production" && (d.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: 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])
+});
+const z = "_photoList_rrp1z_1", R = "_item_rrp1z_6", q = "_image_rrp1z_17", o = {
+  photoList: z,
+  item: R,
+  image: q
+}, G = (l) => {
+  const { photoSources: m, photoIndex: p, className: a, ...r } = l, s = m.slice(p);
+  return s.length > u ? /* @__PURE__ */ f(d, { className: n(o.photoList, a), ...r, children: [
+    s.slice(0, u - 1).map((t) => /* @__PURE__ */ i(
+      "img",
+      {
+        className: n(o.item, o.image),
+        src: t,
+        alt: "photo in queue"
+      },
+      t
+    )),
+    /* @__PURE__ */ f("div", { className: n(o.item), children: [
+      "Еще ",
+      s.length - u + 1
+    ] })
+  ] }) : /* @__PURE__ */ i(d, { className: n(o.photoList, a), ...r, children: s.map((t) => /* @__PURE__ */ i(
+    "img",
+    {
+      className: n(o.item, o.image),
+      src: t,
+      alt: "photo in queue"
+    },
+    t
+  )) });
+};
+export {
+  G as PhotoList
+};

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

@@ -0,0 +1,8 @@
+import { BoxProps } from '@mui/material';
+import { PhotoDataUrl } from '../../types';
+type PhotoListCustomProps = {
+    photoSources: PhotoDataUrl[];
+    photoIndex: number;
+};
+export type PhotoListProps = PhotoListCustomProps & BoxProps;
+export {};

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

@@ -0,0 +1 @@
+

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

@@ -1,12 +1,14 @@
 import { DragEvent, InputHTMLAttributes, ReactNode } from 'react';
 import { Locale } from '../../../../types';
-import { PhotoExtension } from '../../types';
+import { PhotoDataUrl, PhotoExtension } from '../../types';
 type UploadButtonCustonProps = {
     buttonClassname?: string;
     buttonDisabled?: boolean;
     locale?: Locale;
     width?: number | string;
     allowedExtensions?: PhotoExtension[];
+    fromSources?: PhotoDataUrl[];
+    onPhotoDataLoaded?: (photos: PhotoDataUrl[]) => void;
     onDragOver?: (event: DragEvent<HTMLDivElement>) => unknown;
     onDragLeave?: (event: DragEvent<HTMLDivElement>) => unknown;
     onDragDrop?: (event: DragEvent<HTMLDivElement>) => unknown;

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

@@ -1,105 +1,115 @@
-import { jsx as r, jsxs as h, Fragment as U } from "react/jsx-runtime";
-import { useState as A, useRef as B } from "react";
-import { c as t } from "../../../../index-B2JRaoNz.js";
-import { localizedText as m } from "../../locale.js";
-import { EN_LOCALE as G } from "../../../../constants.js";
-import { SUPPORTED_IMAGE_EXTENSIONS as b } from "../../constants.js";
-import { UPLOAD_BUTTON_WIDTH_DEFAULT as R, UPLOAD_BUTTON_TAB_INDEX as V, UPLOAD_BUTTON_IMAGE_SIZE as _ } from "./constants.js";
-import { B as k } from "../../../../Button-0AB7oP6Y.js";
-import '../../../../assets/upload-button.css';const y = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20fill='%23ffffff'%20d='M544%20864V672h128L512%20480%20352%20672h128v192H320v-1.6c-5.376.32-10.496%201.6-16%201.6A240%20240%200%200%201%2064%20624c0-123.136%2093.12-223.488%20212.608-237.248A239.808%20239.808%200%200%201%20512%20192a239.872%20239.872%200%200%201%20235.456%20194.752c119.488%2013.76%20212.48%20114.112%20212.48%20237.248a240%20240%200%200%201-240%20240c-5.376%200-10.56-1.28-16-1.6v1.6H544z'/%3e%3c/g%3e%3c/svg%3e", W = "_dragDropWrapper_cgx9x_1", j = "_input_cgx9x_4", a = {
-  dragDropWrapper: W,
-  input: j
-}, J = (v) => {
+import { jsx as r, jsxs as v, Fragment as b } from "react/jsx-runtime";
+import { useState as k, useRef as R } from "react";
+import { c as n } from "../../../../index-B2JRaoNz.js";
+import { localizedText as x } from "../../locale.js";
+import { EN_LOCALE as V } from "../../../../constants.js";
+import { SUPPORTED_IMAGE_EXTENSIONS as y } from "../../constants.js";
+import { UPLOAD_BUTTON_WIDTH_DEFAULT as W, UPLOAD_BUTTON_TAB_INDEX as j, UPLOAD_BUTTON_IMAGE_SIZE as T } from "./constants.js";
+import { B as H } from "../../../../Button-DDlVTM6i.js";
+import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20fill='%23ffffff'%20d='M544%20864V672h128L512%20480%20352%20672h128v192H320v-1.6c-5.376.32-10.496%201.6-16%201.6A240%20240%200%200%201%2064%20624c0-123.136%2093.12-223.488%20212.608-237.248A239.808%20239.808%200%200%201%20512%20192a239.872%20239.872%200%200%201%20235.456%20194.752c119.488%2013.76%20212.48%20114.112%20212.48%20237.248a240%20240%200%200%201-240%20240c-5.376%200-10.56-1.28-16-1.6v1.6H544z'/%3e%3c/g%3e%3c/svg%3e", F = "_dragDropWrapper_cgx9x_1", z = "_input_cgx9x_4", a = {
+  dragDropWrapper: F,
+  input: z
+}, ee = (w) => {
   const {
-    buttonClassname: x,
-    buttonDisabled: n = !1,
-    children: T,
-    className: c,
+    buttonClassname: C,
+    buttonDisabled: i = !1,
+    children: E,
+    className: p,
     onChange: o,
-    locale: l = G,
-    width: w = R,
-    allowedExtensions: d = b,
-    onDragOver: E = () => {
+    locale: g = V,
+    width: O = W,
+    allowedExtensions: d = y,
+    onDragOver: N = () => {
     },
-    onDragLeave: O = () => {
+    onDragLeave: S = () => {
     },
-    onDragDrop: C = () => {
+    onDragDrop: I = () => {
     },
     button: s,
-    ...g
-  } = v, [N, i] = A(!1), p = B(null), f = (e) => {
+    multiple: f,
+    onPhotoDataLoaded: L = () => {
+    },
+    fromSources: t,
+    ...u
+  } = w, [P, l] = k(!1), c = R(null), h = (e) => {
     e && e.length > 0 && o && o({
       target: {
         files: e,
         value: ""
       }
     });
-  }, I = (e) => {
-    e.preventDefault(), e.stopPropagation(), E(e), n || i(!0);
-  }, S = (e) => {
-    e.preventDefault(), e.stopPropagation(), O(e), i(!1);
-  }, L = (e) => {
-    if (e.preventDefault(), e.stopPropagation(), C(e), i(!1), n) return;
-    const D = e.dataTransfer?.files;
-    f(D);
-  }, P = () => {
-    s && p.current?.click();
-  }, u = (e) => {
-    f(e.target.files), o && o(e);
+  }, U = (e) => {
+    t?.length || (e.preventDefault(), e.stopPropagation(), N(e), i || l(!0));
+  }, A = (e) => {
+    t?.length || (e.preventDefault(), e.stopPropagation(), S(e), l(!1));
+  }, B = (e) => {
+    if (t?.length || (e.preventDefault(), e.stopPropagation(), I(e), l(!1), i)) return;
+    const _ = e.dataTransfer?.files;
+    h(_);
+  }, G = () => {
+    t?.length ? L(t) : s && c.current?.click();
+  }, D = (e) => {
+    t?.length && e.preventDefault();
+  }, m = (e) => {
+    h(e.target.files), o && o(e);
   };
   return /* @__PURE__ */ r(
     "div",
     {
-      className: t(a.dragDropWrapper),
-      onDragOver: I,
-      onDragLeave: S,
-      onDrop: L,
-      onClick: P,
-      children: s ? /* @__PURE__ */ h(U, { children: [
+      className: n(a.dragDropWrapper),
+      onDragOver: U,
+      onDragLeave: A,
+      onDrop: B,
+      onClick: G,
+      children: s ? /* @__PURE__ */ v(b, { children: [
         s,
         /* @__PURE__ */ r(
           "input",
           {
-            ref: p,
-            className: t(a.input, c),
+            onClick: D,
+            ref: c,
+            className: n(a.input, p),
             type: "file",
             accept: d.join(", "),
-            onChange: u,
-            ...g
+            onChange: m,
+            multiple: f,
+            ...u
           }
         )
-      ] }) : /* @__PURE__ */ h(
-        k,
+      ] }) : /* @__PURE__ */ v(
+        H,
         {
           component: "label",
           sx: {
-            width: w
+            width: O
           },
           role: "none",
           variant: "contained",
-          disabled: n,
-          tabIndex: V,
-          className: t(a.uploadButton, x),
+          disabled: i,
+          tabIndex: j,
+          className: n(a.uploadButton, C),
           startIcon: /* @__PURE__ */ r(
             "img",
             {
-              width: _,
-              height: _,
-              src: y,
-              alt: m[l].upload
+              width: T,
+              height: T,
+              src: M,
+              alt: x[g].upload
             }
           ),
           children: [
-            N ? m[l].drop : T,
+            P ? x[g].drop : E,
             /* @__PURE__ */ r(
               "input",
               {
-                ref: p,
-                className: t(a.input, c),
+                onClick: D,
+                ref: c,
+                className: n(a.input, p),
                 type: "file",
                 accept: d.join(", "),
-                onChange: u,
-                ...g
+                onChange: m,
+                multiple: f,
+                ...u
               }
             )
           ]
@@ -109,5 +119,5 @@ import '../../../../assets/upload-button.css';const y = "data:image/svg+xml,%3c!
   );
 };
 export {
-  J as UploadButton
+  ee as UploadButton
 };

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

@@ -0,0 +1 @@
+export declare const CLOSE_ICON_SIZE = 40;

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

@@ -0,0 +1,4 @@
+const o = 40;
+export {
+  o as CLOSE_ICON_SIZE
+};

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

@@ -9,19 +9,22 @@ type ImageRef = {
     current: HTMLImageElement | null;
 };
 type UploadDialogCustomProps = {
-    photoSource?: PhotoDataUrl;
+    photoSources: PhotoDataUrl[];
     photoError?: string;
     imageRef?: ImageRef;
     onCloseDialogHandler?: () => void;
     onPhotoLoad?: OnPhotoLoad;
     onCropChange?: OnCropChange;
     onPhotoCrop?: () => void;
-    photoCrop?: Crop;
+    onNextPhoto?: () => void;
+    onSkipCrop?: () => void;
+    photoCrops: Crop[];
     minDimension?: number;
     aspectRatio?: number;
     locale?: Locale;
     circular?: boolean;
     keepSelection?: boolean;
+    photoIndex: number;
 };
 export type UploadDialogProps = UploadDialogCustomProps & DialogProps;
 export {};