@hai-dev/ui-kit 1.1.12 → 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/{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/{upload-dialog-errors-DHl0bh1n.js → upload-dialog-errors-CCRxzIZp.js}

@@ -1,14 +1,15 @@
-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 L, DASH_SYMBOL as S } from "./constants.js";
-import { D as I, a as R, b as W } from "./DialogTitle-BtvmXSZP.js";
+import { EN_LOCALE as S, DASH_SYMBOL as L } from "./constants.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 k, c as B, P as r } from "./createTheme-D8R2Cz2N.js";
-import { m as C } from "./memoTheme-D5VCpQCz.js";
-import { u as $, c as z, s as w } from "./chainPropTypes-DiJb1lGa.js";
-import { Button as y } from "./components/button/button.js";
-import './assets/upload-dialog-errors.css';function E(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);
 }
 k("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
@@ -16,17 +17,17 @@ const M = (e) => {
   const {
     absolute: t,
     children: o,
-    classes: d,
-    flexItem: h,
+    classes: p,
+    flexItem: g,
     light: i,
     orientation: n,
     textAlign: l,
     variant: a
   } = e;
   return z({
-    root: ["root", t && "absolute", a, i && "light", n === "vertical" && "vertical", h && "flexItem", o && "withChildren", o && n === "vertical" && "withChildrenVertical", l === "right" && n !== "vertical" && "textAlignRight", l === "left" && n !== "vertical" && "textAlignLeft"],
+    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"]
-  }, E, d);
+  }, E, p);
 }, U = w("div", {
   name: "MuiDivider",
   slot: "Root",
@@ -193,50 +194,50 @@ const M = (e) => {
       paddingBottom: `calc(${e.spacing(1)} * 1.2)`
     }
   }]
-}))), v = /* @__PURE__ */ O.forwardRef(function(t, o) {
-  const d = $({
+}))), m = /* @__PURE__ */ O.forwardRef(function(t, o) {
+  const p = $({
     props: t,
     name: "MuiDivider"
   }), {
-    absolute: h = !1,
+    absolute: g = !1,
     children: i,
     className: n,
     orientation: l = "horizontal",
     component: a = i || l === "vertical" ? "div" : "hr",
     flexItem: b = !1,
     light: A = !1,
-    role: m = a !== "hr" ? "separator" : void 0,
+    role: u = a !== "hr" ? "separator" : void 0,
     textAlign: D = "center",
     variant: N = "fullWidth",
     ...T
-  } = d, u = {
-    ...d,
-    absolute: h,
+  } = p, v = {
+    ...p,
+    absolute: g,
     component: a,
     flexItem: b,
     light: A,
     orientation: l,
-    role: m,
+    role: u,
     textAlign: D,
     variant: N
-  }, _ = M(u);
+  }, _ = M(v);
   return /* @__PURE__ */ s(U, {
     as: a,
     className: B(_.root, n),
-    role: m,
+    role: u,
     ref: o,
-    ownerState: u,
-    "aria-orientation": m === "separator" && (a !== "hr" || l === "vertical") ? l : void 0,
+    ownerState: v,
+    "aria-orientation": u === "separator" && (a !== "hr" || l === "vertical") ? l : void 0,
     ...T,
     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,7 +300,7 @@ process.env.NODE_ENV !== "production" && (v.propTypes = {
    */
   variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
 });
-const H = "_dialog_n5vpn_1", P = "_dark_n5vpn_1", F = "_errorContent_n5vpn_5", Y = "_errorItem_n5vpn_38", q = "_fileName_n5vpn_45", G = "_topActions_n5vpn_51", J = "_close_n5vpn_57", K = "_botActions_n5vpn_61", Q = "_button_n5vpn_66", X = "_title_n5vpn_70", Z = "_content_n5vpn_76", tt = "_many_n5vpn_84", et = "_photoList_n5vpn_87", ot = "_crop_n5vpn_91", rt = "_dialogText_n5vpn_100", p = {
+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,
   dark: P,
   errorContent: F,
@@ -312,49 +313,48 @@ const H = "_dialog_n5vpn_1", P = "_dark_n5vpn_1", F = "_errorContent_n5vpn_5", Y
   title: X,
   content: Z,
   many: tt,
-  photoList: et,
-  crop: ot,
-  dialogText: rt
-}, gt = (e) => {
+  crop: et,
+  dialogText: ot
+}, ht = (e) => {
   const {
     photoSources: t,
     errors: o = [],
-    onCloseDialogHandler: d,
-    onClearErrors: h,
-    locale: i = L
+    onCloseDialogHandler: p,
+    onClearErrors: g,
+    locale: i = S
   } = e;
-  return /* @__PURE__ */ g(x, { children: [
-    /* @__PURE__ */ s(I, { className: c(p.title), children: t.length ? f[i]["some-not-uploaded"] : f[i]["not-uploaded"] }),
-    /* @__PURE__ */ s(R, { className: c(p.errorContent), children: o.map(({ photoName: n, errorMessage: l }, a) => /* @__PURE__ */ g(x, { children: [
-      !!a && /* @__PURE__ */ s(v, {}),
-      /* @__PURE__ */ g("div", { className: c(p.errorItem), children: [
-        /* @__PURE__ */ s("span", { className: c(p.fileName), children: n }),
+  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: 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 }),
         " ",
-        ` ${S} ${l}`
+        ` ${L} ${l}`
       ] })
     ] }, a)) }),
-    /* @__PURE__ */ g(W, { className: c(p.botActions), children: [
+    /* @__PURE__ */ h(W, { className: c(d.botActions), children: [
       /* @__PURE__ */ s(
-        y,
+        x,
         {
           buttonSize: "small",
-          buttonColor: "blue",
+          buttonColor: "red",
           buttonVariant: "outlined",
           buttonWeight: 500,
-          onClick: d,
-          className: c(p.button),
+          onClick: p,
+          className: c(d.button),
           children: f[i].close
         }
       ),
       !!t.length && /* @__PURE__ */ s(
-        y,
+        x,
         {
           buttonSize: "small",
           buttonColor: "blue",
-          buttonVariant: "filled",
+          buttonVariant: "outlined",
           buttonWeight: 500,
-          onClick: h,
-          className: c(p.button),
+          onClick: g,
+          className: c(d.button),
           children: f[i].continue
         }
       )
@@ -362,6 +362,6 @@ const H = "_dialog_n5vpn_1", P = "_dark_n5vpn_1", F = "_errorContent_n5vpn_5", Y
   ] });
 };
 export {
-  gt as U,
-  p as s
+  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.12",
+  "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
-};