@hai-dev/ui-kit 1.0.12 → 1.1.1

package/dist/decorators/centered-decorator/centered-decorator.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import '../../assets/centered-decorator.css';const t = "_centeredDecorator_jzrux_1", o = {
+  centeredDecorator: t
+}, n = ({ children: e }) => /* @__PURE__ */ r("div", { className: o.centeredDecorator, children: e });
+export {
+  n as CenteredDecorator
+};

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

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

package/dist/decorators/centered-decorator/index.js

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

package/dist/decorators/centered-decorator/types.js

@@ -0,0 +1 @@
+

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

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

package/dist/decorators/dark-decorator/dark-decorator.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../../assets/dark-decorator.css';const t = "_darkDecorator_t4qed_1", a = {
+  darkDecorator: t
+}, c = ({ children: r }) => /* @__PURE__ */ o("div", { className: a.darkDecorator, children: r });
+export {
+  c as DarkDecorator
+};

package/dist/decorators/dark-decorator/index.d.ts

@@ -0,0 +1,2 @@
+export { DarkDecorator } from './dark-decorator';
+export type { DarkDecoratorProps } from './types';

package/dist/decorators/dark-decorator/index.js

@@ -0,0 +1,4 @@
+import { DarkDecorator as a } from "./dark-decorator.js";
+export {
+  a as DarkDecorator
+};

package/dist/decorators/dark-decorator/types.d.ts

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

package/dist/decorators/dark-decorator/types.js

@@ -0,0 +1 @@
+

package/dist/decorators/index.d.ts

@@ -1 +1,2 @@
-export { CenteredDecorator } from './centered-decorator';
+export { CenteredDecorator, type CenteredDecoratorProps, } from './centered-decorator';
+export { DarkDecorator, type DarkDecoratorProps } from './dark-decorator';

package/dist/decorators/index.js

@@ -1,4 +1,6 @@
-import { CenteredDecorator as o } from "./centered-decorator.js";
+import { CenteredDecorator as e } from "./centered-decorator/centered-decorator.js";
+import { DarkDecorator as a } from "./dark-decorator/dark-decorator.js";
 export {
-  o as CenteredDecorator
+  e as CenteredDecorator,
+  a as DarkDecorator
 };

package/dist/extendSxProp-VC2-7DJw.js

@@ -0,0 +1,49 @@
+import { f as u, h as f, i as a, j as m } from "./createTheme-RRQUOQoF.js";
+import * as l from "react";
+function h(t) {
+  return Object.keys(t).length === 0;
+}
+function x(t = null) {
+  const e = l.useContext(u);
+  return !e || h(e) ? t : e;
+}
+const y = f();
+function b(t = y) {
+  return x(t);
+}
+const P = (t) => {
+  const e = {
+    systemProps: {},
+    otherProps: {}
+  }, r = t?.theme?.unstable_sxConfig ?? m;
+  return Object.keys(t).forEach((s) => {
+    r[s] ? e.systemProps[s] = t[s] : e.otherProps[s] = t[s];
+  }), e;
+};
+function j(t) {
+  const {
+    sx: e,
+    ...r
+  } = t, {
+    systemProps: s,
+    otherProps: c
+  } = P(r);
+  let n;
+  return Array.isArray(e) ? n = [s, ...e] : typeof e == "function" ? n = (...i) => {
+    const o = e(...i);
+    return a(o) ? {
+      ...s,
+      ...o
+    } : s;
+  } : n = {
+    ...s,
+    ...e
+  }, {
+    ...c,
+    sx: n
+  };
+}
+export {
+  j as e,
+  b as u
+};

package/dist/index-BMkXyDFs.js

