@max-ts/components 0.2.4 → 0.3.1

package/lib/theme/components/components.mjs

@@ -1,120 +1,83 @@
-import { MuiAlert as i } from "./MuiAlert.mjs";
-import { MuiAutocomplete as r } from "./MuiAutocomplete.mjs";
-import { MuiButton as f } from "./MuiButton.mjs";
-import { MuiButtonBase as m } from "./MuiButtonBase.mjs";
-import { MuiCircularProgress as e } from "./MuiCircularProgress.mjs";
-import { MuiDialog as u } from "./MuiDialog.mjs";
-import { MuiDialogActions as p } from "./MuiDialogActions.mjs";
-import { MuiDialogContent as a } from "./MuiDialogContent.mjs";
-import { MuiDialogTitle as l } from "./MuiDialogTitle.mjs";
-import { MuiDrawer as n } from "./MuiDrawer.mjs";
-import { MuiFormHelperText as s } from "./MuiFormHelperText.mjs";
-import { MuiFormLabel as M } from "./MuiFormLabel.mjs";
-import { MuiInputLabel as w } from "./MuiInputLabel.mjs";
-import { MuiLinearProgress as g } from "./MuiLinearProgress.mjs";
-import { MuiListItemButton as c } from "./MuiListItemButton.mjs";
-import { MuiListItemText as d } from "./MuiListItemText.mjs";
+import { MuiAlert as o } from "./MuiAlert.mjs";
+import { MuiAutocomplete as i } from "./MuiAutocomplete.mjs";
+import { MuiButton as r } from "./MuiButton.mjs";
+import { MuiButtonBase as t } from "./MuiButtonBase.mjs";
+import { MuiCircularProgress as m } from "./MuiCircularProgress.mjs";
+import { MuiDialog as p } from "./MuiDialog.mjs";
+import { MuiDialogActions as u } from "./MuiDialogActions.mjs";
+import { MuiDialogContent as e } from "./MuiDialogContent.mjs";
+import { MuiDialogTitle as M } from "./MuiDialogTitle.mjs";
+import { MuiDrawer as f } from "./MuiDrawer.mjs";
+import { MuiFormHelperText as l } from "./MuiFormHelperText.mjs";
+import { MuiFormLabel as a } from "./MuiFormLabel.mjs";
+import { MuiInputLabel as n } from "./MuiInputLabel.mjs";
+import { MuiLinearProgress as s } from "./MuiLinearProgress.mjs";
+import { MuiListItemButton as g } from "./MuiListItemButton.mjs";
+import { MuiListItemText as T } from "./MuiListItemText.mjs";
 import { MuiMenu as b } from "./MuiMenu.mjs";
-import { MuiMenuItem as y } from "./MuiMenuItem.mjs";
-import { MuiOutlinedInput as T } from "./MuiOutlinedInput.mjs";
+import { MuiMenuItem as c } from "./MuiMenuItem.mjs";
+import { MuiOutlinedInput as d } from "./MuiOutlinedInput.mjs";
 import { MuiPaginationItem as B } from "./MuiPaginationItem.mjs";
