@hai-dev/ui-kit 1.1.11 → 1.2.0

package/dist/{extendSxProp-Cw_ym9sl.js → extendSxProp-BaUCVMKV.js}

@@ -1,5 +1,5 @@
 import * as u from "react";
-import { f, h as a, i as m, j as l } from "./createTheme-D8R2Cz2N.js";
+import { f, h as a, i as m, j as l } from "./createTheme-BoOmbNvy.js";
 function h(t) {
   return Object.keys(t).length === 0;
 }
@@ -44,6 +44,7 @@ function j(t) {
   };
 }
 export {
+  x as a,
   j as e,
   b as u
 };

package/dist/{index-CL3JU48X.js → index-h5oTv8GF.js}

@@ -1,8 +1,8 @@
 import "react";
 import { jsx as a } from "react/jsx-runtime";
-import { u as y, e as m } from "./extendSxProp-Cw_ym9sl.js";
-import { P as e, k as d, T as b } from "./createTheme-D8R2Cz2N.js";
-import { G as T, d as h } from "./chainPropTypes-DiJb1lGa.js";
+import { u as y, e as m } from "./extendSxProp-BaUCVMKV.js";
+import { P as e, k as d, T as b } from "./createTheme-BoOmbNvy.js";
+import { G as T, d as h } from "./chainPropTypes-DgqFdXGi.js";
 function E(t) {
   return t == null || Object.keys(t).length === 0;
 }

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export { PhotoCropUploader, Button, CircularProgressLoader, CodeInput } from './components';
+export { PhotoCropUploader, Button, CircularProgressLoader, CodeInput, } from './components';
 export { drawCroppedImage } from './components';
 export type { Crop, PercentCrop, PixelCrop } from 'react-image-crop';
 export type { CodeInputProps } from './components';
-export type { Locale } from './types';
+export type { Locale, Theme } 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';
+export { EN_LOCALE, RU_LOCALE, BYTE_TO_KILOBYTE, LIGHT_THEME, DARK_THEME, } from './constants';
 export { JPG_IMAGE_EXT, JPEG_IMAGE_EXT, PNG_IMAGE_EXT, SVG_IMAGE_EXT, BMP_IMAGE_EXT, GIF_IMAGE_EXT, WEBP_IMAGE_EXT, ICO_IMAGE_EXT, BMP_IMAGE_TYPE, GIF_IMAGE_TYPE, ICO_IMAGE_TYPE, JPEG_IMAGE_TYPE, JPG_IMAGE_TYPE, MICROSOFT_ICO_IMAGE_TYPE, PNG_IMAGE_TYPE, SVG_IMAGE_TYPE, WEBP_IMAGE_TYPE, } from './components/photo-crop-uploader/constants';

package/dist/index.js

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

package/dist/{memoTheme-D5VCpQCz.js → memoTheme-BYBJ2Fe6.js}

@@ -1,4 +1,4 @@
-import { p as s } from "./chainPropTypes-DiJb1lGa.js";
+import { p as s } from "./chainPropTypes-DgqFdXGi.js";
 const l = {
   theme: void 0
 };

package/dist/refType-CsohaiiT.js

