@hai-dev/ui-kit 1.0.4 → 1.0.6

package/dist/chainPropTypes-HYSaT0L0.js

@@ -0,0 +1,387 @@
+import { r as U, k as Z, l as k, E as z, m as ee, n as q, o as O, h as te, p as re, s as ne, a as J, i as se, e as oe, c as ie, P as F, b as ae, T as ue } from "./createTheme-BfVKUMHQ.js";
+import * as D from "react";
+import "react/jsx-runtime";
+var V, X;
+function ce() {
+  if (X) return V;
+  X = 1;
+  var e = U(), t = {
+    childContextTypes: !0,
+    contextType: !0,
+    contextTypes: !0,
+    defaultProps: !0,
+    displayName: !0,
+    getDefaultProps: !0,
+    getDerivedStateFromError: !0,
+    getDerivedStateFromProps: !0,
+    mixins: !0,
+    propTypes: !0,
+    type: !0
+  }, r = {
+    name: !0,
+    length: !0,
+    prototype: !0,
+    caller: !0,
+    callee: !0,
+    arguments: !0,
+    arity: !0
+  }, n = {
+    $$typeof: !0,
+    render: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0
+  }, o = {
+    $$typeof: !0,
+    compare: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0,
+    type: !0
+  }, s = {};
+  s[e.ForwardRef] = n, s[e.Memo] = o;
+  function i(p) {
+    return e.isMemo(p) ? o : s[p.$$typeof] || t;
+  }
+  var a = Object.defineProperty, d = Object.getOwnPropertyNames, u = Object.getOwnPropertySymbols, f = Object.getOwnPropertyDescriptor, b = Object.getPrototypeOf, _ = Object.prototype;
+  function E(p, m, N) {
+    if (typeof m != "string") {
+      if (_) {
+        var R = b(m);
+        R && R !== _ && E(p, R, N);
+      }
+      var v = d(m);
+      u && (v = v.concat(u(m)));
+      for (var g = i(p), x = i(m), T = 0; T < v.length; ++T) {
+        var c = v[T];
+        if (!r[c] && !(N && N[c]) && !(x && x[c]) && !(g && g[c])) {
+          var l = f(m, c);
+          try {
+            a(p, c, l);
+          } catch {
+          }
+        }
+      }
+    }
+    return p;
+  }
+  return V = E, V;
+}
+ce();
+var C = function(t, r) {
+  var n = arguments;
+  if (r == null || !k.call(r, "css"))
+    return D.createElement.apply(void 0, n);
+  var o = n.length, s = new Array(o);
+  s[0] = z, s[1] = ee(t, r);
+  for (var i = 2; i < o; i++)
+    s[i] = n[i];
+  return D.createElement.apply(null, s);
+};
+(function(e) {
+  var t;
+  t || (t = e.JSX || (e.JSX = {}));
+})(C || (C = {}));
+function le() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return Z(t);
+}
+function xe() {
+  var e = le.apply(void 0, arguments), t = "animation-" + e.name;
+  return {
+    name: t,
+    styles: "@keyframes " + t + "{" + e.styles + "}",
+    anim: 1,
+    toString: function() {
+      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
+    }
+  };
+}
+function B(e, t = "") {
+  return e.displayName || e.name || t;
+}
+function K(e, t, r) {
+  const n = B(t);
+  return e.displayName || (n !== "" ? `${r}(${n})` : r);
+}
+function fe(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return B(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case q.ForwardRef:
+          return K(e, e.render, "ForwardRef");
+        case q.Memo:
+          return K(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
+function ye(e) {
+  const {
+    variants: t,
+    ...r
+  } = e, n = {
+    variants: t,
+    style: O(r),
+    isProcessed: !0
+  };
+  return n.style === r || t && t.forEach((o) => {
+    typeof o.style != "function" && (o.style = O(o.style));
+  }), n;
+}
+const de = te();
+function L(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function w(e, t) {
+  return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+function me(e) {
+  return e ? (t, r) => r[e] : null;
+}
+function he(e, t, r) {
+  e.theme = Pe(e.theme) ? r : e.theme[t] || e.theme;
+}
+function j(e, t, r) {
+  const n = typeof t == "function" ? t(e) : t;
+  if (Array.isArray(n))
+    return n.flatMap((o) => j(e, o, r));
+  if (Array.isArray(n?.variants)) {
+    let o;
+    if (n.isProcessed)
+      o = r ? w(n.style, r) : n.style;
+    else {
+      const {
+        variants: s,
+        ...i
+      } = n;
+      o = r ? w(O(i), r) : i;
+    }
+    return Y(e, n.variants, [o], r);
+  }
+  return n?.isProcessed ? r ? w(O(n.style), r) : n.style : r ? w(O(n), r) : n;
+}
+function Y(e, t, r = [], n = void 0) {
+  let o;
+  e: for (let s = 0; s < t.length; s += 1) {
+    const i = t[s];
+    if (typeof i.props == "function") {
+      if (o ??= {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }, !i.props(o))
+        continue;
+    } else
+      for (const a in i.props)
+        if (e[a] !== i.props[a] && e.ownerState?.[a] !== i.props[a])
+          continue e;
+    typeof i.style == "function" ? (o ??= {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }, r.push(n ? w(O(i.style(o)), n) : i.style(o))) : r.push(n ? w(O(i.style), n) : i.style);
+  }
+  return r;
+}
+function pe(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: r = de,
+    rootShouldForwardProp: n = L,
+    slotShouldForwardProp: o = L
+  } = e;
+  function s(a) {
+    he(a, t, r);
+  }
+  return (a, d = {}) => {
+    re(a, (c) => c.filter((l) => l !== J));
+    const {
+      name: u,
+      slot: f,
+      skipVariantsResolver: b,
+      skipSx: _,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: E = me(G(f)),
+      ...p
+    } = d, m = u && u.startsWith("Mui") || f ? "components" : "custom", N = b !== void 0 ? b : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      f && f !== "Root" && f !== "root" || !1
+    ), R = _ || !1;
+    let v = L;
+    f === "Root" || f === "root" ? v = n : f ? v = o : we(a) && (v = void 0);
+    const g = ne(a, {
+      shouldForwardProp: v,
+      label: Se(u, f),
+      ...p
+    }), x = (c) => {
+      if (c.__emotion_real === c)
+        return c;
+      if (typeof c == "function")
+        return function(P) {
+          return j(P, c, P.theme.modularCssLayers ? m : void 0);
+        };
+      if (se(c)) {
+        const l = ye(c);
+        return function(S) {
+          return l.variants ? j(S, l, S.theme.modularCssLayers ? m : void 0) : S.theme.modularCssLayers ? w(l.style, m) : l.style;
+        };
+      }
+      return c;
+    }, T = (...c) => {
+      const l = [], P = c.map(x), S = [];
+      if (l.push(s), u && E && S.push(function(y) {
+        const h = y.theme.components?.[u]?.styleOverrides;
+        if (!h)
+          return null;
+        const H = {};
+        for (const W in h)
+          H[W] = j(y, h[W], y.theme.modularCssLayers ? "theme" : void 0);
+        return E(y, H);
+      }), u && !N && S.push(function(y) {
+        const h = y.theme?.components?.[u]?.variants;
+        return h ? Y(y, h, [], y.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), R || S.push(J), Array.isArray(P[0])) {
+        const A = P.shift(), y = new Array(l.length).fill(""), $ = new Array(S.length).fill("");
+        let h;
+        h = [...y, ...A, ...$], h.raw = [...y, ...A.raw, ...$], l.unshift(h);
+      }
+      const Q = [...l, ...P, ...S], I = g(...Q);
+      return a.muiName && (I.muiName = a.muiName), process.env.NODE_ENV !== "production" && (I.displayName = ve(u, f, a)), I;
+    };
+    return g.withConfig && (T.withConfig = g.withConfig), T;
+  };
+}
+function ve(e, t, r) {
+  return e ? `${e}${oe(t || "")}` : `Styled(${fe(r)})`;
+}
+function Se(e, t) {
+  let r;
+  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${G(t || "Root")}`), r;
+}
+function Pe(e) {
+  for (const t in e)
+    return !1;
+  return !0;
+}
+function we(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function G(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+function M(e, t, r = !1) {
+  const n = {
+    ...t
+  };
+  for (const o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      const s = o;
+      if (s === "components" || s === "slots")
+        n[s] = {
+          ...e[s],
+          ...n[s]
+        };
+      else if (s === "componentsProps" || s === "slotProps") {
+        const i = e[s], a = t[s];
+        if (!a)
+          n[s] = i || {};
+        else if (!i)
+          n[s] = a;
+        else {
+          n[s] = {
+            ...a
+          };
+          for (const d in i)
+            if (Object.prototype.hasOwnProperty.call(i, d)) {
+              const u = d;
+              n[s][u] = M(i[u], a[u], r);
+            }
+        }
+      } else s === "className" && r && t.className ? n.className = ie(e?.className, t?.className) : s === "style" && r && t.style ? n.style = {
+        ...e?.style,
+        ...t?.style
+      } : n[s] === void 0 && (n[s] = e[s]);
+    }
+  return n;
+}
+const Oe = /* @__PURE__ */ D.createContext(void 0);
+process.env.NODE_ENV !== "production" && (F.node, F.object);
+function ge(e) {
+  const {
+    theme: t,
+    name: r,
+    props: n
+  } = e;
+  if (!t || !t.components || !t.components[r])
+    return n;
+  const o = t.components[r];
+  return o.defaultProps ? M(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? M(o, n, t.components.mergeClassNameAndStyle) : n;
+}
+function Te({
+  props: e,
+  name: t
+}) {
+  const r = D.useContext(Oe);
+  return ge({
+    props: e,
+    name: t,
+    theme: {
+      components: r
+    }
+  });
+}
+function Ae(e, t, r = void 0) {
+  const n = {};
+  for (const o in e) {
+    const s = e[o];
+    let i = "", a = !0;
+    for (let d = 0; d < s.length; d += 1) {
+      const u = s[d];
+      u && (i += (a === !0 ? "" : " ") + t(u), a = !1, r && r[u] && (i += " " + r[u]));
+    }
+    n[o] = i;
+  }
+  return n;
+}
+const Ee = ae();
+function Ne(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const Re = (e) => Ne(e) && e !== "classes", $e = pe({
+  themeId: ue,
+  defaultTheme: Ee,
+  rootShouldForwardProp: Re
+});
+process.env.NODE_ENV !== "production" && (F.node, F.object.isRequired);
+function je(e) {
+  return Te(e);
+}
+function Fe(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return e(...n) || t(...n);
+  };
+}
+export {
+  M as a,
+  le as b,
+  Ae as c,
+  Fe as d,
+  Ee as e,
+  xe as k,
+  ye as p,
+  Re as r,
+  $e as s,
+  je as u
+};

package/dist/components/button/button.js

@@ -3,7 +3,7 @@ import { c as U } from "../../index-B2JRaoNz.js";
 import { ButtonContent as a } from "./button-content.js";
 import { BUTTON_COLOR_GRAY as h, BUTTON_SIZE_DEFAULT as I, BUTTON_VARIANT_OUTLINED as x, MIN_WIDTH_DEFAULT as C, BUTTON_WEIGHT_MEDIUM as E } from "./constants.js";
 import { s as A } from "../../button.module-BZPPmSAS.js";
-import { B as D } from "../../ButtonBase-CXGZ-DBC.js";
+import { B as D } from "../../ButtonBase-DZwhOh56.js";
 import { getButtonClassnames as L } from "./utils/get-button-classnames.js";
 const F = (m) => {
   const {

package/dist/components/circular-progress-loader/circular-progress-loader.d.ts

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

package/dist/components/circular-progress-loader/circular-progress-loader.js

@@ -0,0 +1,44 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { c as n } from "../../index-B2JRaoNz.js";
+import { PRECENT_SYMBOL as m } from "../../constants.js";
+import { CIRCULAR_PROGRESS_DEFAULT_VALUE as _, CIRCULAR_PROGRESS_SIZE as p } from "./constants.js";
+import { B as a } from "../../Box-CiYPzbPd.js";
+import { C } from "../../CircularProgress-BCrSQadM.js";
+import { T as d } from "../../Typography-BmYEfS8y.js";
+import '../../assets/circular-progress-loader.css';const g = "_circularProgressLoader_ric36_1", b = "_progress_ric36_7", u = "_labelContainer_ric36_10", x = "_labelText_ric36_20", r = {
+  circularProgressLoader: g,
+  progress: b,
+  labelContainer: u,
+  labelText: x
+}, h = (s) => {
+  const {
+    value: o = _,
+    className: t,
+    ...l
+  } = s, c = `${Math.round(o)}${m}`;
+  return /* @__PURE__ */ i(a, { className: r.circularProgressLoader, children: [
+    /* @__PURE__ */ e(
+      C,
+      {
+        className: n(r.progress, t),
+        size: p,
+        enableTrackSlot: !0,
+        variant: "determinate",
+        value: o,
+        ...l
+      }
+    ),
+    /* @__PURE__ */ e(a, { className: r.labelContainer, children: /* @__PURE__ */ e(
+      d,
+      {
+        className: r.labelText,
+        variant: "caption",
+        component: "div",
+        children: c
+      }
+    ) })
+  ] });
+};
+export {
+  h as CircularProgressLoader
+};

package/dist/components/circular-progress-loader/circular-progress-loader.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CircularProgressLoader } from './';
+type CircularProgressLoaderMeta = Meta<typeof CircularProgressLoader>;
+type CircularProgressLoaderStory = StoryObj<typeof CircularProgressLoader>;
+declare const meta: CircularProgressLoaderMeta;
+export default meta;
+export declare const Base: CircularProgressLoaderStory;

package/dist/components/circular-progress-loader/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const CIRCULAR_PROGRESS_SIZE = 100;
+export declare const CIRCULAR_PROGRESS_DEFAULT_VALUE = 0;

package/dist/components/circular-progress-loader/constants.js

@@ -0,0 +1,5 @@
+const R = 100, E = 0;
+export {
+  E as CIRCULAR_PROGRESS_DEFAULT_VALUE,
+  R as CIRCULAR_PROGRESS_SIZE
+};

package/dist/components/circular-progress-loader/index.d.ts

@@ -0,0 +1 @@
+export { CircularProgressLoader } from './circular-progress-loader';

package/dist/components/circular-progress-loader/index.js

@@ -0,0 +1,4 @@
+import { CircularProgressLoader as e } from "./circular-progress-loader.js";
+export {
+  e as CircularProgressLoader
+};

package/dist/components/circular-progress-loader/types.d.ts

@@ -0,0 +1,6 @@
+import { CircularProgressProps } from '@mui/material';
+type CircularProgressLoaderCustomProps = {
+    value?: number;
+};
+export type CircularProgressLoaderProps = CircularProgressLoaderCustomProps & CircularProgressProps;
+export {};

package/dist/components/circular-progress-loader/types.js

@@ -0,0 +1 @@
+

package/dist/components/index.d.ts

@@ -1,2 +1,3 @@
 export { PhotoCropUploader } from './photo-crop-uploader';
 export { Button } from './button';
+export { CircularProgressLoader } from './circular-progress-loader';

package/dist/components/index.js

@@ -1,6 +1,8 @@
-import { PhotoCropUploader as t } from "./photo-crop-uploader/photo-crop-uploader.js";
-import { Button as e } from "./button/button.js";
+import { PhotoCropUploader as e } from "./photo-crop-uploader/photo-crop-uploader.js";
+import { Button as p } from "./button/button.js";
+import { CircularProgressLoader as f } from "./circular-progress-loader/circular-progress-loader.js";
 export {
-  e as Button,
-  t as PhotoCropUploader
+  p as Button,
+  f as CircularProgressLoader,
+  e as PhotoCropUploader
 };

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

@@ -2,51 +2,52 @@ import { jsx as r, jsxs as u } from "react/jsx-runtime";
 import { c as p } from "../../../../index-B2JRaoNz.js";
 import { localizedText as d } from "../../locale.js";
 import { EN_LOCALE as f } from "../../../../constants.js";
-import { T as x, D as T, a as C, b as y, c as D } from "../../../../DialogTitle-KN1sayHD.js";
-import * as h from "react";
-import { g as E, a as N, b, P as o } from "../../../../createTheme-DSHGFfg6.js";
-import { u as _, s as P, c as j, r as v } from "../../../../ButtonBase-CXGZ-DBC.js";
-import { B as w } from "../../../../Button-DDlVTM6i.js";
-import '../../../../assets/error-upload-dialog.css';function O(s) {
-  return E("MuiDialogContentText", s);
+import { D as x, a as T, b as C, c as y } from "../../../../DialogTitle-BUcXvkzd.js";
+import * as D from "react";
+import { d as h, g as E, c as N, P as o } from "../../../../createTheme-BfVKUMHQ.js";
+import { u as _, s as b, c as P, r as j } from "../../../../chainPropTypes-HYSaT0L0.js";
+import { T as v } from "../../../../Typography-BmYEfS8y.js";
+import { B as w } from "../../../../Button-chJUX25I.js";
+import '../../../../assets/error-upload-dialog.css';function O(t) {
+  return h("MuiDialogContentText", t);
 }
-N("MuiDialogContentText", ["root"]);
-const U = (s) => {
+E("MuiDialogContentText", ["root"]);
+const U = (t) => {
   const {
     classes: e
-  } = s, t = j({
+  } = t, s = P({
     root: ["root"]
   }, O, e);
   return {
     ...e,
     // forward classes to the Typography
-    ...t
+    ...s
   };
-}, M = P(x, {
-  shouldForwardProp: (s) => v(s) || s === "classes",
+}, M = b(v, {
+  shouldForwardProp: (t) => j(t) || t === "classes",
   name: "MuiDialogContentText",
   slot: "Root"
-})({}), m = /* @__PURE__ */ h.forwardRef(function(e, a) {
-  const t = _({
+})({}), g = /* @__PURE__ */ D.forwardRef(function(e, a) {
+  const s = _({
     props: e,
     name: "MuiDialogContentText"
   }), {
     children: n,
     className: l,
     ...i
-  } = t, c = U(i);
+  } = s, c = U(i);
   return /* @__PURE__ */ r(M, {
     component: "p",
     variant: "body1",
     color: "textSecondary",
     ref: a,
     ownerState: i,
-    className: b(c.root, l),
-    ...t,
+    className: N(c.root, l),
+    ...s,
     classes: c
   });
 });
-process.env.NODE_ENV !== "production" && (m.propTypes = {
+process.env.NODE_ENV !== "production" && (g.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -68,31 +69,31 @@ process.env.NODE_ENV !== "production" && (m.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-const R = "_dialog_lyvu5_1", S = "_dialogErrorText_lyvu5_1", g = {
+const R = "_dialog_lyvu5_1", S = "_dialogErrorText_lyvu5_1", m = {
   dialog: R,
   dialogErrorText: S
-}, G = (s) => {
+}, H = (t) => {
   const {
     photoError: e,
     onCloseErrorDialog: a,
-    locale: t = f,
+    locale: s = f,
     className: n,
     ...l
-  } = s;
+  } = t;
   return /* @__PURE__ */ u(
-    T,
+    x,
     {
-      className: p(g.dialog, n),
+      className: p(m.dialog, n),
       onClose: a,
       ...l,
       children: [
-        /* @__PURE__ */ r(C, { children: d[t].error }),
-        /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(m, { className: p(g.dialogErrorText), children: e }) }),
-        /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(w, { onClick: a, children: d[t].back }) })
+        /* @__PURE__ */ r(T, { children: d[s].error }),
+        /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(g, { className: p(m.dialogErrorText), children: e }) }),
+        /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(w, { onClick: a, children: d[s].back }) })
       ]
     }
   );
 };
 export {
-  G as ErrorUploadDialog
+  H as ErrorUploadDialog
 };