-import { MuiPaper as C } from "./MuiPaper.mjs";
-import { MuiStep as h } from "./MuiStep.mjs";
-import { MuiStepConnector as $ } from "./MuiStepConnector.mjs";
-import { MuiStepLabel as I } from "./MuiStepLabel.mjs";
-import { MuiSwitch as L } from "./MuiSwitch.mjs";
-import { MuiTab as P } from "./MuiTab.mjs";
-import { MuiTableCell as S } from "./MuiTableCell.mjs";
-import { MuiTableHead as x } from "./MuiTableHead.mjs";
-import { MuiTableRow as D } from "./MuiTableRow.mjs";
-import { MuiTabs as F } from "./MuiTabs.mjs";
-import { MuiTextField as R } from "./MuiTextField.mjs";
-import { MuiToggleButton as A } from "./MuiToggleButton.mjs";
-import { MuiToggleButtonGroup as O } from "./MuiToggleButtonGroup.mjs";
-import { MuiTypography as v } from "./MuiTypography.mjs";
-const t = (o) => `
-  @font-face {
-    font-family: 'Ubuntu';
-    font-style: 'normal';
-    font-weight: 300;
-    font-display: swap;
-    src: url(${o.light.woff2}) format('woff2'), url(${o.light.woff}) format('woff');
-  }
-  @font-face { 
-    font-family: 'Ubuntu';
-    font-style: 'normal';
-    font-weight: 400;
-    font-display: swap;
-    src: url(${o.regular.woff2}) format('woff2'), url(${o.regular.woff}) format('woff');
-  }
-  @font-face {
-    font-family: 'Ubuntu';
-    font-style: 'normal';
-    font-weight: 500;
-    font-display: swap;
-    src: url(${o.medium.woff2}) format('woff2'), url(${o.medium.woff}) format('woff');
-  }
-  @font-face {
-    font-family: 'Ubuntu';
-    font-style: 'normal';
-    font-weight: 700;
-    font-display: swap;
-    src: url(${o.bold.woff2}) format('woff2'), url(${o.bold.woff}) format('woff');
-  }
-`, H = (o) => ({
-  styleOverrides: t(o)
-}), k = (o) => ({
-  styleOverrides: {
-    root: t(o)
-  }
-}), G = {
+import { MuiPaper as I } from "./MuiPaper.mjs";
+import { MuiStep as L } from "./MuiStep.mjs";
+import { MuiStepConnector as P } from "./MuiStepConnector.mjs";
+import { MuiStepLabel as x } from "./MuiStepLabel.mjs";
+import { MuiSwitch as C } from "./MuiSwitch.mjs";
+import { MuiTab as D } from "./MuiTab.mjs";
+import { MuiTableCell as R } from "./MuiTableCell.mjs";
+import { MuiTableHead as S } from "./MuiTableHead.mjs";
+import { MuiTableRow as h } from "./MuiTableRow.mjs";
+import { MuiTabs as w } from "./MuiTabs.mjs";
+import { MuiTextField as A } from "./MuiTextField.mjs";
+import { MuiToggleButton as F } from "./MuiToggleButton.mjs";
+import { MuiToggleButtonGroup as y } from "./MuiToggleButtonGroup.mjs";
+import { MuiTypography as H } from "./MuiTypography.mjs";
+const k = {
   defaultProps: {
     disableRipple: !0
   }
-}, j = {
+}, G = {
   defaultProps: {
     disableRipple: !0
   }
-}, Bo = (o) => ({
-  MuiCssBaseline: H(o),
-  MuiScopedCssBaseline: k(o),
-  MuiAlert: i,
-  MuiButton: f,
-  MuiButtonBase: m,
-  MuiTypography: v,
-  MuiInputLabel: w,
-  MuiOutlinedInput: T,
-  MuiFormLabel: M,
-  MuiFormHelperText: s,
-  MuiAutocomplete: r,
-  MuiCheckbox: G,
+}, bo = {
+  MuiAlert: o,
+  MuiButton: r,
+  MuiButtonBase: t,
+  MuiTypography: H,
+  MuiInputLabel: n,
+  MuiOutlinedInput: d,
+  MuiFormLabel: a,
+  MuiFormHelperText: l,
+  MuiAutocomplete: i,
+  MuiCheckbox: k,
   MuiMenu: b,
-  MuiMenuItem: y,
-  MuiRadio: j,
-  MuiDialog: u,
-  MuiDialogTitle: l,
-  MuiDialogContent: a,
-  MuiDialogActions: p,
-  MuiDrawer: n,
-  MuiTableCell: S,
-  MuiTableHead: x,
-  MuiTableRow: D,
+  MuiMenuItem: c,
+  MuiRadio: G,
+  MuiDialog: p,
+  MuiDialogTitle: M,
+  MuiDialogContent: e,
+  MuiDialogActions: u,
+  MuiDrawer: f,
+  MuiTableCell: R,
+  MuiTableHead: S,
+  MuiTableRow: h,
   MuiPaginationItem: B,
-  MuiPaper: C,
-  MuiCircularProgress: e,
-  MuiListItemButton: c,
-  MuiListItemText: d,
-  MuiLinearProgress: g,
-  MuiTab: P,
-  MuiTabs: F,
-  MuiStepLabel: I,
-  MuiStep: h,
-  MuiStepConnector: $,
-  MuiToggleButtonGroup: O,
-  MuiToggleButton: A,
-  MuiTextField: R,
-  MuiSwitch: L
-});
+  MuiPaper: I,
+  MuiCircularProgress: m,
+  MuiListItemButton: g,
+  MuiListItemText: T,
+  MuiLinearProgress: s,
+  MuiTab: D,
+  MuiTabs: w,
+  MuiStepLabel: x,
+  MuiStep: L,
+  MuiStepConnector: P,
+  MuiToggleButtonGroup: y,
+  MuiToggleButton: F,
+  MuiTextField: A,
+  MuiSwitch: C
+};
 export {
-  Bo as getComponents
+  bo as components
 };