@@ -0,0 +1,91 @@
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+import { u as y, e as m } from "./extendSxProp-VC2-7DJw.js";
+import { P as e, k as b, T as d } from "./createTheme-RRQUOQoF.js";
+import { G as T, e as h } from "./chainPropTypes-C04Ex8aP.js";
+function E(t) {
+  return t == null || Object.keys(t).length === 0;
+}
+function p(t) {
+  const {
+    styles: r,
+    defaultTheme: l = {}
+  } = t;
+  return /* @__PURE__ */ a(T, {
+    styles: typeof r == "function" ? (n) => r(E(n) ? l : n) : r
+  });
+}
+process.env.NODE_ENV !== "production" && (p.propTypes = {
+  defaultTheme: e.object,
+  styles: e.oneOfType([e.array, e.string, e.object, e.func])
+});
+function u(t) {
+  const r = b(t);
+  return t !== r && r.styles ? (r.styles.match(/^@layer\s+[^{]*$/) || (r.styles = `@layer global{${r.styles}}`), r) : t;
+}
+function f({
+  styles: t,
+  themeId: r,
+  defaultTheme: l = {}
+}) {
+  const o = y(l), n = r && o[r] || o;
+  let s = typeof t == "function" ? t(n) : t;
+  return n.modularCssLayers && (Array.isArray(s) ? s = s.map((i) => u(typeof i == "function" ? i(n) : i)) : s = u(s)), /* @__PURE__ */ a(p, {
+    styles: s
+  });
+}
+process.env.NODE_ENV !== "production" && (f.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  defaultTheme: e.object,
+  /**
+   * @ignore
+   */
+  styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool]),
+  /**
+   * @ignore
+   */
+  themeId: e.string
+});
+function c(t) {
+  return /* @__PURE__ */ a(f, {
+    ...t,
+    defaultTheme: h,
+    themeId: d
+  });
+}
+process.env.NODE_ENV !== "production" && (c.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The styles you want to apply globally.
+   */
+  styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool])
+});
+function x(t) {
+  return function(l) {
+    return (
+      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
+      /* @__PURE__ */ a(c, {
+        styles: typeof t == "function" ? (o) => t({
+          theme: o,
+          ...l
+        }) : t
+      })
+    );
+  };
+}
+function N() {
+  return m;
+}
+export {
+  x as g,
+  N as i
+};

package/dist/index.d.ts

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

package/dist/isHostComponent-Dm_U9uOy.js

@@ -0,0 +1,14 @@
+function o(n) {
+  return n && n.ownerDocument || document;
+}
+function e(n) {
+  return o(n).defaultView || window;
+}
+function r(n) {
+  return typeof n == "string";
+}
+export {
+  o as a,
+  r as i,
+  e as o
+};

package/dist/memoTheme-5A7c_y33.js

@@ -0,0 +1,15 @@
+import { p as s } from "./chainPropTypes-C04Ex8aP.js";
+const l = {
+  theme: void 0
+};
+function u(o) {
+  let m, n;
+  return function(t) {
+    let e = m;
+    return (e === void 0 || t.theme !== n) && (l.theme = t.theme, e = s(o(l)), m = e, n = t.theme), e;
+  };
+}
+const r = u;
+export {
+  r as m
+};

package/dist/refType-CCKoQjVR.js

