@hai-dev/ui-kit 1.0.4 → 1.0.6

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

@@ -1,88 +1,37 @@
-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(
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { c as o } from "../../../../index-B2JRaoNz.js";
+import { MAX_ITEMS_COUNT as r } from "./constants.js";
+import { B as n } from "../../../../Box-CiYPzbPd.js";
+import '../../../../assets/photo-list.css';const g = "_photoList_rrp1z_1", u = "_item_rrp1z_6", x = "_image_rrp1z_17", t = {
+  photoList: g,
+  item: u,
+  image: x
+}, z = (l) => {
+  const { photoSources: h, photoIndex: _, className: a, ...c } = l, s = h.slice(_);
+  return s.length > r ? /* @__PURE__ */ p(n, { className: o(t.photoList, a), ...c, children: [
+    s.slice(0, r - 1).map((e, i) => /* @__PURE__ */ m(
       "img",
       {
-        className: n(o.item, o.image),
-        src: t,
+        className: o(t.item, t.image),
+        src: e,
         alt: "photo in queue"
       },
-      t
+      i
     )),
-    /* @__PURE__ */ f("div", { className: n(o.item), children: [
+    /* @__PURE__ */ p("div", { className: o(t.item), children: [
       "Еще ",
-      s.length - u + 1
+      s.length - r + 1
     ] })
-  ] }) : /* @__PURE__ */ i(d, { className: n(o.photoList, a), ...r, children: s.map((t) => /* @__PURE__ */ i(
+  ] }) : /* @__PURE__ */ m(n, { className: o(t.photoList, a), ...c, children: s.map((e, i) => /* @__PURE__ */ m(
     "img",
     {
-      className: n(o.item, o.image),
-      src: t,
+      className: o(t.item, t.image),
+      src: e,
       alt: "photo in queue"
     },
-    t
+    i
   )) });
 };
 export {
-  G as PhotoList
+  z as PhotoList
 };

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

@@ -5,7 +5,7 @@ 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 { B as H } from "../../../../Button-chJUX25I.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

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

@@ -6,11 +6,13 @@ import { localizedText as p } from "../../locale.js";
 import { EN_LOCALE as W } from "../../../../constants.js";
 import { CLOSE_ICON_SIZE as R } from "./constants.js";
 import { DEFAULT_MIN_DIMENSION as j, DEFAULT_ASPECT_RATIO as F } from "../../constants.js";
-import { D as U, c as x, a as $, b as V } from "../../../../DialogTitle-KN1sayHD.js";
+import { D as U, c as x, a as $, b as V } from "../../../../DialogTitle-BUcXvkzd.js";
 import * as L from "react";
-import { a as H, g as Z, b as Y, e as m, P as t } from "../../../../createTheme-DSHGFfg6.js";
-import { u as q, m as A, c as O, C as G } from "../../../../CircularProgress-CscJm1An.js";
-import { u as J, s as w, c as K, B as Q, b as X } from "../../../../ButtonBase-CXGZ-DBC.js";
+import { g as H, d as Z, c as Y, e as m, P as t } from "../../../../createTheme-BfVKUMHQ.js";
+import { m as A, c as O, C as q } from "../../../../CircularProgress-BCrSQadM.js";
+import { u as G, s as w, c as J, d as K } from "../../../../chainPropTypes-HYSaT0L0.js";
+import { u as Q } from "../../../../useId-CK6Kn3Tn.js";
+import { B as X } from "../../../../ButtonBase-DZwhOh56.js";
 import { Button as T } from "../../../button/button.js";
 import '../../../../assets/upload-dialog.css';function oo(o) {
   return Z("MuiIconButton", o);
@@ -28,8 +30,8 @@ const k = H("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
   };
-  return K(u, oo, e);
-}, eo = w(Q, {
+  return J(u, oo, e);
+}, eo = w(X, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (o, e) => {
@@ -163,7 +165,7 @@ const k = H("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     }
   }]
 })), P = /* @__PURE__ */ L.forwardRef(function(e, n) {
-  const c = J({
+  const c = G({
     props: e,
     name: "MuiIconButton"
   }), {
@@ -178,7 +180,7 @@ const k = H("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     loading: d = null,
     loadingIndicator: s,
     ...S
-  } = c, _ = q(h), v = s ?? /* @__PURE__ */ a(G, {
+  } = c, _ = Q(h), v = s ?? /* @__PURE__ */ a(q, {
     "aria-labelledby": _,
     color: "inherit",
     size: 16
@@ -223,7 +225,7 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
   /**
    * The icon to display.
    */
-  children: X(t.node, (o) => L.Children.toArray(o.children).some((n) => /* @__PURE__ */ L.isValidElement(n) && n.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: K(t.node, (o) => L.Children.toArray(o.children).some((n) => /* @__PURE__ */ L.isValidElement(n) && n.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.
@@ -305,7 +307,7 @@ const ao = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
   many: uo,
   crop: mo,
   dialogText: bo
-}, Lo = (o) => {
+}, Ao = (o) => {
   const {
     onCloseDialogHandler: e,
     photoSources: n = [],
@@ -423,5 +425,5 @@ const ao = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
   );
 };
 export {
-  Lo as UploadDialog
+  Ao as UploadDialog
 };

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

@@ -1,20 +1,20 @@
 import { jsxs as io, Fragment as ho, jsx as h } from "react/jsx-runtime";
-import { useState as s, useRef as M } from "react";
+import { useState as s, useRef as N } from "react";
 import "../../index-BiffjjQq.js";
 import { c as mo } from "../../index-B2JRaoNz.js";
 import { localizedText as fo } from "./locale.js";
-import { EN_LOCALE as Co } from "../../constants.js";
-import { DEFAULT_MIN_DIMENSION as uo, DEFAULT_ASPECT_RATIO as go, DEFAULT_TIMEOUT as Po, DEFAULT_FILE_MAX_SIZE as Eo } from "./constants.js";
+import { EN_LOCALE as uo } from "../../constants.js";
+import { DEFAULT_MIN_DIMENSION as Co, DEFAULT_ASPECT_RATIO as go, DEFAULT_TIMEOUT as Po, DEFAULT_FILE_MAX_SIZE as Eo } from "./constants.js";
 import { UploadDialog as Do } from "./components/upload-dialog/upload-dialog.js";
 import { UploadButton as So } from "./components/upload-button/upload-button.js";
 import { ErrorUploadDialog as Lo } from "./components/error-upload-dialog/error-upload-dialog.js";
-import { validatePhotoFile as N } from "./utils/validate-photo-file.js";
+import { validatePhotoFile as b } from "./utils/validate-photo-file.js";
 import { readPhoto as R } from "./utils/read-photo.js";
 import { getPhotoCrop as wo } from "./utils/get-photo-crop.js";
-import { getCropedPhoto as Uo } from "./utils/get-croped-photo.js";
-import { getDefaultCroppedPhoto as _o } from "./utils/get-default-cropped-photo.js";
-import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr_1", yo = {
-  photoCropCanvas: xo
+import { getCropedPhoto as _o } from "./utils/get-croped-photo.js";
+import { getDefaultCroppedPhoto as xo } from "./utils/get-default-cropped-photo.js";
+import '../../assets/photo-crop-uploader.css';const Uo = "_photoCropCanvas_1i4lr_1", yo = {
+  photoCropCanvas: Uo
 }, Xo = (k) => {
   const {
     buttonClassname: z = "",
@@ -37,9 +37,9 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
     onClose: P = () => {
     },
     showErrorPopup: K = !1,
-    minDimension: a = uo,
+    minDimension: a = Co,
     aspectRatio: m = go,
-    locale: e = Co,
+    locale: e = uo,
     timeout: E = Po,
     fileMaxSize: D = Eo,
     allowedExtensions: d,
@@ -47,18 +47,18 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
     circular: Q,
     width: V,
     keepSelection: W,
-    photoCropUploaderSlots: Y,
+    uploadButton: Y,
     multiple: L,
     fromSources: $,
     ...oo
-  } = k, [to, i] = s(!1), [p, w] = s([]), [f, C] = s([]), [l, U] = s(0), _ = M(null), x = M(null), [y, A] = s(!1), [T, v] = s(""), [ro, I] = s(!1), F = (o = []) => {
+  } = k, [to, i] = s(!1), [p, w] = s([]), [f, u] = s([]), [l, _] = s(0), x = N(null), U = N(null), [y, A] = s(!1), [T, v] = s(""), [ro, I] = s(!1), F = (o = []) => {
     P(o, p), i(!1);
   }, eo = () => {
     P([], p), i(!1);
   }, no = () => {
     I(!1);
-  }, u = (o) => {
-    j(o), w(o), C(Array(o.length)), U(0), i(!0), v("");
+  }, C = (o) => {
+    j(o), w(o), u(Array(o.length)), _(0), i(!0), v("");
   }, g = (o) => {
     o instanceof Error && (console.warn(o.message), B(o), v(o.message), I(!0), w([]), i(!1));
   }, ao = async (o) => {
@@ -68,7 +68,7 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
         if (A(!0), H(), L) {
           const t = Array.from(r);
           t.forEach((c) => {
-            N(
+            b(
               c,
               { maxSize: D, allowedExtensions: d, allowedMimeTypes: S },
               e
@@ -79,16 +79,16 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
               (c) => R(c, a, e, E)
             )
           );
-          u(n);
+          C(n);
         } else {
           const t = r[0];
-          N(
+          b(
             t,
             { maxSize: D, allowedExtensions: d, allowedMimeTypes: S },
             e
           );
           const n = await R(t, a, e, E);
-          u([n]);
+          C([n]);
         }
       } catch (t) {
         g(t);
@@ -97,21 +97,21 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
       }
   }, so = (o) => {
     const { width: r, height: t } = o.currentTarget, n = wo(r, t, a, m);
-    C((c) => {
-      const b = [...c];
-      return b[l] = n, b;
+    u((c) => {
+      const M = [...c];
+      return M[l] = n, M;
     });
   }, lo = (o, r) => {
-    C((t) => {
+    u((t) => {
       const n = [...t];
       return n[l] = r, n;
     });
   }, O = () => {
-    const o = x.current, r = _.current;
+    const o = U.current, r = x.current;
     if (o && r && f)
       try {
         X();
-        const t = Uo(
+        const t = _o(
           r,
           o,
           f[l],
@@ -122,13 +122,13 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
         t instanceof Error && (console.warn(t), g(t));
       }
   }, po = () => {
-    O(), U((o) => o + 1);
+    O(), _((o) => o + 1);
   }, co = async () => {
     const o = p.slice(l);
     try {
       const r = await Promise.all(
         o.map(
-          (t) => _o(t, a, m, e)
+          (t) => xo(t, a, m, e)
         )
       );
       F(r);
@@ -141,7 +141,7 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
       So,
       {
         onChange: ao,
-        onPhotoDataLoaded: u,
+        onPhotoDataLoaded: C,
         buttonClassname: z,
         disabled: y,
         buttonDisabled: y,
@@ -151,7 +151,7 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
         onDragDrop: J,
         onDragLeave: G,
         onDragOver: q,
-        button: Y?.button,
+        button: Y,
         multiple: L,
         fromSources: $,
         ...oo,
@@ -171,7 +171,7 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
         onCropChange: lo,
         onPhotoCrop: O,
         onPhotoLoad: so,
-        imageRef: _,
+        imageRef: x,
         minDimension: a,
         aspectRatio: m,
         locale: e,
@@ -195,7 +195,7 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
         className: mo(yo.photoCropCanvas),
         width: a,
         height: a,
-        ref: x
+        ref: U
       }
     )
   ] });

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

@@ -10,9 +10,6 @@ export type PhotoFileOptions = {
     allowedExtensions?: PhotoExtension[];
     allowedMimeTypes?: PhotoMimeType[];
 };
-export type PhotoCropUploaderSlots = {
-    button?: ReactNode;
-};
 export type PhotoCropUploaderCustomProps = {
     buttonClassname?: string;
     onStartUpload?: () => unknown;
@@ -35,7 +32,7 @@ export type PhotoCropUploaderCustomProps = {
     circular?: boolean;
     keepSelection?: boolean;
     width?: number;
-    photoCropUploaderSlots?: PhotoCropUploaderSlots;
+    uploadButton?: ReactNode;
     fromSources?: PhotoDataUrl[];
 };
 export type PhotoCropUploaderProps = PhotoCropUploaderCustomProps & InputHTMLAttributes<HTMLInputElement>;

package/dist/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const EN_LOCALE = "en";
 export declare const RU_LOCALE = "ru";
 export declare const BYTE_TO_KILOBYTE = 1024;
+export declare const PRECENT_SYMBOL = "%";

package/dist/constants.js

@@ -1,6 +1,7 @@
-const E = "en", L = "ru", n = 1024;
+const E = "en", L = "ru", n = 1024, o = "%";
 export {
   n as BYTE_TO_KILOBYTE,
   E as EN_LOCALE,
+  o as PRECENT_SYMBOL,
   L as RU_LOCALE
 };

package/dist/{createTheme-DSHGFfg6.js → createTheme-BfVKUMHQ.js}

@@ -1831,7 +1831,7 @@ function vo() {
 var So = /* @__PURE__ */ vo();
 const je = /* @__PURE__ */ bn(So);
 /**
- * @mui/styled-engine v7.3.2
+ * @mui/styled-engine v7.3.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -4099,18 +4099,18 @@ export {
   Ci as C,
   ha as E,
   je as P,
-  Qt as T,
+  pa as T,
   Mr as _,
-  Sa as a,
-  va as b,
-  vi as c,
-  Sr as d,
+  Cr as a,
+  Ca as b,
+  va as c,
+  sn as d,
   tn as e,
-  Cr as f,
-  sn as g,
-  pa as h,
+  Qt as f,
+  Sa as g,
+  vi as h,
   xe as i,
-  Ca as j,
+  Sr as j,
   Gr as k,
   Jt as l,
   ma as m,

package/dist/decorators/centered-decorator.d.ts

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

package/dist/decorators/centered-decorator.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+const n = ({ children: e }) => /* @__PURE__ */ t(
+  "div",
+  {
+    style: {
+      width: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    children: e
+  }
+);
+export {
+  n as CenteredDecorator
+};

package/dist/decorators/index.d.ts

@@ -0,0 +1 @@
+export { CenteredDecorator } from './centered-decorator';

package/dist/decorators/index.js

@@ -0,0 +1,4 @@
+import { CenteredDecorator as o } from "./centered-decorator.js";
+export {
+  o as CenteredDecorator
+};

package/dist/decorators/types.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export type CenteredDecoratorProps = {
+    children: ReactNode;
+};

package/dist/decorators/types.js

@@ -0,0 +1 @@
+

package/dist/{extendSxProp-CzeED7BH.js → extendSxProp-bpz0eCso.js}

@@ -1,4 +1,4 @@
-import { T as u, c as f, i as a, d as m } from "./createTheme-DSHGFfg6.js";
+import { f as u, h as f, i as a, j as m } from "./createTheme-BfVKUMHQ.js";
 import * as l from "react";
 function h(t) {
   return Object.keys(t).length === 0;
@@ -20,7 +20,7 @@ const P = (t) => {
     r[s] ? e.systemProps[s] = t[s] : e.otherProps[s] = t[s];
   }), e;
 };
-function g(t) {
+function j(t) {
   const {
     sx: e,
     ...r
@@ -44,6 +44,6 @@ function g(t) {
   };
 }
 export {
-  g as e,
+  j as e,
   b as u
 };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { PhotoCropUploader, Button } from './components';
+export { PhotoCropUploader, Button, CircularProgressLoader, } from './components';
 export type { Locale } from './types';
 export type { PhotoDataUrl, PhotoFileSize, PhotoExtension, PhotoMimeType, PhotoFileOptions, PhotoCropUploaderProps, } from './components/photo-crop-uploader/types';
 export { EN_LOCALE, RU_LOCALE, BYTE_TO_KILOBYTE } from './constants';

package/dist/index.js

@@ -1,26 +1,28 @@
-import { BYTE_TO_KILOBYTE as G, EN_LOCALE as I, RU_LOCALE as T } from "./constants.js";
-import { BMP_IMAGE_EXT as P, BMP_IMAGE_TYPE as A, GIF_IMAGE_EXT as o, GIF_IMAGE_TYPE as Y, ICO_IMAGE_EXT as r, ICO_IMAGE_TYPE as O, JPEG_IMAGE_EXT as X, JPEG_IMAGE_TYPE as t, JPG_IMAGE_EXT as B, JPG_IMAGE_TYPE as C, MICROSOFT_ICO_IMAGE_TYPE as p, PNG_IMAGE_EXT as e, PNG_IMAGE_TYPE as L, SVG_IMAGE_EXT as f, SVG_IMAGE_TYPE as m, WEBP_IMAGE_EXT as x, WEBP_IMAGE_TYPE as J } from "./components/photo-crop-uploader/constants.js";
-import { PhotoCropUploader as N } from "./components/photo-crop-uploader/photo-crop-uploader.js";
-import { Button as R } from "./components/button/button.js";
+import { BYTE_TO_KILOBYTE as G, EN_LOCALE as I, RU_LOCALE as P } from "./constants.js";
+import { BMP_IMAGE_EXT as M, BMP_IMAGE_TYPE as A, GIF_IMAGE_EXT as o, GIF_IMAGE_TYPE as r, ICO_IMAGE_EXT as Y, ICO_IMAGE_TYPE as O, JPEG_IMAGE_EXT as e, JPEG_IMAGE_TYPE as t, JPG_IMAGE_EXT as C, JPG_IMAGE_TYPE as X, MICROSOFT_ICO_IMAGE_TYPE as p, PNG_IMAGE_EXT as B, PNG_IMAGE_TYPE as L, SVG_IMAGE_EXT as f, SVG_IMAGE_TYPE as m, WEBP_IMAGE_EXT as x, WEBP_IMAGE_TYPE as J } from "./components/photo-crop-uploader/constants.js";
+import { PhotoCropUploader as F } from "./components/photo-crop-uploader/photo-crop-uploader.js";
+import { Button as S } from "./components/button/button.js";
+import { CircularProgressLoader as l } from "./components/circular-progress-loader/circular-progress-loader.js";
 export {
-  P as BMP_IMAGE_EXT,
+  M as BMP_IMAGE_EXT,
   A as BMP_IMAGE_TYPE,
   G as BYTE_TO_KILOBYTE,
-  R as Button,
+  S as Button,
+  l as CircularProgressLoader,
   I as EN_LOCALE,
   o as GIF_IMAGE_EXT,
-  Y as GIF_IMAGE_TYPE,
-  r as ICO_IMAGE_EXT,
+  r as GIF_IMAGE_TYPE,
+  Y as ICO_IMAGE_EXT,
   O as ICO_IMAGE_TYPE,
-  X as JPEG_IMAGE_EXT,
+  e as JPEG_IMAGE_EXT,
   t as JPEG_IMAGE_TYPE,
-  B as JPG_IMAGE_EXT,
-  C as JPG_IMAGE_TYPE,
+  C as JPG_IMAGE_EXT,
+  X as JPG_IMAGE_TYPE,
   p as MICROSOFT_ICO_IMAGE_TYPE,
-  e as PNG_IMAGE_EXT,
+  B as PNG_IMAGE_EXT,
   L as PNG_IMAGE_TYPE,
-  N as PhotoCropUploader,
-  T as RU_LOCALE,
+  F as PhotoCropUploader,
+  P as RU_LOCALE,
   f as SVG_IMAGE_EXT,
   m as SVG_IMAGE_TYPE,
   x as WEBP_IMAGE_EXT,

package/dist/useId-CK6Kn3Tn.js

@@ -0,0 +1,21 @@
+import * as u from "react";
+let n = 0;
+function o(t) {
+  const [e, a] = u.useState(t), c = t || e;
+  return u.useEffect(() => {
+    e == null && (n += 1, a(`mui-${n}`));
+  }, [e]), c;
+}
+const f = {
+  ...u
+}, s = f.useId;
+function l(t) {
+  if (s !== void 0) {
+    const e = s();
+    return t ?? e;
+  }
+  return o(t);
+}
+export {
+  l as u
+};

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.0.4",
+  "version": "1.0.6",
+  "license": "UNLICENSED",
   "author": {
     "name": "Vladislav Knitrunov",
     "email": "kingvlad3008@gmail.com",
@@ -26,8 +27,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/material": "^7.3.2",
-    "@types/node": "^24.5.2",
+    "@mui/material": "^7.3.4",
     "classnames": "^2.5.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
@@ -35,10 +35,12 @@
     "sass": "^1.93.1"
   },
   "devDependencies": {
+    "@commitlint/cli": "^20.0.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@eslint/js": "^9.36.0",
-    "@mui/material": "^7.3.2",
+    "@mui/material": "^7.3.4",
     "@storybook/addon-docs": "9.1.8",
     "@storybook/addon-onboarding": "9.1.8",
     "@storybook/react-vite": "9.1.8",
@@ -53,6 +55,7 @@
     "eslint-plugin-storybook": "9.1.8",
     "glob": "^11.0.3",
     "globals": "^16.4.0",
+    "husky": "^9.1.7",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "react-image-crop": "^11.0.10",
@@ -62,10 +65,7 @@
     "typescript-eslint": "^8.44.0",
     "vite": "^7.1.7",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2",
-    "@commitlint/cli": "^20.0.0",
-    "@commitlint/config-conventional": "^20.0.0",
-    "husky": "^9.1.7"
+    "vite-plugin-lib-inject-css": "^2.2.2"
   },
   "sideEffects": [
     "**/*.css"