tek-wallet 0.0.806 → 0.0.807

package/dist/components/TekWallet/theme/mui/components/index.d.ts

@@ -0,0 +1,133 @@
+import { Theme } from "@mui/material/styles";
+declare const OverrideComponents: (theme: Theme) => {
+    MuiButton: {
+        defaultProps: {
+            variant: string;
+            size: string;
+            disableRipple: boolean;
+        };
+        styleOverrides: {
+            root: {
+                textTransform: string;
+                minWidth: string;
+            };
+        };
+        variants: ({
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                boxShadow: string;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: () => {
+                padding: number;
+                aspectRatio: string;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                boxShadow?: undefined;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontWeight: number;
+                boxShadow?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontWeight: number;
+                borderRadius: string;
+                boxShadow?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                boxShadow?: undefined;
+                borderRadius?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                color: string;
+                variant?: undefined;
+                size?: undefined;
+            };
+            style: {
+                backgroundImage: string;
+                boxShadow?: undefined;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: number;
+                boxShadow?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        })[];
+    };
+} & import("@mui/material/styles").Components<Omit<Theme, "components">>;
+export default OverrideComponents;

package/dist/components/TekWallet/theme/mui/components/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// ** Overrides Imports
+var Button_1 = __importDefault(require("./overrides/Button"));
+var SnackBar_1 = __importDefault(require("./overrides/SnackBar"));
+var OverrideComponents = function (theme) {
+    var button = (0, Button_1.default)(theme);
+    var snackBar = (0, SnackBar_1.default)(theme);
+    return Object.assign(button, snackBar);
+};
+exports.default = OverrideComponents;

package/dist/components/TekWallet/theme/mui/components/overrides/Button.d.ts

@@ -0,0 +1,142 @@
+import { Theme } from "@mui/material/styles";
+declare module "@mui/material/Button" {
+    interface ButtonPropsVariantOverrides {
+        icon: true;
+        "contained-secondary": true;
+    }
+    interface ButtonPropsColorOverrides {
+        primaryGradient: true;
+    }
+}
+declare const Button: (theme: Theme) => {
+    MuiButton: {
+        defaultProps: {
+            variant: string;
+            size: string;
+            disableRipple: boolean;
+        };
+        styleOverrides: {
+            root: {
+                textTransform: string;
+                minWidth: string;
+            };
+        };
+        variants: ({
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                boxShadow: string;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: () => {
+                padding: number;
+                aspectRatio: string;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                boxShadow?: undefined;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontWeight: number;
+                boxShadow?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontWeight: number;
+                borderRadius: string;
+                boxShadow?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                boxShadow?: undefined;
+                borderRadius?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                color: string;
+                variant?: undefined;
+                size?: undefined;
+            };
+            style: {
+                backgroundImage: string;
+                boxShadow?: undefined;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: number;
+                boxShadow?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        })[];
+    };
+};
+export default Button;

package/dist/components/TekWallet/theme/mui/components/overrides/Button.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// const getColorCode = (colorKeys: string[], colors: Theme["palette"]): string => {
+//   const firstKey = colorKeys[0];
+//   const colorValue = colors?.[firstKey as keyof Theme["palette"]];
+//   return typeof colorValue == "object"
+//     ? getColorCode(colorKeys?.slice(1), colorValue as unknown as Theme["palette"])
+//     : (colorValue as string);
+// };
+var Button = function (theme) {
+    return {
+        MuiButton: {
+            defaultProps: {
+                variant: "contained",
+                size: "large",
+                disableRipple: false,
+            },
+            styleOverrides: {
+                root: {
+                    textTransform: "none",
+                    minWidth: "auto",
+                },
+            },
+            variants: [
+                {
+                    props: { variant: "contained" },
+                    style: {
+                        boxShadow: theme.shadows[3],
+                    },
+                },
+                {
+                    props: { variant: "icon" },
+                    style: function () {
+                        return {
+                            padding: 0,
+                            aspectRatio: "1/1",
+                        };
+                    },
+                },
+                {
+                    props: { variant: "outlined" },
+                    style: {},
+                },
+                {
+                    props: { size: "small" },
+                    style: {
+                        padding: "".concat(theme.spacing(1, 2.25)),
+                        fontWeight: 400,
+                    },
+                },
+                {
+                    props: { size: "medium" },
+                    style: {
+                        padding: "".concat(theme.spacing(2, 3)),
+                        fontWeight: 600,
+                        borderRadius: theme.spacing(3),
+                    },
+                },
+                {
+                    props: { size: "large" },
+                    style: {
+                        padding: "".concat(theme.spacing(3, 4)),
+                        fontSize: "0.875rem",
+                        lineHeight: "120%",
+                        fontWeight: 600,
+                    },
+                },
+                {
+                    props: { color: "primaryGradient" },
+                    style: {
+                        backgroundImage: "var(--primary-gradient)",
+                    },
+                },
+                {
+                    props: { variant: "text" },
+                    style: {
+                        padding: 0,
+                    },
+                },
+            ],
+        },
+    };
+};
+exports.default = Button;

package/dist/components/TekWallet/theme/mui/components/overrides/Drawer.d.ts

@@ -0,0 +1,4 @@
+declare const Drawer: () => {
+    MuiDrawer: {};
+};
+export default Drawer;

package/dist/components/TekWallet/theme/mui/components/overrides/Drawer.js

@@ -0,0 +1,9 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Drawer = function () {
+    return {
+        MuiDrawer: {},
+    };
+};
+exports.default = Drawer;

package/dist/components/TekWallet/theme/mui/components/overrides/Paper.d.ts

@@ -0,0 +1,3 @@
+import { ThemeOptions } from "@mui/material/styles";
+declare const Paper: () => ThemeOptions["components"];
+export default Paper;

package/dist/components/TekWallet/theme/mui/components/overrides/Paper.js

@@ -0,0 +1,15 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Paper = function () {
+    var PaperOverrides = {
+        styleOverrides: {
+            root: {},
+        },
+        defaultProps: {},
+    };
+    return {
+        MuiPaper: PaperOverrides,
+    };
+};
+exports.default = Paper;

package/dist/components/TekWallet/theme/mui/components/overrides/SnackBar.d.ts

@@ -0,0 +1,3 @@
+import { Theme, ThemeOptions } from "@mui/material/styles";
+declare const Snackbar: (theme: Theme) => ThemeOptions["components"];
+export default Snackbar;

package/dist/components/TekWallet/theme/mui/components/overrides/SnackBar.js

@@ -0,0 +1,32 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Snackbar = function (theme) {
+    var _a, _b, _c, _d, _e, _f;
+    var snackbarOverrides = {
+        styleOverrides: {
+            root: {
+                // Override cho tất cả các vị trí top của Snackbar
+                "&.MuiSnackbar-anchorOriginTopCenter": {
+                    top: "".concat(((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.mixins) === null || _a === void 0 ? void 0 : _a.toolbar) === null || _b === void 0 ? void 0 : _b.height) || 8, "px !important"),
+                },
+                "&.MuiSnackbar-anchorOriginTopLeft": {
+                    top: "".concat(((_d = (_c = theme === null || theme === void 0 ? void 0 : theme.mixins) === null || _c === void 0 ? void 0 : _c.toolbar) === null || _d === void 0 ? void 0 : _d.height) || 8, "px !important"),
+                },
+                "&.MuiSnackbar-anchorOriginTopRight": {
+                    top: "".concat(((_f = (_e = theme === null || theme === void 0 ? void 0 : theme.mixins) === null || _e === void 0 ? void 0 : _e.toolbar) === null || _f === void 0 ? void 0 : _f.height) || 8, "px !important"),
+                },
+            },
+        },
+        defaultProps: {
+            anchorOrigin: {
+                vertical: "top",
+                horizontal: "center",
+            },
+        },
+    };
+    return {
+        MuiSnackbar: snackbarOverrides,
+    };
+};
+exports.default = Snackbar;

package/dist/components/TekWallet/theme/mui/fixed-mixins.d.ts

@@ -0,0 +1,2 @@
+import { Mixins } from "@mui/material/styles";
+export declare const FIXED_MIXINS: Partial<Mixins>;

package/dist/components/TekWallet/theme/mui/fixed-mixins.js

@@ -0,0 +1,218 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FIXED_MIXINS = void 0;
+var typography_1 = require("./typography");
+var gaps = {
+    g2: "0.125rem",
+    g4: "0.25rem",
+    g6: "0.375rem",
+    g8: "0.5rem",
+    g10: "0.625rem",
+    g12: "0.75rem",
+    g16: "1rem",
+    g20: "1.25rem",
+    g24: "1.5rem",
+    g32: "2rem",
+    g40: "2.5rem",
+};
+var pagePadding = {
+    paddingLeft: "1rem",
+    paddingRight: "1rem",
+    paddingTop: "1rem",
+    paddingBottom: "2rem",
+};
+var customPadding = {
+    p0: "0rem",
+    p4: "0.25rem",
+    p6: "0.375rem",
+    p8: "0.5rem",
+    p10: "0.625rem",
+    p12: "0.75rem",
+    p16: "1rem",
+    p20: "1.25rem",
+    p24: "1.5rem",
+    p32: "2rem",
+    p40: "2.5rem",
+    p48: "3rem",
+};
+var customMargin = {
+    m4: "0.25rem",
+    m6: "0.375rem",
+    m8: "0.5rem",
+    m10: "0.625rem",
+    m12: "0.75rem",
+    m16: "1rem",
+    m20: "1.25rem",
+    m24: "1.5rem",
+    m32: "2rem",
+    m40: "2.5rem",
+    m48: "3rem",
+};
+var customRadius = {
+    full: "999px",
+    r4: "0.25rem",
+    r6: "0.375rem",
+    r8: "0.5rem",
+    r10: "0.625rem",
+    r12: "0.75rem",
+    r16: "1rem",
+    r20: "1.25rem",
+    r24: "1.5rem",
+    r32: "2rem",
+    r40: "2.5rem",
+    r48: "3rem",
+};
+exports.FIXED_MIXINS = {
+    pagePadding: pagePadding,
+    customPadding: customPadding,
+    customMargin: customMargin,
+    customRadius: customRadius,
+    gaps: gaps,
+    row: {
+        display: "flex",
+        alignItems: "center",
+    },
+    column: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+    },
+    headerTitle: {
+        color: "text.primary",
+        fontWeight: typography_1.typography.fontWeight700,
+        fontSize: typography_1.typography.fontSize16,
+        textAlign: "center",
+    },
+    sessionTitle: {
+        color: "text.primary",
+        fontWeight: typography_1.typography.fontWeight600,
+        fontSize: typography_1.typography.fontSize16,
+        textAlign: "center",
+    },
+    sessionDescription: {
+        color: "text.secondary",
+        fontWeight: typography_1.typography.fontWeight400,
+        fontSize: typography_1.typography.fontSize14,
+        textAlign: "center",
+    },
+    noteContent: {
+        color: "text.secondary",
+        fontWeight: typography_1.typography.fontWeight400,
+        fontSize: typography_1.typography.fontSize12,
+    },
+    fieldTitle: {
+        color: "text.primary",
+        fontWeight: typography_1.typography.fontWeight500,
+        fontSize: typography_1.typography.fontSize14,
+    },
+    inputLabel: {
+        color: "text.primary",
+        fontWeight: typography_1.typography.fontWeight700,
+        fontSize: typography_1.typography.fontSize14,
+    },
+    center: {
+        position: "absolute",
+        left: "50%",
+        top: "50%",
+        transform: "translate(-50%, -50%)",
+    },
+    value: {
+        color: "text.primary",
+        fontWeight: typography_1.typography.fontWeight700,
+        fontSize: typography_1.typography.fontSize14,
+        lineHeight: typography_1.typography.leading140,
+    },
+    valueDescription: {
+        color: "text.secondary",
+        fontWeight: typography_1.typography.fontWeight400,
+        fontSize: typography_1.typography.fontSize12,
+        lineHeight: typography_1.typography.leading140,
+    },
+    validationError: {
+        color: "error.main",
+        fontWeight: typography_1.typography.fontWeight400,
+        fontSize: typography_1.typography.fontSize12,
+        lineHeight: typography_1.typography.leading140,
+    },
+    validationDescription: {
+        color: "text.secondary",
+        fontWeight: typography_1.typography.fontWeight400,
+        fontSize: typography_1.typography.fontSize11,
+        lineHeight: typography_1.typography.leading160,
+    },
+    paper: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        gap: gaps.g12,
+        padding: 3,
+        backgroundColor: "background.paper",
+        borderRadius: customRadius.r16,
+    },
+    listTitle: {
+        color: "text.primary",
+        fontWeight: typography_1.typography.fontWeight500,
+        fontSize: typography_1.typography.fontSize14,
+        lineHeight: typography_1.typography.leading140,
+        textTransform: "capitalize",
+    },
+    listDescription: {
+        color: "text.secondary",
+        fontWeight: typography_1.typography.fontWeight400,
+        fontSize: typography_1.typography.fontSize12,
+        lineHeight: typography_1.typography.leading140,
+    },
+    smallButton: {
+        fontSize: typography_1.typography.fontSize11,
+        padding: "".concat(customPadding.p4, " ").concat(customPadding.p8),
+        height: "fit-content",
+        minHeight: "unset",
+        minWidth: "unset",
+        width: "fit-content",
+        borderRadius: customRadius.full,
+        lineHeight: typography_1.typography.leading100,
+    },
+    dialogContent: {
+        fontSize: typography_1.typography.fontSize14,
+        lineHeight: typography_1.typography.leading140,
+        color: "text.reverse",
+    },
+    dialogActionsOk: {
+        fontSize: typography_1.typography.fontSize14,
+        lineHeight: typography_1.typography.leading100,
+        color: "#2482ff",
+        textAlign: "center",
+        padding: "".concat(customPadding.p8, " ").concat(customPadding.p16),
+    },
+    dialogActionsCancel: {
+        fontSize: typography_1.typography.fontSize14,
+        lineHeight: typography_1.typography.leading140,
+        color: "text.reverse",
+        textAlign: "center",
+        padding: "".concat(customPadding.p8, " ").concat(customPadding.p16),
+    },
+    warning: {
+        color: "warning.main",
+        fontSize: typography_1.typography.fontSize12,
+        lineHeight: typography_1.typography.leading140,
+    },
+    activityTitle: {
+        color: "text.primary",
+        fontWeight: typography_1.typography.fontWeight500,
+        fontSize: typography_1.typography.fontSize14,
+        lineHeight: typography_1.typography.leading140,
+        textTransform: "capitalize",
+    },
+    activityDescription: {
+        color: "text.secondary",
+        fontWeight: typography_1.typography.fontWeight400,
+        fontSize: typography_1.typography.fontSize12,
+        lineHeight: typography_1.typography.leading140,
+    },
+    bigValue: {
+        color: "text.primary",
+        fontWeight: typography_1.typography.fontWeight600,
+        fontSize: typography_1.typography.fontSize18,
+        lineHeight: typography_1.typography.leading140,
+    },
+};

package/dist/components/TekWallet/theme/mui/index.d.ts

@@ -1,6 +1,6 @@
-import { Theme } from "@mui/material";
-declare function MuiThemeProvider({ children, customTheme, }: {
+import { Theme } from "@mui/material/styles";
+declare function MuiThemeProvider({ children }: {
     children: React.ReactNode;
-    customTheme?: Theme;
 }): import("react/jsx-runtime").JSX.Element;
 export default MuiThemeProvider;
+export declare const useTheme: () => Theme;