@@ -0,0 +1,61 @@
+import * as u from "react";
+import { P as i } from "./createTheme-RRQUOQoF.js";
+import { b as a } from "./chainPropTypes-C04Ex8aP.js";
+const s = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
+function E(n) {
+  const e = u.useRef(n);
+  return s(() => {
+    e.current = n;
+  }), u.useRef((...c) => (
+    // @ts-expect-error hide `this`
+    (0, e.current)(...c)
+  )).current;
+}
+function R(...n) {
+  const e = u.useRef(void 0), c = u.useCallback((r) => {
+    const l = n.map((t) => {
+      if (t == null)
+        return null;
+      if (typeof t == "function") {
+        const f = t, o = f(r);
+        return typeof o == "function" ? o : () => {
+          f(null);
+        };
+      }
+      return t.current = r, () => {
+        t.current = null;
+      };
+    });
+    return () => {
+      l.forEach((t) => t?.());
+    };
+  }, n);
+  return u.useMemo(() => n.every((r) => r == null) ? null : (r) => {
+    e.current && (e.current(), e.current = void 0), r != null && (e.current = c(r));
+  }, n);
+}
+function p(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
+}
+function d(n, e, c, r, l) {
+  const t = n[e], f = l || e;
+  if (t == 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 t == "function" && !p(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${f}\` supplied to \`${c}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const h = a(i.elementType, d), w = i.oneOfType([i.func, i.object]);
+export {
+  E as a,
+  s as b,
+  h as e,
+  w as r,
+  R as u
+};

package/dist/{upload-dialog-errors-ku54UrUb.js → upload-dialog-errors-Bxun25O-.js}

@@ -1,12 +1,12 @@
-import { jsx as s, jsxs as m, Fragment as x } from "react/jsx-runtime";
+import { jsx as s, jsxs as g, Fragment as x } from "react/jsx-runtime";
 import { c } from "./index-B2JRaoNz.js";
-import { localizedText as g } from "./components/photo-crop-uploader/locale.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-Du4tqTs0.js";
+import { D as I, a as R, b as W } from "./DialogTitle-CeM_Z851.js";
 import * as O from "react";
-import { g as V, a as B, c as $, P as r } from "./createTheme-RvzX1VSA.js";
-import { m as C } from "./createSimplePaletteValueFilter-nb0wSOzC.js";
-import { u as z, s as w, c as E } from "./chainPropTypes-KIxDwPzf.js";
+import { g as V, a as B, c as $, P as r } from "./createTheme-RRQUOQoF.js";
+import { m as C } from "./memoTheme-5A7c_y33.js";
+import { u as z, s as w, c as E } from "./chainPropTypes-C04Ex8aP.js";
 import { Button as y } from "./components/button/button.js";
 import './assets/upload-dialog-errors.css';function M(e) {
   return V("MuiDivider", e);
@@ -17,14 +17,14 @@ const U = (e) => {
     absolute: t,
     children: o,
     classes: p,
-    flexItem: f,
+    flexItem: h,
     light: i,
     orientation: n,
-    textAlign: l,
-    variant: a
+    textAlign: a,
+    variant: l
   } = e;
   return E({
-    root: ["root", t && "absolute", a, i && "light", n === "vertical" && "vertical", f && "flexItem", o && "withChildren", o && n === "vertical" && "withChildrenVertical", l === "right" && n !== "vertical" && "textAlignRight", l === "left" && n !== "vertical" && "textAlignLeft"],
+    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"],
     wrapper: ["wrapper", n === "vertical" && "wrapperVertical"]
   }, M, p);
 }, j = w("div", {
@@ -193,50 +193,50 @@ const U = (e) => {
       paddingBottom: `calc(${e.spacing(1)} * 1.2)`
     }
   }]
-}))), h = /* @__PURE__ */ O.forwardRef(function(t, o) {
+}))), v = /* @__PURE__ */ O.forwardRef(function(t, o) {
   const p = z({
     props: t,
     name: "MuiDivider"
   }), {
-    absolute: f = !1,
+    absolute: h = !1,
     children: i,
     className: n,
-    orientation: l = "horizontal",
-    component: a = i || l === "vertical" ? "div" : "hr",
+    orientation: a = "horizontal",
+    component: l = i || a === "vertical" ? "div" : "hr",
     flexItem: b = !1,
     light: A = !1,
-    role: u = a !== "hr" ? "separator" : void 0,
+    role: m = l !== "hr" ? "separator" : void 0,
     textAlign: D = "center",
     variant: N = "fullWidth",
     ...T
-  } = p, v = {
+  } = p, u = {
     ...p,
-    absolute: f,
-    component: a,
+    absolute: h,
+    component: l,
     flexItem: b,
     light: A,
-    orientation: l,
-    role: u,
+    orientation: a,
+    role: m,
     textAlign: D,
     variant: N
-  }, _ = U(v);
+  }, _ = U(u);
   return /* @__PURE__ */ s(j, {
-    as: a,
+    as: l,
     className: $(_.root, n),
-    role: u,
+    role: m,
     ref: o,
-    ownerState: v,
-    "aria-orientation": u === "separator" && (a !== "hr" || l === "vertical") ? l : void 0,
+    ownerState: u,
+    "aria-orientation": m === "separator" && (l !== "hr" || a === "vertical") ? a : void 0,
     ...T,
     children: i ? /* @__PURE__ */ s(k, {
       className: _.wrapper,
-      ownerState: v,
+      ownerState: u,
       children: i
     }) : null
   });
 });
-h && (h.muiSkipListHighlight = !0);
-process.env.NODE_ENV !== "production" && (h.propTypes = {
+v && (v.muiSkipListHighlight = !0);
+process.env.NODE_ENV !== "production" && (v.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 +299,7 @@ process.env.NODE_ENV !== "production" && (h.propTypes = {
    */
   variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
 });
-const H = "_dialog_1mcfu_1", P = "_errorContent_1mcfu_7", F = "_errorItem_1mcfu_22", Y = "_fileName_1mcfu_28", q = "_topActions_1mcfu_34", G = "_close_1mcfu_40", J = "_botActions_1mcfu_44", K = "_button_1mcfu_49", Q = "_title_1mcfu_53", X = "_content_1mcfu_59", Z = "_many_1mcfu_67", tt = "_crop_1mcfu_74", et = "_dialogText_1mcfu_83", d = {
+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 = {
   dialog: H,
   errorContent: P,
   errorItem: F,
@@ -318,20 +318,20 @@ const H = "_dialog_1mcfu_1", P = "_errorContent_1mcfu_7", F = "_errorItem_1mcfu_
     photoSources: t,
     errors: o = [],
     onCloseDialogHandler: p,
-    onClearErrors: f,
+    onClearErrors: h,
     locale: i = S
   } = e;
-  return /* @__PURE__ */ m(x, { children: [
-    /* @__PURE__ */ s(I, { className: c(d.title), children: t.length ? g[i]["some-not-uploaded"] : g[i]["not-uploaded"] }),
-    /* @__PURE__ */ s(R, { className: c(d.errorContent), children: o.map(({ photoName: n, errorMessage: l }, a) => /* @__PURE__ */ m(x, { children: [
-      !!a && /* @__PURE__ */ s(h, {}),
-      /* @__PURE__ */ m("div", { className: c(d.errorItem), children: [
+  return /* @__PURE__ */ g(x, { 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("span", { className: c(d.fileName), children: n }),
         " ",
-        ` ${L} ${l}`
+        ` ${L} ${a}`
       ] })
-    ] }, a)) }),
-    /* @__PURE__ */ m(W, { className: c(d.botActions), children: [
+    ] }, l)) }),
+    /* @__PURE__ */ g(W, { className: c(d.botActions), children: [
       /* @__PURE__ */ s(
         y,
         {
@@ -341,7 +341,7 @@ const H = "_dialog_1mcfu_1", P = "_errorContent_1mcfu_7", F = "_errorItem_1mcfu_
           buttonWeight: 500,
           onClick: p,
           className: c(d.button),
-          children: g[i].close
+          children: f[i].close
         }
       ),
       !!t.length && /* @__PURE__ */ s(
@@ -351,9 +351,9 @@ const H = "_dialog_1mcfu_1", P = "_errorContent_1mcfu_7", F = "_errorItem_1mcfu_
           buttonColor: "blue",
           buttonVariant: "filled",
           buttonWeight: 500,
-          onClick: f,
+          onClick: h,
           className: c(d.button),
-          children: g[i].continue
+          children: f[i].continue
         }
       )
     ] })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.0.12",
+  "version": "1.1.1",
   "license": "UNLICENSED",
   "author": {
     "name": "Vladislav Knitrunov",