package/lib/theme/index.d.ts

@@ -4,4 +4,4 @@ export * from './palette';
 export * from './constants';
 export * from './elevation';
 export * from './shape';
-export * from './hooks';
+export { useTheme, styled } from '@mui/material';

package/lib/theme/palette/palette.mjs

@@ -1,16 +1,16 @@
-import { componentsColors as r } from "./componentsColors/componentsColors.mjs";
-const t = () => {
-  const F = {
+import { componentsColors as e } from "./componentsColors/componentsColors.mjs";
+const F = () => {
+  const r = {
     primary: {
-      900: "#213555",
-      800: "#2B3E6F",
-      700: "#3F51B5",
-      600: "#4C6FFF",
-      500: "#5F7DFF",
-      400: "#7C98FF",
-      300: "#99B2FF",
-      200: "#B7CCFF",
-      100: "#D0E1FF"
+      900: "#013a63",
+      800: "#01497c",
+      700: "#014f86",
+      600: "#2a6f97",
+      500: "#2c7da0",
+      400: "#468faf",
+      300: "#61a5c2",
+      200: "#89c2d9",
+      100: "#a9d6e5"
     },
     secondary: {
       800: "#55B8F0"
@@ -62,16 +62,16 @@ const t = () => {
       100: "#F0F4F7"
     },
     primary: {
-      main: F.primary[800],
-      dark: F.primary[900],
+      main: r.primary[800],
+      dark: r.primary[900],
       contrastText: "#FFF",
-      ...F.primary
+      ...r.primary
     },
     secondary: {
-      main: F.secondary[800],
-      dark: F.primary[900],
+      main: r.secondary[800],
+      dark: r.primary[900],
       contrastText: "#FFF",
-      ...F.secondary
+      ...r.secondary
     },
     background: {
       default: "#FFF",
@@ -117,9 +117,9 @@ const t = () => {
         contrastText: "#FFF"
       };
     },
-    components: r
+    components: e
   };
 };
 export {
-  t as getPalette
+  F as getPalette
 };

package/lib/theme/typography.mjs

@@ -1,4 +1,8 @@
-const t = (i) => ({
+/* empty css                                                                                      */
+/* empty css                                                                                      */
+/* empty css                                                                                      */
+/* empty css                                                                                      */
+const e = (i) => ({
   h1: {
     fontSize: "36px",
     fontWeight: i.typography.fontWeightMedium,
@@ -91,5 +95,5 @@ const t = (i) => ({
   }
 });
 export {
-  t as getTypography
+  e as getTypography
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/components",
-  "version": "0.2.4",
+  "version": "0.3.1",
   "browser": "./src/index.ts",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -20,8 +20,10 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
+    "@fontsource/roboto": "^5.1.1",
     "@mui/material": "^6.4.5",
     "@mui/system": "^6.4.3",
+    "@react-input/mask": "^2.0.4",
     "clsx": "^2.1.1",
     "lucide-react": "^0.475.0",
     "react": "^19.0.0",

package/lib/theme/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './useTheme';

package/lib/theme/hooks/useTheme/index.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from '../../types';
-export declare const useTheme: () => Theme;

package/lib/theme/hooks/useTheme/index.mjs

@@ -1,5 +0,0 @@
-import { useTheme as e } from "@emotion/react";
-const s = () => e();
-export {
-  s as useTheme
-};