@max-ts/components 0.1.0 → 0.2.0

package/lib/node_modules/.pnpm/react@19.0.0/node_modules/react/cjs/react-jsx-runtime.production.mjs

@@ -0,0 +1,35 @@
+import { __exports as e } from "../../../../../../_virtual/react-jsx-runtime.production.mjs";
+/**
+* @license React
+* react-jsx-runtime.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var s;
+function a() {
+  if (s) return e;
+  s = 1;
+  var i = Symbol.for("react.transitional.element"), _ = Symbol.for("react.fragment");
+  function o(l, r, t) {
+    var u = null;
+    if (t !== void 0 && (u = "" + t), r.key !== void 0 && (u = "" + r.key), "key" in r) {
+      t = {};
+      for (var n in r)
+        n !== "key" && (t[n] = r[n]);
+    } else t = r;
+    return r = t.ref, {
+      $$typeof: i,
+      type: l,
+      key: u,
+      ref: r !== void 0 ? r : null,
+      props: t
+    };
+  }
+  return e.Fragment = _, e.jsx = o, e.jsxs = o, e;
+}
+export {
+  a as __require
+};

package/lib/node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime2.cjs"),u=require("./cjs/react-jsx-runtime.production.cjs"),t=require("./cjs/react-jsx-runtime.development.cjs");var r;function i(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=u.__require():e.__module.exports=t.__require()),e.__module.exports}exports.__require=i;

package/lib/node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.mjs

@@ -0,0 +1,10 @@
+import { __module as e } from "../../../../../_virtual/jsx-runtime2.mjs";
+import { __require as t } from "./cjs/react-jsx-runtime.production.mjs";
+import { __require as i } from "./cjs/react-jsx-runtime.development.mjs";
+var r;
+function m() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = t() : e.exports = i(), e.exports);
+}
+export {
+  m as __require
+};

package/lib/theme/baseTheme/baseTheme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@mui/material"),u=require("remeda"),c=require("../breakpoints.cjs"),l=require("../components/components.cjs"),h=require("../constants.cjs"),t=require("../elevation.cjs"),m=require("../palette/palette.cjs"),r=require("../shape.cjs"),g=require("../typography.cjs"),q=a=>{const{options:o={},fontsUrls:n,breakpoints:s=c.defaultBreakpoints}=a,i={breakpoints:s,spacing:h.SPACING,palette:m.getPalette(),components:l.getComponents(n),shape:r.shape,elevation:t.elevation},e=p.createTheme(i);return u.mergeDeep(e,{elevation:t.elevation,shape:r.shape,typography:g.getTypography(e),...o})};exports.createTheme=q;

package/lib/theme/baseTheme/baseTheme.d.ts

@@ -0,0 +1,9 @@
+import { BreakpointsOptions, ThemeOptions } from '@mui/material';
+import { FontsUrls } from '../components';
+import { Theme } from '../types';
+export type CreateThemeParams = {
+    options?: ThemeOptions;
+    fontsUrls: FontsUrls;
+    breakpoints?: BreakpointsOptions;
+};
+export declare const createTheme: (params: CreateThemeParams) => Theme;

package/lib/theme/baseTheme/baseTheme.mjs

@@ -0,0 +1,28 @@
+import { createTheme as i } from "@mui/material";
+import { mergeDeep as n } from "remeda";
+import { defaultBreakpoints as f } from "../breakpoints.mjs";
+import { getComponents as c } from "../components/components.mjs";
+import { SPACING as h } from "../constants.mjs";
+import { elevation as o } from "../elevation.mjs";
+import { getPalette as g } from "../palette/palette.mjs";
+import { shape as t } from "../shape.mjs";
+import { getTypography as T } from "../typography.mjs";
+const x = (r) => {
+  const { options: m = {}, fontsUrls: p, breakpoints: s = f } = r, a = {
+    breakpoints: s,
+    spacing: h,
+    palette: g(),
+    components: c(p),
+    shape: t,
+    elevation: o
+  }, e = i(a);
+  return n(e, {
+    elevation: o,
+    shape: t,
+    typography: T(e),
+    ...m
+  });
+};
+export {
+  x as createTheme
+};

package/lib/theme/breakpoints.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={values:{xs:0,sm:600,md:900,lg:1200,xl:1536}};exports.defaultBreakpoints=e;

package/lib/theme/breakpoints.d.ts

@@ -0,0 +1,2 @@
+import { BreakpointsOptions } from '@mui/material';
+export declare const defaultBreakpoints: BreakpointsOptions;

package/lib/theme/breakpoints.mjs

@@ -0,0 +1,12 @@
+const s = {
+  values: {
+    xs: 0,
+    sm: 600,
+    md: 900,
+    lg: 1200,
+    xl: 1536
+  }
+};
+export {
+  s as defaultBreakpoints
+};

package/lib/theme/components/MuiAlert.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={styleOverrides:{root({theme:r}){return{fontWeight:"400",padding:r.spacing(3),".MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root)":{padding:r.spacing(3,0)},[r.breakpoints.up("sm")]:{padding:r.spacing(2,4),".MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root)":{padding:0}}}},filledSuccess({theme:r}){return{backgroundColor:r.palette.success.light,color:r.palette.text.primary,".MuiAlert-icon":{color:r.palette.green[900]}}},filledError({theme:r}){return{backgroundColor:r.palette.error.light,color:r.palette.text.primary,".MuiAlert-icon":{color:r.palette.red[900]}}},filledWarning({theme:r}){return{backgroundColor:r.palette.warning.light,color:r.palette.text.primary,".MuiAlert-icon":{color:r.palette.yellow[900]}}},filledInfo({theme:r}){return{backgroundColor:r.palette.primary[100],color:r.palette.text.primary,".MuiAlert-icon":{color:r.palette.primary[900]}}},action({theme:r}){return{svg:{color:`${r.palette.text.primary} !important`}}}}};exports.MuiAlert=t;

package/lib/theme/components/MuiAlert.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import { Theme } from '../types';
+export declare const MuiAlert: Components<Theme>['MuiAlert'];

package/lib/theme/components/MuiAlert.mjs

@@ -0,0 +1,67 @@
+const t = {
+  styleOverrides: {
+    root({ theme: r }) {
+      return {
+        fontWeight: "400",
+        padding: r.spacing(3),
+        ".MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root)": {
+          padding: r.spacing(3, 0)
+        },
+        [r.breakpoints.up("sm")]: {
+          padding: r.spacing(2, 4),
+          ".MuiAlert-message > *:last-child:not(:empty):not(.MuiTypography-root)": {
+            padding: 0
+          }
+        }
+      };
+    },
+    filledSuccess({ theme: r }) {
+      return {
+        backgroundColor: r.palette.success.light,
+        color: r.palette.text.primary,
+        ".MuiAlert-icon": {
+          color: r.palette.green[900]
+        }
+      };
+    },
+    filledError({ theme: r }) {
+      return {
+        backgroundColor: r.palette.error.light,
+        color: r.palette.text.primary,
+        ".MuiAlert-icon": {
+          color: r.palette.red[900]
+        }
+      };
+    },
+    filledWarning({ theme: r }) {
+      return {
+        backgroundColor: r.palette.warning.light,
+        color: r.palette.text.primary,
+        ".MuiAlert-icon": {
+          color: r.palette.yellow[900]
+        }
+      };
+    },
+    filledInfo({ theme: r }) {
+      return {
+        backgroundColor: r.palette.primary[100],
+        color: r.palette.text.primary,
+        ".MuiAlert-icon": {
+          // TODO: для варианта info в дизайн системе нет набора цветов, временно подвязался на primary
+          // но в других темах цвета корявые
+          color: r.palette.primary[900]
+        }
+      };
+    },
+    action({ theme: r }) {
+      return {
+        svg: {
+          color: `${r.palette.text.primary} !important`
+        }
+      };
+    }
+  }
+};
+export {
+  t as MuiAlert
+};

package/lib/theme/components/MuiAutocomplete.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../components/Autocomplete/enums.cjs"),i={styleOverrides:{inputRoot({theme:t,ownerState:{size:e}}){return{paddingTop:`${t.spacing(1)} !important`,paddingBottom:`${t.spacing(1)} !important`,paddingLeft:`${t.spacing(1)} !important`,minHeight:e===n.AutocompleteSizes.small?"32px":"40px"}},input({theme:t}){return{padding:"0 !important",paddingLeft:`${t.spacing(1)} !important`}},popupIndicator({theme:t}){return{borderRadius:t.shape.small,display:"flex",alignItems:"center",width:32,height:32}},endAdornment(){return{display:"flex",alignItems:"center",justifyContent:"flex-end",top:"calc(50% - 16px)"}},paper({theme:t}){return{marginTop:t.spacing(2)}},noOptions({theme:t}){return{padding:t.spacing(6,0,6,3),color:t.palette.grey[500]}},clearIndicator({theme:t}){return{width:32,height:32,padding:0,color:t.palette.primary.contrastText,"::before":{content:'""',position:"absolute",top:"50%",left:"50%",width:"0.6em",height:"0.6em",backgroundColor:t.palette.grey[500],transform:"translate(-50%, -50%)",borderRadius:"50%"},".MuiSvgIcon-root":{position:"absolute",top:"50%",left:"50%",width:"0.6em",height:"0.6em",transform:"translate(-50%, -50%)",zIndex:1}}},loading({theme:t}){return{display:"flex",justifyContent:"center",padding:t.spacing(6,0,6,0)}}}};exports.MuiAutocomplete=i;

package/lib/theme/components/MuiAutocomplete.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import { Theme } from '../types';
+export declare const MuiAutocomplete: Components<Theme>['MuiAutocomplete'];

package/lib/theme/components/MuiAutocomplete.mjs

@@ -0,0 +1,85 @@
+import { AutocompleteSizes as e } from "../../components/Autocomplete/enums.mjs";
+const i = {
+  styleOverrides: {
+    inputRoot({ theme: t, ownerState: { size: n } }) {
+      return {
+        paddingTop: `${t.spacing(1)} !important`,
+        paddingBottom: `${t.spacing(1)} !important`,
+        paddingLeft: `${t.spacing(1)} !important`,
+        minHeight: n === e.small ? "32px" : "40px"
+      };
+    },
+    input({ theme: t }) {
+      return {
+        padding: "0 !important",
+        paddingLeft: `${t.spacing(1)} !important`
+      };
+    },
+    popupIndicator({ theme: t }) {
+      return {
+        borderRadius: t.shape.small,
+        display: "flex",
+        alignItems: "center",
+        width: 32,
+        height: 32
+      };
+    },
+    endAdornment() {
+      return {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        top: "calc(50% - 16px)"
+      };
+    },
+    paper({ theme: t }) {
+      return {
+        marginTop: t.spacing(2)
+      };
+    },
+    noOptions({ theme: t }) {
+      return {
+        padding: t.spacing(6, 0, 6, 3),
+        color: t.palette.grey[500]
+      };
+    },
+    clearIndicator({ theme: t }) {
+      return {
+        width: 32,
+        height: 32,
+        padding: 0,
+        color: t.palette.primary.contrastText,
+        "::before": {
+          content: '""',
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          width: "0.6em",
+          height: "0.6em",
+          backgroundColor: t.palette.grey[500],
+          transform: "translate(-50%, -50%)",
+          borderRadius: "50%"
+        },
+        ".MuiSvgIcon-root": {
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          width: "0.6em",
+          height: "0.6em",
+          transform: "translate(-50%, -50%)",
+          zIndex: 1
+        }
+      };
+    },
+    loading({ theme: t }) {
+      return {
+        display: "flex",
+        justifyContent: "center",
+        padding: t.spacing(6, 0, 6, 0)
+      };
+    }
+  }
+};
+export {
+  i as MuiAutocomplete
+};

package/lib/theme/components/MuiButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@mui/material");require("../../_virtual/jsx-runtime.cjs"),require("clsx");const B=require("../../components/Button/constants.cjs"),r=require("../../components/Button/enums.cjs");require("../../components/Button/styles.cjs"),require("react");const s=({type:t,values:a,defaultValue:o})=>t&&a[t]||o,p=t=>s({type:t.size,values:{[r.ButtonSizes.Large]:"40px"},defaultValue:"32px"}),c=t=>s({type:t.size,values:{[r.ButtonSizes.Small]:"36px"},defaultValue:"48px"}),g=t=>s({type:t.size,values:{[r.ButtonSizes.Large]:t.theme.spacing(2,4,2,4)},defaultValue:t.theme.spacing(1,3,1,3)}),d=t=>t.variant===r.ButtonVariants.Link?"0":s({type:t.size,values:{[r.ButtonSizes.Small]:t.theme.spacing(2,3)},defaultValue:t.theme.spacing(4,3)}),i=({theme:t,variant:a,color:o,buttonState:n,selected:e})=>{const l={selected:{default:t.palette.grey[900],hover:t.palette.grey[700],active:t.palette.grey[800],focus:t.palette.grey[900]},light:{error:{default:t.palette.red[900],hover:t.palette.red[900],active:t.palette.red[800],focus:t.palette.red[900]},success:{default:t.palette.green[900],hover:t.palette.green[900],active:t.palette.green[800],focus:t.palette.green[900]},primary:{default:t.palette.grey[900],hover:t.palette.grey[900],active:t.palette.primary[800],focus:t.palette.grey[900]},warning:{default:t.palette.yellow[900],hover:t.palette.yellow[900],active:t.palette.yellow[800],focus:t.palette.yellow[900]}},contained:t.palette.primary.contrastText,text:{default:t.palette.grey[900],hover:t.palette.grey[900],active:t.palette.primary[800],focus:t.palette.grey[900]},link:{default:t.palette.primary[800],hover:t.palette.primary[700],active:t.palette.primary[900],focus:t.palette.primary[800]}};return e?a!==r.ButtonVariants.Link?t.palette.primary.contrastText:l.selected[n]:a===r.ButtonVariants.Contained?l.contained:a===r.ButtonVariants.Light&&o?l.light[o][n]:a===r.ButtonVariants.Text?l.text[n]:l.link[n]},u=({selected:t,color:a,variant:o,buttonState:n,theme:e})=>{const l={selected:{default:e.palette.grey[900],hover:e.palette.grey[700],active:e.palette.grey[800],focus:e.palette.grey[900]},light:{error:{default:e.palette.red[100],hover:e.palette.red[200],active:e.palette.red[100],focus:e.palette.red[100]},success:{default:e.palette.green[100],hover:e.palette.green[200],active:e.palette.green[100],focus:e.palette.green[100]},primary:{default:e.palette.grey[100],hover:e.palette.grey[200],active:e.palette.primary[100],focus:e.palette.grey[100]},warning:{default:e.palette.yellow[100],hover:e.palette.yellow[200],active:e.palette.yellow[100],focus:e.palette.yellow[100]}},contained:{error:{default:e.palette.red[800],hover:e.palette.red[700],active:e.palette.red[900],focus:e.palette.red[800]},success:{default:e.palette.green[800],hover:e.palette.green[700],active:e.palette.green[900],focus:e.palette.green[800]},primary:{default:e.palette.primary[800],hover:e.palette.primary[700],active:e.palette.primary[900],focus:e.palette.primary[800]},warning:{default:e.palette.yellow[800],hover:e.palette.yellow[700],active:e.palette.yellow[900],focus:e.palette.yellow[800]}},text:{default:"transparent",hover:e.palette.grey[200],active:e.palette.primary[100],focus:"transparent"},link:"transparent"};return t&&o!==r.ButtonVariants.Link?l.selected[n]:o===r.ButtonVariants.Light&&a?l.light[a][n]:o===r.ButtonVariants.Contained&&a?l.contained[a][n]:o===r.ButtonVariants.Text?l.text[n]:l.link},f=({theme:t,variant:a})=>r.ButtonVariants.Link===a||r.ButtonVariants.Text===a?"transparent":t.palette.grey[200],v={defaultProps:{disableRipple:!0},styleOverrides:{root({ownerState:t,theme:a}){const o=t.variant,n=t.color,e=t.selected,l=t.size;return{height:p({size:l}),padding:g({theme:a,size:l}),[a.breakpoints.down("sm")]:{height:c({size:l}),padding:d({size:l,theme:a,variant:o}),whiteSpace:"nowrap"},color:i({selected:e,theme:a,variant:o,color:n,buttonState:r.ButtonStates.Default}),fontWeight:a.typography.button.fontWeight,fontSize:a.typography.button.fontSize,backgroundColor:u({selected:e,theme:a,color:n,variant:o,buttonState:r.ButtonStates.Default}),border:"none",borderRadius:a.shape.small,"&:hover":{color:i({selected:e,theme:a,variant:o,color:n,buttonState:r.ButtonStates.Hover}),backgroundColor:u({selected:e,color:n,variant:o,theme:a,buttonState:r.ButtonStates.Hover}),boxShadow:"none"},"&:active":{color:i({selected:e,color:n,variant:o,theme:a,buttonState:r.ButtonStates.Active}),backgroundColor:u({selected:e,color:n,variant:o,theme:a,buttonState:r.ButtonStates.Active}),outline:"none"},"&:focus-visible":{color:i({selected:e,theme:a,variant:o,color:n,buttonState:r.ButtonStates.Focus}),backgroundColor:u({selected:e,color:n,variant:o,theme:a,buttonState:r.ButtonStates.Focus}),outline:`2px solid ${a.palette.primary[400]}`,boxShadow:"none"},[`&.${y.buttonClasses.disabled}`]:{color:a.palette.grey[500],backgroundColor:f({theme:a,variant:o}),pointerEvents:"none",cursor:"unset"},[`&.${B.LOADING_BUTTON_CLASSNAME}`]:{color:"transparent",backgroundColor:u({color:n,variant:o,theme:a,buttonState:r.ButtonStates.Default})},gap:a.spacing(1),textTransform:"none",boxShadow:"none",minWidth:"auto","&.MuiButton-root .MuiButton-startIcon":{marginRight:a.spacing(1)},"&.MuiButton-root .MuiButton-endIcon":{marginLeft:a.spacing(1)},"&.MuiButton-root .MuiSvgIcon-root":{fontSize:"24px"}}}}};exports.MuiButton=v;exports.getButtonBackgroundColor=u;exports.getButtonDisabledBackgroundColor=f;exports.getButtonHeight=p;exports.getButtonHeightMobile=c;exports.getButtonPadding=g;exports.getButtonPaddingMobile=d;

package/lib/theme/components/MuiButton.d.ts

@@ -0,0 +1,32 @@
+import { Components } from '@mui/material';
+import { ButtonProps, ButtonState } from '../../components/Button';
+import { Theme } from '../types';
+type WithTheme<T extends object> = T & {
+    theme: Theme;
+};
+type ButtonPropsWithTheme = WithTheme<ButtonProps<'button'>>;
+type GetButtonHeightOptions = Pick<ButtonPropsWithTheme, 'size'>;
+type GetButtonPaddingOptions = Pick<ButtonPropsWithTheme, 'size' | 'theme'>;
+type GetButtonPaddingMobileOptions = Pick<ButtonPropsWithTheme, 'size' | 'theme' | 'variant'>;
+/**
+ * Получить значения для высоты кнопки в зависимости от size параметра
+ */
+export declare const getButtonHeight: (options: GetButtonHeightOptions) => string;
+/**
+ * Получить значения для высоты кнопки мобильной версии в зависимости от size параметра
+ */
+export declare const getButtonHeightMobile: (options: GetButtonHeightOptions) => string;
+/**
+ * Получить значения внутренних отступов кнопки (padding) в зависимости от size параметра
+ */
+export declare const getButtonPadding: (options: GetButtonPaddingOptions) => string;
+/**
+ * Получить значения внутренних отступов кнопки мобильной версии (padding) в зависимости от size параметра
+ */
+export declare const getButtonPaddingMobile: (options: GetButtonPaddingMobileOptions) => string;
+export declare const getButtonBackgroundColor: ({ selected, color, variant, buttonState, theme, }: Pick<ButtonPropsWithTheme, "selected" | "color" | "variant" | "theme"> & {
+    buttonState: ButtonState;
+}) => string;
+export declare const getButtonDisabledBackgroundColor: ({ theme, variant, }: Pick<ButtonPropsWithTheme, "theme" | "variant">) => string;
+export declare const MuiButton: Components<Theme>['MuiButton'];
+export {};

