@hai-dev/ui-kit 1.0.12 → 1.1.0

package/dist/{DialogTitle-Du4tqTs0.js → DialogTitle-CeM_Z851.js}

@@ -1,9 +1,9 @@
 import * as p from "react";
-import { g as d, a as g, c as u, P as o } from "./createTheme-RvzX1VSA.js";
+import { g as d, a as g, c as u, P as o } from "./createTheme-RRQUOQoF.js";
 import { jsx as f } from "react/jsx-runtime";
-import { u as m, s as D, c as v } from "./chainPropTypes-KIxDwPzf.js";
-import { m as b } from "./createSimplePaletteValueFilter-nb0wSOzC.js";
-import { T as x } from "./Typography-r_TXEM1e.js";
+import { u as m, s as D, c as v } from "./chainPropTypes-C04Ex8aP.js";
+import { m as b } from "./memoTheme-5A7c_y33.js";
+import { T as x } from "./Typography-DDVoglvI.js";
 const y = /* @__PURE__ */ p.createContext({});
 process.env.NODE_ENV !== "production" && (y.displayName = "DialogContext");
 function C(t) {

package/dist/{Typography-r_TXEM1e.js → Typography-DDVoglvI.js}

@@ -1,17 +1,15 @@
 import * as O from "react";
-import { g as j, a as S, c as B, b as c, P as e } from "./createTheme-RvzX1VSA.js";
-import { jsx as P } from "react/jsx-runtime";
-import { e as w } from "./extendSxProp-BW9e6LtL.js";
-import { m as C, c as W } from "./createSimplePaletteValueFilter-nb0wSOzC.js";
-import { u as M, s as R, c as N } from "./chainPropTypes-KIxDwPzf.js";
-function D() {
-  return w;
-}
-function U(o) {
+import { g as j, a as B, c as S, b as c, P as r } from "./createTheme-RRQUOQoF.js";
+import { i as w } from "./index-BMkXyDFs.js";
+import { m as C } from "./memoTheme-5A7c_y33.js";
+import { c as P } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { jsx as W } from "react/jsx-runtime";
+import { u as M, s as R, c as N } from "./chainPropTypes-C04Ex8aP.js";
+function D(o) {
   return j("MuiTypography", o);
 }
-S("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const $ = {
+B("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+const U = {
   primary: !0,
   secondary: !0,
   error: !0,
@@ -21,26 +19,26 @@ const $ = {
   textPrimary: !0,
   textSecondary: !0,
   textDisabled: !0
-}, A = D(), E = (o) => {
+}, A = w(), E = (o) => {
   const {
     align: t,
-    gutterBottom: r,
+    gutterBottom: e,
     noWrap: a,
     paragraph: p,
     variant: s,
     classes: i
   } = o, n = {
-    root: ["root", s, o.align !== "inherit" && `align${c(t)}`, r && "gutterBottom", a && "noWrap", p && "paragraph"]
+    root: ["root", s, o.align !== "inherit" && `align${c(t)}`, e && "gutterBottom", a && "noWrap", p && "paragraph"]
   };
-  return N(n, U, i);
+  return N(n, D, i);
 }, V = R("span", {
   name: "MuiTypography",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: r
+      ownerState: e
     } = o;
-    return [t.root, r.variant && t[r.variant], r.align !== "inherit" && t[`align${c(r.align)}`], r.noWrap && t.noWrap, r.gutterBottom && t.gutterBottom, r.paragraph && t.paragraph];
+    return [t.root, e.variant && t[e.variant], e.align !== "inherit" && t[`align${c(e.align)}`], e.noWrap && t.noWrap, e.gutterBottom && t.gutterBottom, e.paragraph && t.paragraph];
   }
 })(C(({
   theme: o
@@ -56,12 +54,12 @@ const $ = {
       lineHeight: "inherit",
       letterSpacing: "inherit"
     }
-  }, ...Object.entries(o.typography).filter(([t, r]) => t !== "inherit" && r && typeof r == "object").map(([t, r]) => ({
+  }, ...Object.entries(o.typography).filter(([t, e]) => t !== "inherit" && e && typeof e == "object").map(([t, e]) => ({
     props: {
       variant: t
     },
-    style: r
-  })), ...Object.entries(o.palette).filter(W()).map(([t]) => ({
+    style: e
+  })), ...Object.entries(o.palette).filter(P()).map(([t]) => ({
     props: {
       color: t
     },
@@ -118,14 +116,14 @@ const $ = {
   body1: "p",
   body2: "p",
   inherit: "p"
-}, _ = /* @__PURE__ */ O.forwardRef(function(t, r) {
+}, $ = /* @__PURE__ */ O.forwardRef(function(t, e) {
   const {
     color: a,
     ...p
   } = M({
     props: t,
     name: "MuiTypography"
-  }), s = !$[a], i = A({
+  }), s = !U[a], i = A({
     ...p,
     ...s && {
       color: a
@@ -152,10 +150,10 @@ const $ = {
     variant: l,
     variantMapping: u
   }, v = h || (y ? "p" : u[l] || b[l]) || "span", T = E(f);
-  return /* @__PURE__ */ P(V, {
+  return /* @__PURE__ */ W(V, {
     as: v,
-    ref: r,
-    className: B(T.root, g),
+    ref: e,
+    className: S(T.root, g),
     ...m,
     ownerState: f,
     style: {
@@ -166,7 +164,7 @@ const $ = {
     }
   });
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = {
+process.env.NODE_ENV !== "production" && ($.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -175,35 +173,35 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    * Set the text-align on the component.
    * @default 'inherit'
    */
-  align: e.oneOf(["center", "inherit", "justify", "left", "right"]),
+  align: r.oneOf(["center", "inherit", "justify", "left", "right"]),
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: r.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: r.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: r.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    */
-  color: e.oneOfType([e.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), e.string]),
+  color: r.oneOfType([r.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), r.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: r.elementType,
   /**
    * If `true`, the text will have a bottom margin.
    * @default false
    */
-  gutterBottom: e.bool,
+  gutterBottom: r.bool,
   /**
    * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
    *
@@ -211,26 +209,26 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    * (the element needs to have a width in order to overflow).
    * @default false
    */
-  noWrap: e.bool,
+  noWrap: r.bool,
   /**
    * If `true`, the element will be a paragraph element.
    * @default false
    * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  paragraph: e.bool,
+  paragraph: r.bool,
   /**
    * @ignore
    */
-  style: e.object,
+  style: r.object,
   /**
    * 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]),
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
   /**
    * Applies the theme typography styles.
    * @default 'body1'
    */
-  variant: e.oneOfType([e.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), e.string]),
+  variant: r.oneOfType([r.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), r.string]),
   /**
    * The component maps the variant prop to a range of different HTML element types.
    * For instance, subtitle1 to `<h6>`.
@@ -250,8 +248,8 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    *   inherit: 'p',
    * }
    */
-  variantMapping: e.object
+  variantMapping: r.object
 });
 export {
-  _ as T
+  $ as T
 };

package/dist/assets/centered-decorator.css

@@ -0,0 +1 @@
+._centeredDecorator_jzrux_1{width:100%;display:flex;align-items:center;justify-content:center}

package/dist/assets/code-input.css

@@ -0,0 +1 @@
+._codeInput_4y25h_1{display:flex;gap:12px}._codeInput_4y25h_1 ._codeInputItem_4y25h_5{width:50px;height:50px;background-color:#f2f3f51a;border:1px solid;border-color:#e6e6e61a;color:#fff;border-radius:12px;font-size:20px;line-height:150%;font-weight:600;transition:border-color .3s ease}._codeInput_4y25h_1 ._codeInputItem_4y25h_5 input{text-align:center}._codeInput_4y25h_1 ._codeInputItem_4y25h_5.Mui-focused{border-color:#e6e6e6}

package/dist/assets/dark-decorator.css

@@ -0,0 +1 @@
+._darkDecorator_t4qed_1{padding:32px;background-color:#1a1a27;display:flex;align-items:center;justify-content:center}

package/dist/assets/upload-dialog-errors.css

@@ -1 +1 @@
-._dialog_1mcfu_1 .MuiPaper-root{border-radius:24px;padding:48px;min-width:840px;max-width:100%}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7::-webkit-scrollbar{height:8px;width:8px}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7::-webkit-scrollbar-track{background:#f2f3f5;border-radius:16px}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:16px}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7{margin:32px 0 24px}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7 ._errorItem_1mcfu_22{font-weight:500;font-size:22px;line-height:150%;color:#e2402fe0}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7 ._errorItem_1mcfu_22 ._fileName_1mcfu_28{font-weight:700}._dialog_1mcfu_1 .MuiPaper-root ._errorContent_1mcfu_7 *+*{margin-top:16px}._dialog_1mcfu_1 .MuiPaper-root ._topActions_1mcfu_34{position:absolute;right:0;top:0;padding:32px}._dialog_1mcfu_1 .MuiPaper-root ._topActions_1mcfu_34 ._close_1mcfu_40{width:40px;height:40px}._dialog_1mcfu_1 .MuiPaper-root ._botActions_1mcfu_44{padding:0;display:flex;justify-content:space-between}._dialog_1mcfu_1 .MuiPaper-root ._botActions_1mcfu_44 ._button_1mcfu_49{width:100%;text-transform:none}._dialog_1mcfu_1 .MuiPaper-root ._title_1mcfu_53{padding:0;font-weight:600;font-size:32px;line-height:100%}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59{margin:32px 0 24px;padding-bottom:0;display:flex;align-items:center;justify-content:center;overflow:visible}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59._many_1mcfu_67{justify-content:space-between}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59 ._photoList_1mcfu_70{display:flex;flex-direction:column}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59 ._crop_1mcfu_74{max-height:670px}._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59 ._crop_1mcfu_74 .ReactCrop__child-wrapper,._dialog_1mcfu_1 .MuiPaper-root ._content_1mcfu_59 ._crop_1mcfu_74 .ReactCrop__crop-mask{border-radius:12px}._dialog_1mcfu_1 .MuiPaper-root ._dialogText_1mcfu_83{color:#e2402fe0}
+._dialog_1h5av_1 .MuiPaper-root{border-radius:24px;padding:48px;min-width:840px;max-width:100%}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7::-webkit-scrollbar{height:8px;width:8px}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7::-webkit-scrollbar-track{background:#f2f3f5;border-radius:16px}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:16px}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7{margin:32px 0 24px}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7 ._errorItem_1h5av_22{font-size:22px;letter-spacing:0%;line-height:150%;font-weight:500;color:#e2402fe0}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7 ._errorItem_1h5av_22 ._fileName_1h5av_29{font-weight:700}._dialog_1h5av_1 .MuiPaper-root ._errorContent_1h5av_7 *+*{margin-top:16px}._dialog_1h5av_1 .MuiPaper-root ._topActions_1h5av_35{position:absolute;right:0;top:0;padding:32px}._dialog_1h5av_1 .MuiPaper-root ._topActions_1h5av_35 ._close_1h5av_41{width:40px;height:40px}._dialog_1h5av_1 .MuiPaper-root ._botActions_1h5av_45{padding:0;display:flex;justify-content:space-between}._dialog_1h5av_1 .MuiPaper-root ._botActions_1h5av_45 ._button_1h5av_50{width:100%;text-transform:none}._dialog_1h5av_1 .MuiPaper-root ._title_1h5av_54{padding:0;font-weight:600;font-size:32px;line-height:100%}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60{margin:32px 0 24px;padding-bottom:0;display:flex;align-items:center;justify-content:center;overflow:visible}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60._many_1h5av_68{justify-content:space-between}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60 ._photoList_1h5av_71{display:flex;flex-direction:column}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60 ._crop_1h5av_75{max-height:670px}._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60 ._crop_1h5av_75 .ReactCrop__child-wrapper,._dialog_1h5av_1 .MuiPaper-root ._content_1h5av_60 ._crop_1h5av_75 .ReactCrop__crop-mask{border-radius:12px}._dialog_1h5av_1 .MuiPaper-root ._dialogText_1h5av_84{color:#e2402fe0}

package/dist/chainPropTypes-C04Ex8aP.js

@@ -0,0 +1,413 @@
+import { r as Z, m as G, w as z, f as ee, u as W, n as te, o as re, E as ne, p as se, q as H, k as P, h as oe, t as ie, s as ae, d as J, i as ue, b as le, c as fe, P as D, e as ce, T as ye } from "./createTheme-RRQUOQoF.js";
+import * as E from "react";
+import "react/jsx-runtime";
+var L, X;
+function de() {
+  if (X) return L;
+  X = 1;
+  var e = Z(), t = {
+    childContextTypes: !0,
+    contextType: !0,
+    contextTypes: !0,
+    defaultProps: !0,
+    displayName: !0,
+    getDefaultProps: !0,
+    getDerivedStateFromError: !0,
+    getDerivedStateFromProps: !0,
+    mixins: !0,
+    propTypes: !0,
+    type: !0
+  }, n = {
+    name: !0,
+    length: !0,
+    prototype: !0,
+    caller: !0,
+    callee: !0,
+    arguments: !0,
+    arity: !0
+  }, r = {
+    $$typeof: !0,
+    render: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0
+  }, i = {
+    $$typeof: !0,
+    compare: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0,
+    type: !0
+  }, s = {};
+  s[e.ForwardRef] = r, s[e.Memo] = i;
+  function o(p) {
+    return e.isMemo(p) ? i : s[p.$$typeof] || t;
+  }
+  var a = Object.defineProperty, f = Object.getOwnPropertyNames, u = Object.getOwnPropertySymbols, y = Object.getOwnPropertyDescriptor, N = Object.getPrototypeOf, A = Object.prototype;
+  function b(p, m, R) {
+    if (typeof m != "string") {
+      if (A) {
+        var x = N(m);
+        x && x !== A && b(p, x, R);
+      }
+      var v = f(m);
+      u && (v = v.concat(u(m)));
+      for (var O = o(p), _ = o(m), T = 0; T < v.length; ++T) {
+        var l = v[T];
+        if (!n[l] && !(R && R[l]) && !(_ && _[l]) && !(O && O[l])) {
+          var c = y(m, l);
+          try {
+            a(p, l, c);
+          } catch {
+          }
+        }
+      }
+    }
+    return p;
+  }
+  return L = b, L;
+}
+de();
+var k = function(t, n) {
+  var r = arguments;
+  if (n == null || !re.call(n, "css"))
+    return E.createElement.apply(void 0, r);
+  var i = r.length, s = new Array(i);
+  s[0] = ne, s[1] = se(t, n);
+  for (var o = 2; o < i; o++)
+    s[o] = r[o];
+  return E.createElement.apply(null, s);
+};
+(function(e) {
+  var t;
+  t || (t = e.JSX || (e.JSX = {}));
+})(k || (k = {}));
+var Fe = /* @__PURE__ */ z(function(e, t) {
+  var n = e.styles, r = G([n], void 0, E.useContext(ee)), i = E.useRef();
+  return W(function() {
+    var s = t.key + "-global", o = new t.sheet.constructor({
+      key: s,
+      nonce: t.sheet.nonce,
+      container: t.sheet.container,
+      speedy: t.sheet.isSpeedy
+    }), a = !1, f = document.querySelector('style[data-emotion="' + s + " " + r.name + '"]');
+    return t.sheet.tags.length && (o.before = t.sheet.tags[0]), f !== null && (a = !0, f.setAttribute("data-emotion", s), o.hydrate([f])), i.current = [o, a], function() {
+      o.flush();
+    };
+  }, [t]), W(function() {
+    var s = i.current, o = s[0], a = s[1];
+    if (a) {
+      s[1] = !1;
+      return;
+    }
+    if (r.next !== void 0 && te(t, r.next, !0), o.tags.length) {
+      var f = o.tags[o.tags.length - 1].nextElementSibling;
+      o.before = f, o.flush();
+    }
+    t.insert("", r, o, !1);
+  }, [t, r.name]), null;
+});
+function me() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return G(t);
+}
+function De() {
+  var e = me.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, n) {
+  const r = B(t);
+  return e.displayName || (r !== "" ? `${n}(${r})` : n);
+}
+function he(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 H.ForwardRef:
+          return K(e, e.render, "ForwardRef");
+        case H.Memo:
+          return K(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
+function pe(e) {
+  const {
+    variants: t,
+    ...n
+  } = e, r = {
+    variants: t,
+    style: P(n),
+    isProcessed: !0
+  };
+  return r.style === n || t && t.forEach((i) => {
+    typeof i.style != "function" && (i.style = P(i.style));
+  }), r;
+}
+const ve = oe();
+function V(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 Se(e) {
+  return e ? (t, n) => n[e] : null;
+}
+function ge(e, t, n) {
+  e.theme = Te(e.theme) ? n : e.theme[t] || e.theme;
+}
+function F(e, t, n) {
+  const r = typeof t == "function" ? t(e) : t;
+  if (Array.isArray(r))
+    return r.flatMap((i) => F(e, i, n));
+  if (Array.isArray(r?.variants)) {
+    let i;
+    if (r.isProcessed)
+      i = n ? w(r.style, n) : r.style;
+    else {
+      const {
+        variants: s,
+        ...o
+      } = r;
+      i = n ? w(P(o), n) : o;
+    }
+    return Y(e, r.variants, [i], n);
+  }
+  return r?.isProcessed ? n ? w(P(r.style), n) : r.style : n ? w(P(r), n) : r;
+}
+function Y(e, t, n = [], r = void 0) {
+  let i;
+  e: for (let s = 0; s < t.length; s += 1) {
+    const o = t[s];
+    if (typeof o.props == "function") {
+      if (i ??= {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }, !o.props(i))
+        continue;
+    } else
+      for (const a in o.props)
+        if (e[a] !== o.props[a] && e.ownerState?.[a] !== o.props[a])
+          continue e;
+    typeof o.style == "function" ? (i ??= {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }, n.push(r ? w(P(o.style(i)), r) : o.style(i))) : n.push(r ? w(P(o.style), r) : o.style);
+  }
+  return n;
+}
+function we(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: n = ve,
+    rootShouldForwardProp: r = V,
+    slotShouldForwardProp: i = V
+  } = e;
+  function s(a) {
+    ge(a, t, n);
+  }
+  return (a, f = {}) => {
+    ie(a, (l) => l.filter((c) => c !== J));
+    const {
+      name: u,
+      slot: y,
+      skipVariantsResolver: N,
+      skipSx: A,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: b = Se(Q(y)),
+      ...p
+    } = f, m = u && u.startsWith("Mui") || y ? "components" : "custom", R = N !== void 0 ? N : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      y && y !== "Root" && y !== "root" || !1
+    ), x = A || !1;
+    let v = V;
+    y === "Root" || y === "root" ? v = r : y ? v = i : Ee(a) && (v = void 0);
+    const O = ae(a, {
+      shouldForwardProp: v,
+      label: Oe(u, y),
+      ...p
+    }), _ = (l) => {
+      if (l.__emotion_real === l)
+        return l;
+      if (typeof l == "function")
+        return function(g) {
+          return F(g, l, g.theme.modularCssLayers ? m : void 0);
+        };
+      if (ue(l)) {
+        const c = pe(l);
+        return function(S) {
+          return c.variants ? F(S, c, S.theme.modularCssLayers ? m : void 0) : S.theme.modularCssLayers ? w(c.style, m) : c.style;
+        };
+      }
+      return l;
+    }, T = (...l) => {
+      const c = [], g = l.map(_), S = [];
+      if (c.push(s), u && b && S.push(function(d) {
+        const h = d.theme.components?.[u]?.styleOverrides;
+        if (!h)
+          return null;
+        const C = {};
+        for (const q in h)
+          C[q] = F(d, h[q], d.theme.modularCssLayers ? "theme" : void 0);
+        return b(d, C);
+      }), u && !R && S.push(function(d) {
+        const h = d.theme?.components?.[u]?.variants;
+        return h ? Y(d, h, [], d.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), x || S.push(J), Array.isArray(g[0])) {
+        const $ = g.shift(), d = new Array(c.length).fill(""), j = new Array(S.length).fill("");
+        let h;
+        h = [...d, ...$, ...j], h.raw = [...d, ...$.raw, ...j], c.unshift(h);
+      }
+      const U = [...c, ...g, ...S], I = O(...U);
+      return a.muiName && (I.muiName = a.muiName), process.env.NODE_ENV !== "production" && (I.displayName = Pe(u, y, a)), I;
+    };
+    return O.withConfig && (T.withConfig = O.withConfig), T;
+  };
+}
+function Pe(e, t, n) {
+  return e ? `${e}${le(t || "")}` : `Styled(${he(n)})`;
+}
+function Oe(e, t) {
+  let n;
+  return process.env.NODE_ENV !== "production" && e && (n = `${e}-${Q(t || "Root")}`), n;
+}
+function Te(e) {
+  for (const t in e)
+    return !1;
+  return !0;
+}
+function Ee(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 Q(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+function M(e, t, n = !1) {
+  const r = {
+    ...t
+  };
+  for (const i in e)
+    if (Object.prototype.hasOwnProperty.call(e, i)) {
+      const s = i;
+      if (s === "components" || s === "slots")
+        r[s] = {
+          ...e[s],
+          ...r[s]
+        };
+      else if (s === "componentsProps" || s === "slotProps") {
+        const o = e[s], a = t[s];
+        if (!a)
+          r[s] = o || {};
+        else if (!o)
+          r[s] = a;
+        else {
+          r[s] = {
+            ...a
+          };
+          for (const f in o)
+            if (Object.prototype.hasOwnProperty.call(o, f)) {
+              const u = f;
+              r[s][u] = M(o[u], a[u], n);
+            }
+        }
+      } else s === "className" && n && t.className ? r.className = fe(e?.className, t?.className) : s === "style" && n && t.style ? r.style = {
+        ...e?.style,
+        ...t?.style
+      } : r[s] === void 0 && (r[s] = e[s]);
+    }
+  return r;
+}
+const be = /* @__PURE__ */ E.createContext(void 0);
+process.env.NODE_ENV !== "production" && (D.node, D.object);
+function Re(e) {
+  const {
+    theme: t,
+    name: n,
+    props: r
+  } = e;
+  if (!t || !t.components || !t.components[n])
+    return r;
+  const i = t.components[n];
+  return i.defaultProps ? M(i.defaultProps, r, t.components.mergeClassNameAndStyle) : !i.styleOverrides && !i.variants ? M(i, r, t.components.mergeClassNameAndStyle) : r;
+}
+function xe({
+  props: e,
+  name: t
+}) {
+  const n = E.useContext(be);
+  return Re({
+    props: e,
+    name: t,
+    theme: {
+      components: n
+    }
+  });
+}
+function Ie(e, t, n = void 0) {
+  const r = {};
+  for (const i in e) {
+    const s = e[i];
+    let o = "", a = !0;
+    for (let f = 0; f < s.length; f += 1) {
+      const u = s[f];
+      u && (o += (a === !0 ? "" : " ") + t(u), a = !1, n && n[u] && (o += " " + n[u]));
+    }
+    r[i] = o;
+  }
+  return r;
+}
+const Ne = ce();
+function Ae(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const _e = (e) => Ae(e) && e !== "classes", Le = we({
+  themeId: ye,
+  defaultTheme: Ne,
+  rootShouldForwardProp: _e
+});
+process.env.NODE_ENV !== "production" && (D.node, D.object.isRequired);
+function Ve(e) {
+  return xe(e);
+}
+function Me(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...r) {
+    return e(...r) || t(...r);
+  };
+}
+export {
+  Fe as G,
+  me as a,
+  Me as b,
+  Ie as c,
+  M as d,
+  Ne as e,
+  De as k,
+  pe as p,
+  _e as r,
+  Le as s,
+  Ve 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-T2KH9jsD.js";
+import { B as D } from "../../ButtonBase-DPLf5-lz.js";
 import { getButtonClassnames as L } from "./utils/get-button-classnames.js";
 const F = (m) => {
   const {

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

@@ -2,9 +2,9 @@ import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import { c as m } from "../../index-B2JRaoNz.js";
 import { PRECENT_SYMBOL as T } from "../../constants.js";
 import { CIRCULAR_PROGRESS_DEFAULT_VALUE as R, PROGRESS_VARIANT_DETERMINATE as a, CIRCULAR_PROGRESS_DEFAULT_SIZE as C } from "./constants.js";
-import { B as l } from "../../Box-D8oKffw9.js";
-import { C as E } from "../../CircularProgress-BQQkuSse.js";
-import { T as g } from "../../Typography-r_TXEM1e.js";
+import { B as l } from "../../Box-CykjCaXY.js";
+import { C as E } from "../../CircularProgress-CrHaMZDC.js";
+import { T as g } from "../../Typography-DDVoglvI.js";
 import '../../assets/circular-progress-loader.css';const L = "_circularProgressLoader_knl3p_1", P = "_progress_knl3p_5", b = "_labelContainer_knl3p_8", d = "_labelText_knl3p_18", r = {
   circularProgressLoader: L,
   progress: P,

package/dist/components/code-input/code-input.d.ts

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