@@ -0,0 +1,60 @@
+import * as u from "react";
+import { u as l } from "./useEnhancedEffect-CJGo-L3B.js";
+import { P as a } from "./createTheme-BoOmbNvy.js";
+import { b as p } from "./chainPropTypes-DgqFdXGi.js";
+function h(t) {
+  const e = u.useRef(t);
+  return l(() => {
+    e.current = t;
+  }), u.useRef((...c) => (
+    // @ts-expect-error hide `this`
+    (0, e.current)(...c)
+  )).current;
+}
+function C(...t) {
+  const e = u.useRef(void 0), c = u.useCallback((r) => {
+    const f = t.map((n) => {
+      if (n == null)
+        return null;
+      if (typeof n == "function") {
+        const i = n, o = i(r);
+        return typeof o == "function" ? o : () => {
+          i(null);
+        };
+      }
+      return n.current = r, () => {
+        n.current = null;
+      };
+    });
+    return () => {
+      f.forEach((n) => n?.());
+    };
+  }, t);
+  return u.useMemo(() => t.every((r) => r == null) ? null : (r) => {
+    e.current && (e.current(), e.current = void 0), r != null && (e.current = c(r));
+  }, t);
+}
+function s(t) {
+  const {
+    prototype: e = {}
+  } = t;
+  return !!e.isReactComponent;
+}
+function d(t, e, c, r, f) {
+  const n = t[e], i = f || e;
+  if (n == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let o;
+  return typeof n == "function" && !s(n) && (o = "Did you accidentally provide a plain function component instead?"), n === u.Fragment && (o = "Did you accidentally provide a React.Fragment instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${i}\` supplied to \`${c}\`. Expected an element type that can hold a ref. ${o} For more information see https://v7.mui.com/r/caveat-with-refs-guide`) : null;
+}
+const E = p(a.elementType, d), T = a.oneOfType([a.func, a.object]);
+export {
+  h as a,
+  E as e,
+  T as r,
+  C as u
+};

package/dist/types.d.ts

@@ -1,2 +1,3 @@
-import { EN_LOCALE, RU_LOCALE } from './constants';
+import { DARK_THEME, EN_LOCALE, LIGHT_THEME, RU_LOCALE } from './constants';
 export type Locale = typeof EN_LOCALE | typeof RU_LOCALE;
+export type Theme = typeof LIGHT_THEME | typeof DARK_THEME;

package/dist/{upload-dialog-errors-Cyz6_7n4.js → upload-dialog-errors-CCRxzIZp.js}

@@ -1,33 +1,34 @@
-import { jsx as s, jsxs as g, Fragment as x } from "react/jsx-runtime";
+import { jsx as s, jsxs as h, Fragment as y } from "react/jsx-runtime";
 import { c } from "./index-YnD2EP-S.js";
 import { localizedText as f } from "./components/photo-crop-uploader/locale.js";
 import { EN_LOCALE as S, DASH_SYMBOL as L } from "./constants.js";
-import { D as I, a as R, b as W } from "./DialogTitle-BtvmXSZP.js";
+import './assets/inter.css';import './assets/upload-dialog-errors.css';/* empty css                     */
+import { D as I, a as R, b as W } from "./DialogTitle-ByUfLB5M.js";
 import * as O from "react";
-import { g as V, a as B, c as $, P as r } from "./createTheme-D8R2Cz2N.js";
-import { m as C } from "./memoTheme-D5VCpQCz.js";
-import { u as z, c as E, s as w } from "./chainPropTypes-DiJb1lGa.js";
-import { Button as y } from "./components/button/button.js";
-import './assets/upload-dialog-errors.css';function M(e) {
+import { g as V, a as k, c as B, P as r } from "./createTheme-BoOmbNvy.js";
+import { m as C } from "./memoTheme-BYBJ2Fe6.js";
+import { u as $, c as z, s as w } from "./chainPropTypes-DgqFdXGi.js";
+import { Button as x } from "./components/button/button.js";
+function E(e) {
   return V("MuiDivider", e);
 }
-B("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-const U = (e) => {
+k("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
+const M = (e) => {
   const {
     absolute: t,
     children: o,
     classes: p,
-    flexItem: h,
+    flexItem: g,
     light: i,
     orientation: n,
-    textAlign: a,
-    variant: l
+    textAlign: l,
+    variant: a
   } = e;
-  return E({
-    root: ["root", t && "absolute", l, i && "light", n === "vertical" && "vertical", h && "flexItem", o && "withChildren", o && n === "vertical" && "withChildrenVertical", a === "right" && n !== "vertical" && "textAlignRight", a === "left" && n !== "vertical" && "textAlignLeft"],
+  return z({
+    root: ["root", t && "absolute", a, i && "light", n === "vertical" && "vertical", g && "flexItem", o && "withChildren", o && n === "vertical" && "withChildrenVertical", l === "right" && n !== "vertical" && "textAlignRight", l === "left" && n !== "vertical" && "textAlignLeft"],
     wrapper: ["wrapper", n === "vertical" && "wrapperVertical"]
-  }, M, p);
-}, j = w("div", {
+  }, E, p);
+}, U = w("div", {
   name: "MuiDivider",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -168,7 +169,7 @@ const U = (e) => {
       }
     }
   }]
-}))), k = w("span", {
+}))), j = w("span", {
   name: "MuiDivider",
   slot: "Wrapper",
   overridesResolver: (e, t) => {
@@ -193,50 +194,50 @@ const U = (e) => {
       paddingBottom: `calc(${e.spacing(1)} * 1.2)`
     }
   }]
-}))), v = /* @__PURE__ */ O.forwardRef(function(t, o) {
-  const p = z({
+}))), m = /* @__PURE__ */ O.forwardRef(function(t, o) {
+  const p = $({
     props: t,
     name: "MuiDivider"
   }), {
-    absolute: h = !1,
+    absolute: g = !1,
     children: i,
     className: n,
-    orientation: a = "horizontal",
-    component: l = i || a === "vertical" ? "div" : "hr",
+    orientation: l = "horizontal",
+    component: a = i || l === "vertical" ? "div" : "hr",
     flexItem: b = !1,
     light: A = !1,
-    role: m = l !== "hr" ? "separator" : void 0,
+    role: u = a !== "hr" ? "separator" : void 0,
     textAlign: D = "center",
     variant: N = "fullWidth",
     ...T
-  } = p, u = {
+  } = p, v = {
     ...p,
-    absolute: h,
-    component: l,
+    absolute: g,
+    component: a,
     flexItem: b,
     light: A,
-    orientation: a,
-    role: m,
+    orientation: l,
+    role: u,
     textAlign: D,
     variant: N
-  }, _ = U(u);
-  return /* @__PURE__ */ s(j, {
-    as: l,
-    className: $(_.root, n),
-    role: m,
+  }, _ = M(v);
+  return /* @__PURE__ */ s(U, {
+    as: a,
+    className: B(_.root, n),
+    role: u,
     ref: o,
-    ownerState: u,
-    "aria-orientation": m === "separator" && (l !== "hr" || a === "vertical") ? a : void 0,
+    ownerState: v,
+    "aria-orientation": u === "separator" && (a !== "hr" || l === "vertical") ? l : void 0,
     ...T,
-    children: i ? /* @__PURE__ */ s(k, {
+    children: i ? /* @__PURE__ */ s(j, {
       className: _.wrapper,
-      ownerState: u,
+      ownerState: v,
       children: i
     }) : null
   });
 });
-v && (v.muiSkipListHighlight = !0);
-process.env.NODE_ENV !== "production" && (v.propTypes = {
+m && (m.muiSkipListHighlight = !0);
+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`.     │
@@ -299,44 +300,45 @@ process.env.NODE_ENV !== "production" && (v.propTypes = {
    */
   variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
 });
-const H = "_dialog_1h5av_1", P = "_errorContent_1h5av_7", F = "_errorItem_1h5av_22", Y = "_fileName_1h5av_29", q = "_topActions_1h5av_35", G = "_close_1h5av_41", J = "_botActions_1h5av_45", K = "_button_1h5av_50", Q = "_title_1h5av_54", X = "_content_1h5av_60", Z = "_many_1h5av_68", tt = "_crop_1h5av_75", et = "_dialogText_1h5av_84", d = {
+const H = "_dialog_1y4gd_1", P = "_dark_1y4gd_4", F = "_errorContent_1y4gd_8", Y = "_errorItem_1y4gd_60", q = "_fileName_1y4gd_67", G = "_topActions_1y4gd_70", J = "_close_1y4gd_76", K = "_botActions_1y4gd_84", Q = "_button_1y4gd_90", X = "_title_1y4gd_95", Z = "_content_1y4gd_102", tt = "_many_1y4gd_124", et = "_crop_1y4gd_128", ot = "_dialogText_1y4gd_176", d = {
   dialog: H,
-  errorContent: P,
-  errorItem: F,
-  fileName: Y,
-  topActions: q,
-  close: G,
-  botActions: J,
-  button: K,
-  title: Q,
-  content: X,
-  many: Z,
-  crop: tt,
-  dialogText: et
-}, pt = (e) => {
+  dark: P,
+  errorContent: F,
+  errorItem: Y,
+  fileName: q,
+  topActions: G,
+  close: J,
+  botActions: K,
+  button: Q,
+  title: X,
+  content: Z,
+  many: tt,
+  crop: et,
+  dialogText: ot
+}, ht = (e) => {
   const {
     photoSources: t,
     errors: o = [],
     onCloseDialogHandler: p,
-    onClearErrors: h,
+    onClearErrors: g,
     locale: i = S
   } = e;
-  return /* @__PURE__ */ g(x, { children: [
+  return /* @__PURE__ */ h(y, { children: [
     /* @__PURE__ */ s(I, { className: c(d.title), children: t.length ? f[i]["some-not-uploaded"] : f[i]["not-uploaded"] }),
-    /* @__PURE__ */ s(R, { className: c(d.errorContent), children: o.map(({ photoName: n, errorMessage: a }, l) => /* @__PURE__ */ g(x, { children: [
-      !!l && /* @__PURE__ */ s(v, {}),
-      /* @__PURE__ */ g("div", { className: c(d.errorItem), children: [
+    /* @__PURE__ */ s(R, { className: c(d.errorContent), children: o.map(({ photoName: n, errorMessage: l }, a) => /* @__PURE__ */ h(y, { children: [
+      !!a && /* @__PURE__ */ s(m, {}),
+      /* @__PURE__ */ h("div", { className: c(d.errorItem), children: [
         /* @__PURE__ */ s("span", { className: c(d.fileName), children: n }),
         " ",
-        ` ${L} ${a}`
+        ` ${L} ${l}`
       ] })
-    ] }, l)) }),
-    /* @__PURE__ */ g(W, { className: c(d.botActions), children: [
+    ] }, a)) }),
+    /* @__PURE__ */ h(W, { className: c(d.botActions), children: [
       /* @__PURE__ */ s(
-        y,
+        x,
         {
           buttonSize: "small",
-          buttonColor: "blue",
+          buttonColor: "red",
           buttonVariant: "outlined",
           buttonWeight: 500,
           onClick: p,
@@ -345,13 +347,13 @@ const H = "_dialog_1h5av_1", P = "_errorContent_1h5av_7", F = "_errorItem_1h5av_
         }
       ),
       !!t.length && /* @__PURE__ */ s(
-        y,
+        x,
         {
           buttonSize: "small",
           buttonColor: "blue",
-          buttonVariant: "filled",
+          buttonVariant: "outlined",
           buttonWeight: 500,
-          onClick: h,
+          onClick: g,
           className: c(d.button),
           children: f[i].continue
         }
@@ -360,6 +362,6 @@ const H = "_dialog_1h5av_1", P = "_errorContent_1h5av_7", F = "_errorItem_1h5av_
   ] });
 };
 export {
-  pt as U,
+  ht as U,
   d as s
 };

package/dist/useEnhancedEffect-CJGo-L3B.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+export {
+  f as u
+};

package/dist/utils/debounce.d.ts

@@ -0,0 +1,5 @@
+type Debounced<T extends (...args: never[]) => unknown> = ((...args: Parameters<T>) => void) & {
+    cancel: () => void;
+};
+export declare const debounce: <T extends (...args: never[]) => unknown>(fn: T, wait: number) => Debounced<T>;
+export {};

package/dist/utils/debounce.js

@@ -0,0 +1,12 @@
+const d = (t, i) => {
+  let e;
+  const o = ((...c) => {
+    e !== void 0 && clearTimeout(e), e = setTimeout(() => t(...c), i);
+  });
+  return o.cancel = () => {
+    e !== void 0 && (clearTimeout(e), e = void 0);
+  }, o;
+};
+export {
+  d as debounce
+};

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export { debounce } from './debounce';

package/dist/utils/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.1.11",
+  "version": "1.2.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Vladislav Knitrunov",
@@ -22,7 +22,15 @@
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "prepare": "husky"
+    "prepare": "husky",
+    "sync:setup": "node scripts/sync.cjs setup",
+    "sync:update": "node scripts/sync.cjs update",
+    "sync:pull:all": "node scripts/sync.cjs pull:all",
+    "sync:pull:existing": "node scripts/sync.cjs pull:existing",
+    "sync:pull:new": "node scripts/sync.cjs pull:new",
+    "sync:push:all": "node scripts/sync.cjs push:all",
+    "sync:push:new": "node scripts/sync.cjs push:new",
+    "sync:push:existing": "node scripts/sync.cjs push:existing"
   },
   "peerDependencies": {
     "@emotion/react": "11.14.0",

package/dist/button.module-BZPPmSAS.js

@@ -1,21 +0,0 @@
-import './assets/button.css';const t = "_button_fufd7_1", _ = "_startContent_fufd7_9", n = "_endContent_fufd7_12", e = "_link_fufd7_15", f = "_description_fufd7_24", s = "_text_fufd7_29", d = "_withDescription_fufd7_33", i = "_specific_fufd7_36", o = "_small_fufd7_46", c = "_filled_fufd7_51", l = "_white_fufd7_51", u = "_blue_fufd7_61", a = "_gray_fufd7_68", r = "_outlined_fufd7_72", p = "_disabled_fufd7_97", b = {
-  button: t,
-  startContent: _,
-  endContent: n,
-  link: e,
-  description: f,
-  text: s,
-  withDescription: d,
-  specific: i,
-  default: "_default_fufd7_40",
-  small: o,
-  filled: c,
-  white: l,
-  blue: u,
-  gray: a,
-  outlined: r,
-  disabled: p
-};
-export {
-  b as s
-};