package/lib/theme/components/MuiButton.mjs

@@ -0,0 +1,296 @@
+import { buttonClasses as g } from "@mui/material";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import { LOADING_BUTTON_CLASSNAME as d } from "../../components/Button/constants.mjs";
+import { ButtonStates as i, ButtonVariants as n, ButtonSizes as c } from "../../components/Button/enums.mjs";
+import "../../components/Button/styles.mjs";
+import "react";
+const s = ({ type: t, values: r, defaultValue: a }) => t && r[t] || a, f = (t) => s({
+  type: t.size,
+  values: {
+    [c.Large]: "40px"
+  },
+  defaultValue: "32px"
+}), y = (t) => s({
+  type: t.size,
+  values: {
+    [c.Small]: "36px"
+  },
+  defaultValue: "48px"
+}), v = (t) => s({
+  type: t.size,
+  values: {
+    [c.Large]: t.theme.spacing(2, 4, 2, 4)
+  },
+  defaultValue: t.theme.spacing(1, 3, 1, 3)
+}), b = (t) => t.variant === n.Link ? "0" : s({
+  type: t.size,
+  values: {
+    [c.Small]: t.theme.spacing(2, 3)
+  },
+  defaultValue: t.theme.spacing(4, 3)
+}), u = ({
+  theme: t,
+  variant: r,
+  color: a,
+  buttonState: o,
+  selected: e
+}) => {
+  const l = {
+    selected: {
+      default: t.palette.grey[900],
+      hover: t.palette.grey[700],
+      active: t.palette.grey[800],
+      focus: t.palette.grey[900]
+    },
+    light: {
+      error: {
+        default: t.palette.red[900],
+        hover: t.palette.red[900],
+        active: t.palette.red[800],
+        focus: t.palette.red[900]
+      },
+      success: {
+        default: t.palette.green[900],
+        hover: t.palette.green[900],
+        active: t.palette.green[800],
+        focus: t.palette.green[900]
+      },
+      primary: {
+        default: t.palette.grey[900],
+        hover: t.palette.grey[900],
+        active: t.palette.primary[800],
+        focus: t.palette.grey[900]
+      },
+      warning: {
+        default: t.palette.yellow[900],
+        hover: t.palette.yellow[900],
+        active: t.palette.yellow[800],
+        focus: t.palette.yellow[900]
+      }
+    },
+    contained: t.palette.primary.contrastText,
+    text: {
+      default: t.palette.grey[900],
+      hover: t.palette.grey[900],
+      active: t.palette.primary[800],
+      focus: t.palette.grey[900]
+    },
+    link: {
+      default: t.palette.primary[800],
+      hover: t.palette.primary[700],
+      active: t.palette.primary[900],
+      focus: t.palette.primary[800]
+    }
+  };
+  return e ? r !== n.Link ? t.palette.primary.contrastText : l.selected[o] : r === n.Contained ? l.contained : r === n.Light && a ? l.light[a][o] : r === n.Text ? l.text[o] : l.link[o];
+}, p = ({
+  selected: t,
+  color: r,
+  variant: a,
+  buttonState: o,
+  theme: e
+}) => {
+  const l = {
+    selected: {
+      default: e.palette.grey[900],
+      hover: e.palette.grey[700],
+      active: e.palette.grey[800],
+      focus: e.palette.grey[900]
+    },
+    light: {
+      error: {
+        default: e.palette.red[100],
+        hover: e.palette.red[200],
+        active: e.palette.red[100],
+        focus: e.palette.red[100]
+      },
+      success: {
+        default: e.palette.green[100],
+        hover: e.palette.green[200],
+        active: e.palette.green[100],
+        focus: e.palette.green[100]
+      },
+      primary: {
+        default: e.palette.grey[100],
+        hover: e.palette.grey[200],
+        active: e.palette.primary[100],
+        focus: e.palette.grey[100]
+      },
+      warning: {
+        default: e.palette.yellow[100],
+        hover: e.palette.yellow[200],
+        active: e.palette.yellow[100],
+        focus: e.palette.yellow[100]
+      }
+    },
+    contained: {
+      error: {
+        default: e.palette.red[800],
+        hover: e.palette.red[700],
+        active: e.palette.red[900],
+        focus: e.palette.red[800]
+      },
+      success: {
+        default: e.palette.green[800],
+        hover: e.palette.green[700],
+        active: e.palette.green[900],
+        focus: e.palette.green[800]
+      },
+      primary: {
+        default: e.palette.primary[800],
+        hover: e.palette.primary[700],
+        active: e.palette.primary[900],
+        focus: e.palette.primary[800]
+      },
+      warning: {
+        default: e.palette.yellow[800],
+        hover: e.palette.yellow[700],
+        active: e.palette.yellow[900],
+        focus: e.palette.yellow[800]
+      }
+    },
+    text: {
+      default: "transparent",
+      hover: e.palette.grey[200],
+      active: e.palette.primary[100],
+      focus: "transparent"
+    },
+    link: "transparent"
+  };
+  return t && a !== n.Link ? l.selected[o] : a === n.Light && r ? l.light[r][o] : a === n.Contained && r ? l.contained[r][o] : a === n.Text ? l.text[o] : l.link;
+}, x = ({
+  theme: t,
+  variant: r
+}) => n.Link === r || n.Text === r ? "transparent" : t.palette.grey[200], M = {
+  defaultProps: {
+    disableRipple: !0
+  },
+  styleOverrides: {
+    root({ ownerState: t, theme: r }) {
+      const a = t.variant, o = t.color, e = t.selected, l = t.size;
+      return {
+        height: f({ size: l }),
+        padding: v({
+          theme: r,
+          size: l
+        }),
+        [r.breakpoints.down("sm")]: {
+          height: y({ size: l }),
+          padding: b({ size: l, theme: r, variant: a }),
+          whiteSpace: "nowrap"
+        },
+        color: u({
+          selected: e,
+          theme: r,
+          variant: a,
+          color: o,
+          buttonState: i.Default
+        }),
+        fontWeight: r.typography.button.fontWeight,
+        fontSize: r.typography.button.fontSize,
+        backgroundColor: p({
+          selected: e,
+          theme: r,
+          color: o,
+          variant: a,
+          buttonState: i.Default
+        }),
+        border: "none",
+        borderRadius: r.shape.small,
+        "&:hover": {
+          color: u({
+            selected: e,
+            theme: r,
+            variant: a,
+            color: o,
+            buttonState: i.Hover
+          }),
+          backgroundColor: p({
+            selected: e,
+            color: o,
+            variant: a,
+            theme: r,
+            buttonState: i.Hover
+          }),
+          boxShadow: "none"
+        },
+        "&:active": {
+          color: u({
+            selected: e,
+            color: o,
+            variant: a,
+            theme: r,
+            buttonState: i.Active
+          }),
+          backgroundColor: p({
+            selected: e,
+            color: o,
+            variant: a,
+            theme: r,
+            buttonState: i.Active
+          }),
+          outline: "none"
+        },
+        "&:focus-visible": {
+          color: u({
+            selected: e,
+            theme: r,
+            variant: a,
+            color: o,
+            buttonState: i.Focus
+          }),
+          backgroundColor: p({
+            selected: e,
+            color: o,
+            variant: a,
+            theme: r,
+            buttonState: i.Focus
+          }),
+          outline: `2px solid ${r.palette.primary[400]}`,
+          boxShadow: "none"
+        },
+        [`&.${g.disabled}`]: {
+          color: r.palette.grey[500],
+          backgroundColor: x({
+            theme: r,
+            variant: a
+          }),
+          pointerEvents: "none",
+          cursor: "unset"
+        },
+        [`&.${d}`]: {
+          color: "transparent",
+          backgroundColor: p({
+            color: o,
+            variant: a,
+            theme: r,
+            buttonState: i.Default
+          })
+        },
+        gap: r.spacing(1),
+        textTransform: "none",
+        boxShadow: "none",
+        minWidth: "auto",
+        "&.MuiButton-root .MuiButton-startIcon": {
+          marginRight: r.spacing(1)
+        },
+        "&.MuiButton-root .MuiButton-endIcon": {
+          marginLeft: r.spacing(1)
+        },
+        "&.MuiButton-root .MuiSvgIcon-root": {
+          fontSize: "24px"
+        }
+      };
+    }
+  }
+};
+export {
+  M as MuiButton,
+  p as getButtonBackgroundColor,
+  x as getButtonDisabledBackgroundColor,
+  f as getButtonHeight,
+  y as getButtonHeightMobile,
+  v as getButtonPadding,
+  b as getButtonPaddingMobile
+};

