@hai-dev/ui-kit 1.0.5 → 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 m } 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: n,
-    defaultTheme: p,
-    defaultClassName: a = "MuiBox-root",
-    generateClassName: r
-  } = l, t = y("div", {
-    shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
-  })(C);
-  return /* @__PURE__ */ v.forwardRef(function(x, N) {
-    const h = E(p), {
-      className: g,
-      component: _ = "div",
-      ...T
-    } = I(x);
-    return /* @__PURE__ */ i(t, {
-      as: _,
-      ref: N,
-      className: B(g, r ? r(a) : a),
-      theme: n && h[n] || 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", s = {
-  photoList: z,
-  item: R,
-  image: q
-}, G = (l) => {
-  const { photoSources: n, photoIndex: p, className: a, ...r } = l, t = n.slice(p);
-  return t.length > u ? /* @__PURE__ */ f(d, { className: m(s.photoList, a), ...r, children: [
-    t.slice(0, u - 1).map((c, o) => /* @__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: m(s.item, s.image),
-        src: c,
+        className: o(t.item, t.image),
+        src: e,
         alt: "photo in queue"
       },
-      o
+      i
     )),
-    /* @__PURE__ */ f("div", { className: m(s.item), children: [
+    /* @__PURE__ */ p("div", { className: o(t.item), children: [
       "Еще ",
-      t.length - u + 1
+      s.length - r + 1
     ] })
-  ] }) : /* @__PURE__ */ i(d, { className: m(s.photoList, a), ...r, children: t.map((c, o) => /* @__PURE__ */ i(
+  ] }) : /* @__PURE__ */ m(n, { className: o(t.photoList, a), ...c, children: s.map((e, i) => /* @__PURE__ */ m(
     "img",
     {
-      className: m(s.item, s.image),
-      src: c,
+      className: o(t.item, t.image),
+      src: e,
       alt: "photo in queue"
     },
-    o
+    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/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.5",
+  "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"