@solostylist/ui-kit 1.0.1 → 1.0.2

package/dist/memoTheme-DOlCkXD8.js

@@ -0,0 +1,223 @@
+import { d as G } from "./DefaultPropsProvider-Cw67t9bx.js";
+import { k as $, a as J, s as E, i as Q, c as U, T as X } from "./createTheme-dX0MILsf.js";
+import { i as V, a as Y, s as Z } from "./clsx-DfguY6FT.js";
+function j(e, n = "") {
+  return e.displayName || e.name || n;
+}
+function k(e, n, t) {
+  const r = j(n);
+  return e.displayName || (r !== "" ? `${t}(${r})` : t);
+}
+function C(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return j(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case $.ForwardRef:
+          return k(e, e.render, "ForwardRef");
+        case $.Memo:
+          return k(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
+function z(e) {
+  const {
+    variants: n,
+    ...t
+  } = e, r = {
+    variants: n,
+    style: V(t),
+    isProcessed: !0
+  };
+  return r.style === t || n && n.forEach((s) => {
+    typeof s.style != "function" && (s.style = V(s.style));
+  }), r;
+}
+const ee = J();
+function R(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function te(e) {
+  return e ? (n, t) => t[e] : null;
+}
+function ne(e, n, t) {
+  e.theme = ie(e.theme) ? t : e.theme[n] || e.theme;
+}
+function F(e, n) {
+  const t = typeof n == "function" ? n(e) : n;
+  if (Array.isArray(t))
+    return t.flatMap((r) => F(e, r));
+  if (Array.isArray(t == null ? void 0 : t.variants)) {
+    let r;
+    if (t.isProcessed)
+      r = t.style;
+    else {
+      const {
+        variants: s,
+        ...i
+      } = t;
+      r = i;
+    }
+    return I(e, t.variants, [r]);
+  }
+  return t != null && t.isProcessed ? t.style : t;
+}
+function I(e, n, t = []) {
+  var s;
+  let r;
+  e: for (let i = 0; i < n.length; i += 1) {
+    const a = n[i];
+    if (typeof a.props == "function") {
+      if (r ?? (r = {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }), !a.props(r))
+        continue;
+    } else
+      for (const o in a.props)
+        if (e[o] !== a.props[o] && ((s = e.ownerState) == null ? void 0 : s[o]) !== a.props[o])
+          continue e;
+    typeof a.style == "function" ? (r ?? (r = {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }), t.push(a.style(r))) : t.push(a.style);
+  }
+  return t;
+}
+function re(e = {}) {
+  const {
+    themeId: n,
+    defaultTheme: t = ee,
+    rootShouldForwardProp: r = R,
+    slotShouldForwardProp: s = R
+  } = e;
+  function i(o) {
+    ne(o, n, t);
+  }
+  return (o, w = {}) => {
+    Y(o, (f) => f.filter((l) => l !== E));
+    const {
+      name: u,
+      slot: d,
+      skipVariantsResolver: g,
+      skipSx: H,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: A = te(M(d)),
+      ...L
+    } = w, B = g !== void 0 ? g : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      d && d !== "Root" && d !== "root" || !1
+    ), K = H || !1;
+    let T = R;
+    d === "Root" || d === "root" ? T = r : d ? T = s : ae(o) && (T = void 0);
+    const P = Z(o, {
+      shouldForwardProp: T,
+      label: oe(u, d),
+      ...L
+    }), W = (f) => {
+      if (typeof f == "function" && f.__emotion_real !== f)
+        return function(S) {
+          return F(S, f);
+        };
+      if (Q(f)) {
+        const l = z(f);
+        return l.variants ? function(h) {
+          return F(h, l);
+        } : l.style;
+      }
+      return f;
+    }, O = (...f) => {
+      const l = [], S = f.map(W), h = [];
+      if (l.push(i), u && A && h.push(function(m) {
+        var v, _;
+        const c = (_ = (v = m.theme.components) == null ? void 0 : v[u]) == null ? void 0 : _.styleOverrides;
+        if (!c)
+          return null;
+        const p = {};
+        for (const b in c)
+          p[b] = F(m, c[b]);
+        return A(m, p);
+      }), u && !B && h.push(function(m) {
+        var p, v;
+        const y = m.theme, c = (v = (p = y == null ? void 0 : y.components) == null ? void 0 : p[u]) == null ? void 0 : v.variants;
+        return c ? I(m, c) : null;
+      }), K || h.push(E), Array.isArray(S[0])) {
+        const N = S.shift(), m = new Array(l.length).fill(""), y = new Array(h.length).fill("");
+        let c;
+        c = [...m, ...N, ...y], c.raw = [...m, ...N.raw, ...y], l.unshift(c);
+      }
+      const q = [...l, ...S, ...h], x = P(...q);
+      return o.muiName && (x.muiName = o.muiName), process.env.NODE_ENV !== "production" && (x.displayName = se(u, d, o)), x;
+    };
+    return P.withConfig && (O.withConfig = P.withConfig), O;
+  };
+}
+function se(e, n, t) {
+  return e ? `${e}${U(n || "")}` : `Styled(${C(t)})`;
+}
+function oe(e, n) {
+  let t;
+  return process.env.NODE_ENV !== "production" && e && (t = `${e}-${M(n || "Root")}`), t;
+}
+function ie(e) {
+  for (const n in e)
+    return !1;
+  return !0;
+}
+function ae(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 M(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+const D = {
+  theme: void 0
+};
+function ue(e) {
+  let n, t;
+  return function(s) {
+    let i = n;
+    return (i === void 0 || s.theme !== t) && (D.theme = s.theme, i = z(e(D)), n = i, t = s.theme), i;
+  };
+}
+function he(e, n, t = void 0) {
+  const r = {};
+  for (const s in e) {
+    const i = e[s];
+    let a = "", o = !0;
+    for (let w = 0; w < i.length; w += 1) {
+      const u = i[w];
+      u && (a += (o === !0 ? "" : " ") + n(u), o = !1, t && t[u] && (a += " " + t[u]));
+    }
+    r[s] = a;
+  }
+  return r;
+}
+function fe(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const le = (e) => fe(e) && e !== "classes", ye = re({
+  themeId: X,
+  defaultTheme: G,
+  rootShouldForwardProp: le
+}), Se = ue;
+export {
+  re as a,
+  fe as b,
+  he as c,
+  Se as m,
+  le as r,
+  ye as s
+};

package/dist/outlinedInputClasses-rXE3T3sa.js

@@ -0,0 +1,13 @@
+import { g as s, a as e } from "./generateUtilityClasses-CuEy5gtx.js";
+import { i } from "./inputBaseClasses-s6dljKxi.js";
+function a(t) {
+  return e("MuiOutlinedInput", t);
+}
+const l = {
+  ...i,
+  ...s("MuiOutlinedInput", ["root", "notchedOutline", "input"])
+};
+export {
+  a as g,
+  l as o
+};

package/dist/styles/theme/color-schemes.js

@@ -1,31 +1,25 @@
-import { blue as e, red as t, shakespeare as i, nevada as a, kepple as r, california as n, grey as p } from "./colors.js";
+import { blue as a, california as e, kepple as t, nevada as r, shakespeare as i, red as l } from "./colors.js";
 const m = {
   blue: {
     dark: {
-      ...e,
-      light: e[300],
-      main: e[400],
-      dark: e[500],
-      contrastText: "var(--mui-palette-common-black)",
-      activated: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-      hovered: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-      selected: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+      ...a,
+      light: a[300],
+      main: a[400],
+      dark: a[500],
+      contrastText: "var(--mui-palette-common-black)"
     },
     light: {
-      ...e,
-      light: e[400],
-      main: e[500],
-      dark: e[600],
-      contrastText: "var(--mui-palette-common-white)",
-      activated: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-      hovered: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-      selected: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+      ...a,
+      light: a[400],
+      main: a[500],
+      dark: a[600],
+      contrastText: "var(--mui-palette-common-white)"
     }
   }
 };
-function o(c) {
-  let l = m[c.primaryColor];
-  return l || (l = m.blue), {
+function u(o) {
+  let n = m[o.primaryColor];
+  return n || (n = m.blue), {
     dark: {
       palette: {
         action: { disabledBackground: "rgba(0, 0, 0, 0.12)" },
@@ -33,55 +27,39 @@ function o(c) {
           default: "var(--mui-palette-neutral-950)",
           defaultChannel: "9 10 11",
           paper: "var(--mui-palette-neutral-900)",
-          paperChannel: "0 0 0",
-          level1: "var(--mui-palette-neutral-800)",
-          level2: "var(--mui-palette-neutral-700)",
-          level3: "var(--mui-palette-neutral-600)"
+          paperChannel: "0 0 0"
         },
         common: { black: "#000000", white: "#ffffff" },
         divider: "var(--mui-palette-neutral-700)",
         dividerChannel: "50 56 62",
         error: {
-          ...t,
-          light: t[300],
-          main: t[400],
-          dark: t[500],
-          contrastText: "var(--mui-palette-common-black)",
-          activated: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          ...l,
+          light: l[300],
+          main: l[400],
+          dark: l[500],
+          contrastText: "var(--mui-palette-common-black)"
         },
         info: {
           ...i,
           light: i[300],
           main: i[400],
           dark: i[500],
-          contrastText: "var(--mui-palette-common-black)",
-          activated: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          contrastText: "var(--mui-palette-common-black)"
         },
-        neutral: { ...a },
-        primary: l.dark,
+        primary: n.dark,
         secondary: {
-          ...a,
-          light: a[100],
-          main: a[200],
-          dark: a[300],
-          contrastText: "var(--mui-palette-common-black)",
-          activated: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          ...r,
+          light: r[100],
+          main: r[200],
+          dark: r[300],
+          contrastText: "var(--mui-palette-common-black)"
         },
         success: {
-          ...r,
-          light: r[300],
-          main: r[400],
-          dark: r[500],
-          contrastText: "var(--mui-palette-common-black)",
-          activated: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          ...t,
+          light: t[300],
+          main: t[400],
+          dark: t[500],
+          contrastText: "var(--mui-palette-common-black)"
         },
         text: {
           primary: "var(--mui-palette-neutral-100)",
@@ -91,18 +69,13 @@ function o(c) {
           disabled: "var(--mui-palette-neutral-600)"
         },
         warning: {
-          ...n,
-          light: n[300],
-          main: n[400],
-          dark: n[500],
-          contrastText: "var(--mui-palette-common-black)",
-          activated: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          ...e,
+          light: e[300],
+          main: e[400],
+          dark: e[500],
+          contrastText: "var(--mui-palette-common-black)"
         },
         Avatar: { defaultBg: "var(--mui-palette-neutral-200)" },
-        Backdrop: { bg: "rgba(0, 0, 0, 0.5)" },
-        OutlinedInput: { border: "var(--mui-palette-neutral-700)" },
         TableCell: { border: "var(--mui-palette-divider)" },
         Tooltip: { bg: "rgba(10, 13, 20, 0.75)" }
       }
@@ -114,55 +87,39 @@ function o(c) {
           default: "var(--mui-palette-common-white)",
           defaultChannel: "255 255 255",
           paper: "var(--mui-palette-common-white)",
-          paperChannel: "255 255 255",
-          level1: "var(--mui-palette-neutral-50)",
-          level2: "var(--mui-palette-neutral-100)",
-          level3: "var(--mui-palette-neutral-200)"
+          paperChannel: "255 255 255"
         },
         common: { black: "#000000", white: "#ffffff" },
         divider: "var(--mui-palette-neutral-200)",
         dividerChannel: "220 223 228",
         error: {
-          ...t,
-          light: t[400],
-          main: t[500],
-          dark: t[600],
-          contrastText: "var(--mui-palette-common-white)",
-          activated: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          ...l,
+          light: l[400],
+          main: l[500],
+          dark: l[600],
+          contrastText: "var(--mui-palette-common-white)"
         },
         info: {
           ...i,
           light: i[400],
           main: i[500],
           dark: i[600],
-          contrastText: "var(--mui-palette-common-white)",
-          activated: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          contrastText: "var(--mui-palette-common-white)"
         },
-        neutral: { ...p },
-        primary: l.light,
+        primary: n.light,
         secondary: {
-          ...a,
-          light: a[600],
-          main: a[700],
-          dark: a[800],
-          contrastText: "var(--mui-palette-common-white)",
-          activated: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          ...r,
+          light: r[600],
+          main: r[700],
+          dark: r[800],
+          contrastText: "var(--mui-palette-common-white)"
         },
         success: {
-          ...r,
-          light: r[400],
-          main: r[500],
-          dark: r[600],
-          contrastText: "var(--mui-palette-common-white)",
-          activated: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          ...t,
+          light: t[400],
+          main: t[500],
+          dark: t[600],
+          contrastText: "var(--mui-palette-common-white)"
         },
         text: {
           primary: "var(--mui-palette-neutral-900)",
@@ -172,18 +129,13 @@ function o(c) {
           disabled: "var(--mui-palette-neutral-400)"
         },
         warning: {
-          ...n,
-          light: n[400],
-          main: n[500],
-          dark: n[600],
-          contrastText: "var(--mui-palette-common-white)",
-          activated: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-activatedOpacity))",
-          hovered: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-hoverOpacity))",
-          selected: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+          ...e,
+          light: e[400],
+          main: e[500],
+          dark: e[600],
+          contrastText: "var(--mui-palette-common-white)"
         },
         Avatar: { defaultBg: "var(--mui-palette-neutral-600)" },
-        Backdrop: { bg: "rgb(18, 22, 33, 0.8)" },
-        OutlinedInput: { border: "var(--mui-palette-neutral-200)" },
         TableCell: { border: "var(--mui-palette-divider)" },
         Tooltip: { bg: "rgba(10, 13, 20, 0.75)" }
       }
@@ -191,5 +143,5 @@ function o(c) {
   };
 }
 export {
-  o as colorSchemes
+  u as colorSchemes
 };

package/dist/styles/theme/components/autocomplete.js

@@ -1,5 +1,5 @@
-import { o } from "../../../outlinedInputClasses-R7dmh7eW.js";
 import { i as e } from "../../../inputBaseClasses-s6dljKxi.js";
+import { o } from "../../../outlinedInputClasses-rXE3T3sa.js";
 const i = {
   styleOverrides: {
     inputRoot: {

package/dist/styles/theme/components/avatar.js

@@ -1,5 +1,5 @@
-import { j as t } from "../../../jsx-runtime-B6kdoens.js";
-import { S as r } from "../../../User-Bx-HYRxI.js";
+import { j as t } from "../../../jsx-runtime-C5mzlN2N.js";
+import { S as r } from "../../../User-X5-swnIn.js";
 const o = {
   defaultProps: { children: /* @__PURE__ */ t.jsx(r, {}) },
   styleOverrides: {

package/dist/styles/theme/components/button.d.ts

@@ -38,79 +38,55 @@ export declare const MuiButton: {
                 backgroundColor: string;
             };
         };
-        outlinedPrimary: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+        outlinedPrimary: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
             component?: React.ElementType;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
                 component?: React.ElementType;
             } & Record<string, unknown>;
         } & {
             theme: Theme;
         }) => Record<string, string>;
-        outlinedSecondary: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+        outlinedSecondary: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
             component?: React.ElementType;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
                 component?: React.ElementType;
             } & Record<string, unknown>;
         } & {
             theme: Theme;
         }) => Record<string, string>;
-        outlinedSuccess: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+        outlinedSuccess: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
             component?: React.ElementType;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
                 component?: React.ElementType;
             } & Record<string, unknown>;
         } & {
             theme: Theme;
         }) => Record<string, string>;
-        outlinedInfo: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+        outlinedInfo: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
             component?: React.ElementType;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
                 component?: React.ElementType;
             } & Record<string, unknown>;
         } & {
             theme: Theme;
         }) => Record<string, string>;
-        outlinedWarning: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+        outlinedWarning: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
             component?: React.ElementType;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
                 component?: React.ElementType;
             } & Record<string, unknown>;
         } & {
             theme: Theme;
         }) => Record<string, string>;
-        outlinedError: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+        outlinedError: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
             component?: React.ElementType;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "loading" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "href" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
                 component?: React.ElementType;
             } & Record<string, unknown>;
         } & {