package/lib/theme/components/MuiButtonBase.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={defaultProps:{disableRipple:!0},styleOverrides:{root({theme:t}){return{fontFamily:t.typography.fontFamily}}}};exports.MuiButtonBase=e;

package/lib/theme/components/MuiButtonBase.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import { Theme } from '../types';
+export declare const MuiButtonBase: Components<Theme>['MuiButtonBase'];

package/lib/theme/components/MuiButtonBase.mjs

@@ -0,0 +1,15 @@
+const e = {
+  defaultProps: {
+    disableRipple: !0
+  },
+  styleOverrides: {
+    root({ theme: t }) {
+      return {
+        fontFamily: t.typography.fontFamily
+      };
+    }
+  }
+};
+export {
+  e as MuiButtonBase
+};

package/lib/theme/components/MuiCircularProgress.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={styleOverrides:{root({ownerState:t,theme:r}){const{"data-color":o}=t;return{color:o==="primary"?r.palette.grey[900]:r.palette.primary.contrastText}}}};exports.MuiCircularProgress=e;exports.default=e;

package/lib/theme/components/MuiCircularProgress.d.ts

@@ -0,0 +1,4 @@
+import { Components } from '@mui/material';
+import { Theme } from '../types';
+export declare const MuiCircularProgress: Components<Theme>['MuiCircularProgress'];
+export default MuiCircularProgress;