@codezee/sixtify-brahma 0.2.24 → 0.2.25

package/packages/shared-components/dist/utils/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./theme/theme"), exports);
+__exportStar(require("./theme/colorPaletteUI"), exports);
+__exportStar(require("./colorVariant"), exports);
+__exportStar(require("./date"), exports);
+__exportStar(require("./file"), exports);
+__exportStar(require("./urlToNestedObject"), exports);

package/packages/shared-components/dist/utils/theme/colorPalette.d.ts

@@ -0,0 +1,20 @@
+import type { Color } from "@mui/material";
+export type ColorShades = Partial<Color>;
+export type ColorPalette = {
+    lightSlateBlue: ColorShades;
+    lipstickRed: ColorShades;
+    darkOrange: ColorShades;
+    deepAqua: ColorShades;
+    sapphireBlue: ColorShades;
+    darkMint: ColorShades;
+    butterflyBlue: ColorShades;
+    orchid: ColorShades;
+    mirage: ColorShades;
+    iron: ColorShades;
+    slate: ColorShades;
+    red: ColorShades;
+    lightBlue: ColorShades;
+    black: ColorShades;
+};
+export declare const colorPalette: ColorPalette;
+//# sourceMappingURL=colorPalette.d.ts.map

package/packages/shared-components/dist/utils/theme/colorPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPalette.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,WAAW,CAAC;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,WAAW,CAAC;IACtB,aAAa,EAAE,WAAW,CAAC;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,WAAW,CAAC;IACjB,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YA0F1B,CAAC"}

package/packages/shared-components/dist/utils/theme/colorPalette.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorPalette = void 0;
+exports.colorPalette = {
+    iron: {
+        900: "hsla(0, 0%, 49%, 1)",
+        800: "hsla(0, 0%, 67%, 1)", // disabled color
+        700: "hsla(0, 0%, 85%, 1)",
+        600: "hsla(0, 0%, 100%, 1)", // white
+        500: "hsla(218, 15%, 59%, 1)",
+        400: "hsla(0, 0%, 18%, 1)",
+        300: "hsla(0, 0%, 0%, 0.35)", // shadow color
+    },
+    slate: {
+        900: "hsla(212, 19%, 37%, 1)", // info
+        800: "hsl(210, 20%, 96%)",
+        700: "hsl(193, 22%, 92%)",
+        600: "	hsl(0, 0%, 98%)",
+        500: "hsl(0, 0%, 49%)",
+    },
+    mirage: {
+        900: "hsla(224, 35%, 12%, 1)", // primary
+        800: "hsla(230, 90%, 3%, 0.08)",
+        700: "hsla(226, 34%, 15%, 1)",
+        600: "hsla(0, 0%, 22%, 0.7)",
+        500: "hsla(0, 0%, 18%, 1)",
+    },
+    lightSlateBlue: {
+        900: "hsla(234, 99%, 68%, 1)",
+        800: "hsla(234, 98%, 81%, 1)",
+        700: "hsla(233, 100%, 94%, 1)",
+        600: "hsla(236, 100%, 97%, 1)",
+    },
+    lipstickRed: {
+        900: "hsla(349, 90%, 41%, 1)",
+        800: "hsla(350, 63%, 64%, 1)",
+        700: "hsla(349, 66%, 87%, 1)",
+        600: "hsla(348, 100%, 95%, 1)",
+    },
+    darkOrange: {
+        900: "hsla(32, 100%, 52%, 1)", //warning
+        800: "hsla(32, 100%, 71%, 1)",
+        700: "hsla(33, 100%, 90%, 1)",
+        600: "hsla(33, 100%, 95%, 1)",
+    },
+    deepAqua: {
+        900: "hsla(183, 87%, 27%, 1)",
+        800: "hsla(184, 50%, 68%, 1)",
+        700: "hsla(183, 68%, 79%, 1)",
+        600: "hsla(183, 85%, 95%, 1)",
+    },
+    sapphireBlue: {
+        900: "hsla(223, 59%, 49%, 1)",
+        800: "hsla(223, 56%, 69%, 1)",
+        700: "hsla(222, 58%, 90%, 1)",
+        600: "hsla(223, 54%, 95%, 1)",
+        500: "hsl(216, 100%, 91%)",
+        400: "	hsl(217, 100%, 95%)",
+        300: "	hsl(193, 22%, 92%)",
+    },
+    darkMint: {
+        900: "hsla(136, 59%, 49%, 1)",
+        800: "hsla(136, 56%, 69%, 1)",
+        700: "hsla(136, 58%, 90%, 1)",
+        600: "hsla(133, 54%, 95%, 1)",
+    },
+    butterflyBlue: {
+        900: "hsla(203, 79%, 57%, 1)", //secondary
+        800: "hsla(204, 79%, 74%, 1)",
+        700: "hsl(204, 16%, 88%)",
+        600: "hsla(209, 83%, 91%, 1)",
+        500: "hsla(203, 82%, 96%, 1)",
+        400: "hsla(208, 25%, 66%, 1)", //primary.light
+        300: "hsla(207, 17%, 88%, 1)",
+    },
+    orchid: {
+        900: "hsla(295, 60%, 66%, 1)",
+        800: "hsla(295, 61%, 80%, 1)",
+        700: "hsla(297, 60%, 93%, 1)",
+        600: "hsla(295, 65%, 97%, 1)",
+    },
+    red: {
+        900: "hsla(0, 90%, 47%, 1)", //error
+        800: "hsla(0, 73%, 59%, 1)",
+        700: "hsla(0, 81%, 37%, 1)",
+    },
+    lightBlue: {
+        100: "hsla(193, 4%, 92%)",
+        50: "hsla(193, 0%, 100%)",
+    },
+    black: {
+        900: "hsl(0, 0%, 0%)",
+    },
+};

package/packages/shared-components/dist/utils/theme/colorPaletteUI.d.ts

@@ -0,0 +1,2 @@
+export declare const colorPaletteUI: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=colorPaletteUI.d.ts.map

package/packages/shared-components/dist/utils/theme/colorPaletteUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPaletteUI.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPaletteUI.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,cAAc,+CAkB1B,CAAC"}

package/packages/shared-components/dist/utils/theme/colorPaletteUI.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorPaletteUI = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const colorPalette_1 = require("./colorPalette");
+const ColorSwatch = ({ color, shade }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: color, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                width: 80,
+                height: 40,
+                backgroundColor: color,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                border: "1px solid #e0e0e0",
+                color: "black",
+                fontSize: "12px",
+            }, children: shade }) }));
+};
+const colorPaletteUI = () => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 4, sx: { padding: 4 }, children: Object.entries(colorPalette_1.colorPalette).map(([name, shades]) => ((0, jsx_runtime_1.jsxs)(material_1.Stack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", sx: { textTransform: "capitalize" }, children: name.replace(/([A-Z])/g, " $1") }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", spacing: 0, children: Object.entries(shades).map(([shade, color]) => ((0, jsx_runtime_1.jsx)(ColorSwatch, { shade: shade, color: color }, shade))) })] }, name))) }));
+};
+exports.colorPaletteUI = colorPaletteUI;

package/packages/shared-components/dist/utils/theme/paletteDark.d.ts

@@ -0,0 +1,8 @@
+export declare const darkPalette: {
+    app: {
+        color: import("./colorPalette").ColorPalette;
+        paperBoxShadow: string;
+    };
+    divider: string | undefined;
+};
+//# sourceMappingURL=paletteDark.d.ts.map

package/packages/shared-components/dist/utils/theme/paletteDark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteDark.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/paletteDark.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;CAOvB,CAAC"}

package/packages/shared-components/dist/utils/theme/paletteDark.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkPalette = void 0;
+const colorPalette_1 = require("./colorPalette");
+exports.darkPalette = {
+    app: {
+        color: colorPalette_1.colorPalette,
+        paperBoxShadow: "rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px",
+    },
+    divider: colorPalette_1.colorPalette.butterflyBlue[700],
+};

package/packages/shared-components/dist/utils/theme/paletteLight.d.ts

@@ -0,0 +1,3 @@
+import { type PaletteOptions } from "@mui/material";
+export declare const lightPalette: PaletteOptions;
+//# sourceMappingURL=paletteLight.d.ts.map

package/packages/shared-components/dist/utils/theme/paletteLight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteLight.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/paletteLight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,eAAO,MAAM,YAAY,EAAE,cA2B1B,CAAC"}

package/packages/shared-components/dist/utils/theme/paletteLight.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lightPalette = void 0;
+const colorPalette_1 = require("./colorPalette");
+exports.lightPalette = {
+    common: {
+        black: "hsla(0, 100%, 0%, 1)",
+        white: "hsla(0, 100%, 100%, 1)",
+    },
+    primary: {
+        main: colorPalette_1.colorPalette.mirage[900],
+        light: colorPalette_1.colorPalette.butterflyBlue[400],
+    },
+    secondary: {
+        main: colorPalette_1.colorPalette.butterflyBlue[900],
+    },
+    info: {
+        main: colorPalette_1.colorPalette.slate[900],
+    },
+    error: {
+        main: colorPalette_1.colorPalette.red[900],
+    },
+    warning: {
+        main: colorPalette_1.colorPalette.darkOrange[900],
+    },
+    app: {
+        color: colorPalette_1.colorPalette,
+        paperBoxShadow: "rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px",
+    },
+    divider: colorPalette_1.colorPalette.butterflyBlue[700],
+};

package/packages/shared-components/dist/utils/theme/theme.d.ts

@@ -0,0 +1,37 @@
+import { type PaletteMode, type ThemeOptions } from "@mui/material";
+import "./types";
+export declare const Theme: {
+    readonly light: "light";
+    readonly dark: "dark";
+};
+export type ThemeVariant = keyof typeof Theme;
+export declare const getPaletteByTheme: (mode: PaletteMode) => {
+    palette: {
+        app: {
+            color: import("./colorPalette").ColorPalette;
+            paperBoxShadow: string;
+        };
+        divider: string | undefined;
+        mode: PaletteMode;
+    } | {
+        primary?: import("@mui/material").PaletteColorOptions;
+        secondary?: import("@mui/material").PaletteColorOptions;
+        error?: import("@mui/material").PaletteColorOptions;
+        warning?: import("@mui/material").PaletteColorOptions;
+        info?: import("@mui/material").PaletteColorOptions;
+        success?: import("@mui/material").PaletteColorOptions;
+        mode: PaletteMode;
+        tonalOffset?: import("@mui/material/styles/createPalette").PaletteTonalOffset;
+        contrastThreshold?: number;
+        common?: Partial<import("@mui/material").CommonColors>;
+        grey?: import("@mui/material/styles/createPalette").ColorPartial;
+        text?: Partial<import("@mui/material").TypeText>;
+        divider?: string;
+        action?: Partial<import("@mui/material").TypeAction>;
+        background?: Partial<import("@mui/material").TypeBackground>;
+        getContrastText?: (background: string) => string;
+        app: import("./types").AppPalette;
+    };
+};
+export declare function appTheme(theme: PaletteMode): ThemeOptions;
+//# sourceMappingURL=theme.d.ts.map

package/packages/shared-components/dist/utils/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,eAAe,CAAC;AAGvB,OAAO,SAAS,CAAC;AAGjB,eAAO,MAAM,KAAK;;;CAGR,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC;AAE9C,eAAO,MAAM,iBAAiB,GAAI,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKjD,CAAC;AAEH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAgRzD"}

package/packages/shared-components/dist/utils/theme/theme.js

@@ -0,0 +1,292 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPaletteByTheme = exports.Theme = void 0;
+exports.appTheme = appTheme;
+const material_1 = require("@mui/material");
+const paletteDark_1 = require("./paletteDark");
+const paletteLight_1 = require("./paletteLight");
+require("./types");
+const typography_1 = require("./typography");
+exports.Theme = {
+    light: "light",
+    dark: "dark",
+};
+const getPaletteByTheme = (mode) => ({
+    palette: {
+        mode,
+        ...(mode === exports.Theme.light ? paletteLight_1.lightPalette : paletteDark_1.darkPalette),
+    },
+});
+exports.getPaletteByTheme = getPaletteByTheme;
+function appTheme(theme) {
+    const { palette } = (0, exports.getPaletteByTheme)(theme);
+    return {
+        palette,
+        typography: typography_1.typographyThemeOptions,
+        components: {
+            MuiInputBase: {
+                styleOverrides: {
+                    input: {
+                        padding: "8.5px 14px !important", //TODO: need to fix this important
+                        color: palette.app.color.slate[900],
+                        "::placeholder": {
+                            color: palette.app.color.iron[800],
+                            opacity: 1,
+                        },
+                    },
+                },
+            },
+            MuiCssBaseline: {
+                styleOverrides: {
+                    ":root": {
+                        fontSize: "62.5%",
+                    },
+                },
+            },
+            MuiButton: {
+                styleOverrides: {
+                    root: {
+                        textTransform: "none",
+                        borderRadius: "4px",
+                        fontSize: "15px",
+                    },
+                },
+                defaultProps: {
+                    variant: "contained",
+                    color: "secondary",
+                },
+                variants: [
+                    {
+                        props: { variant: "contained" },
+                        style: {
+                            color: palette.app.color.iron[600],
+                        },
+                    },
+                ],
+            },
+            MuiButtonGroup: {
+                styleOverrides: {
+                    root: {
+                        textTransform: "none",
+                        borderRadius: "5px",
+                        border: `1px solid ${palette.app.color.butterflyBlue[900]}`,
+                    },
+                    firstButton: {
+                        border: "unset",
+                    },
+                    middleButton: {
+                        border: "unset",
+                    },
+                    lastButton: {
+                        border: "unset",
+                    },
+                },
+                defaultProps: {
+                    variant: "contained",
+                    color: "secondary",
+                },
+            },
+            MuiCheckbox: {
+                styleOverrides: {
+                    indeterminate: {
+                        "& .MuiSvgIcon-root": {
+                            color: palette.app.color.butterflyBlue[900],
+                            borderRadius: "4px",
+                            width: "19px",
+                            height: "19px",
+                        },
+                    },
+                    root: {
+                        padding: "unset",
+                    },
+                },
+                defaultProps: {
+                    disableRipple: true,
+                },
+            },
+            MuiBreadcrumbs: {
+                styleOverrides: {
+                    root: {
+                        color: "unset",
+                    },
+                },
+            },
+            MuiFormHelperText: {
+                styleOverrides: {
+                    root: {
+                        marginLeft: "unset",
+                    },
+                },
+            },
+            MuiInputLabel: {
+                styleOverrides: {
+                    root: {
+                        marginLeft: "unset",
+                        color: palette.app.color.iron[400],
+                        fontWeight: 500,
+                    },
+                },
+            },
+            MuiFormLabel: {
+                styleOverrides: {
+                    root: {
+                        fontSize: "16px",
+                        "&.Mui-disabled": {
+                            "& .MuiFormLabel-asterisk": {
+                                color: palette.app.color.iron[800],
+                            },
+                        },
+                    },
+                    asterisk: {
+                        color: palette.app.color.red[900],
+                    },
+                },
+            },
+            MuiIconButton: {
+                styleOverrides: {
+                    root: {
+                        borderRadius: "4px",
+                    },
+                },
+                defaultProps: {
+                    size: "small",
+                    color: "inherit",
+                },
+            },
+            MuiAutocomplete: {
+                styleOverrides: {
+                    paper: {
+                        fontSize: "1.4rem",
+                    },
+                    root: {
+                        "& .MuiInputBase-root": {
+                            padding: "unset",
+                        },
+                    },
+                },
+            },
+            MuiTabs: {
+                styleOverrides: {
+                    indicator: {
+                        backgroundColor: palette.app.color.butterflyBlue[900],
+                        height: "3px",
+                    },
+                    root: {
+                        "& .MuiButtonBase-root": {
+                            minHeight: "48px",
+                        },
+                    },
+                },
+            },
+            MuiTab: {
+                styleOverrides: {
+                    root: {
+                        textTransform: "none",
+                        fontWeight: 500,
+                        fontSize: "14px",
+                        color: "black",
+                        "&.Mui-selected": {
+                            color: "black",
+                        },
+                    },
+                },
+            },
+            MuiTypography: {
+                defaultProps: {
+                    variantMapping: {
+                        ...typography_1.typographyVariantMapping,
+                    },
+                },
+            },
+            MuiLink: {
+                styleOverrides: {
+                    root: {
+                        ":hover": {
+                            color: palette.app.color.butterflyBlue[900],
+                        },
+                    },
+                },
+            },
+            MuiOutlinedInput: {
+                styleOverrides: {
+                    root: {
+                        padding: "unset",
+                        ":hover": {
+                            [`& .${material_1.outlinedInputClasses.notchedOutline}`]: {
+                                borderColor: palette.app.color.butterflyBlue[900],
+                            },
+                        },
+                        "&.Mui-focused": {
+                            [`& .${material_1.outlinedInputClasses.notchedOutline}`]: {
+                                borderColor: palette.app.color.butterflyBlue[900],
+                            },
+                        },
+                        "&.Mui-disabled": {
+                            [`& .${material_1.outlinedInputClasses.notchedOutline}`]: {
+                                borderColor: palette.app.color.butterflyBlue[300],
+                            },
+                        },
+                    },
+                    notchedOutline: {
+                        borderColor: palette.app.color.iron[800],
+                    },
+                },
+            },
+            MuiInputAdornment: {
+                styleOverrides: {
+                    root: {
+                        marginRight: "unset",
+                        paddingLeft: "14px",
+                    },
+                    positionEnd: {
+                        paddingRight: "10px",
+                    },
+                },
+            },
+            MuiChip: {
+                styleOverrides: {
+                    root: {
+                        padding: "0px 5px 0px 5px",
+                        border: 0,
+                        borderRadius: "6px",
+                    },
+                },
+                defaultProps: {
+                    color: "success",
+                },
+                variants: [
+                    {
+                        props: { color: "success" },
+                        style: {
+                            background: palette.app.color.darkMint[700],
+                            color: palette.app.color.darkMint[900],
+                        },
+                    },
+                    {
+                        props: { color: "error" },
+                        style: {
+                            background: palette.app.color.lipstickRed[600],
+                            color: palette.app.color.red[800],
+                        },
+                    },
+                    {
+                        props: { color: "info" },
+                        style: {
+                            background: palette.app.color.butterflyBlue[600],
+                            color: palette.app.color.butterflyBlue[900],
+                        },
+                    },
+                ],
+            },
+            MuiTableCell: {
+                styleOverrides: {
+                    root: {
+                        borderBottom: `1px solid ${palette.app.color.butterflyBlue[700]}`,
+                        padding: "10px 16px",
+                    },
+                },
+            },
+        },
+        spacing: 10,
+    };
+}

package/packages/shared-components/dist/utils/theme/types.d.ts

@@ -0,0 +1,14 @@
+import type { ColorPalette } from "./colorPalette";
+export type AppPalette = {
+    color: ColorPalette;
+    paperBoxShadow: string;
+};
+declare module "@mui/material/styles" {
+    interface Palette {
+        app: AppPalette;
+    }
+    interface PaletteOptions {
+        app: AppPalette;
+    }
+}
+//# sourceMappingURL=types.d.ts.map

package/packages/shared-components/dist/utils/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,YAAY,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAEpC,UAAU,OAAO;QACf,GAAG,EAAE,UAAU,CAAC;KACjB;IAGD,UAAU,cAAc;QACtB,GAAG,EAAE,UAAU,CAAC;KACjB;CACF"}

package/packages/shared-components/dist/utils/theme/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/packages/shared-components/dist/utils/theme/typography.d.ts

@@ -0,0 +1,12 @@
+import type { TypographyPropsVariantOverrides } from "@mui/material";
+import type { FontStyleOptions, TypographyOptions, TypographyStyleOptions, Variant } from "@mui/material/styles/createTypography";
+type TypographyVariant = keyof TypographyPropsVariantOverrides;
+type TypographyActiveVariants = {
+    [K in TypographyVariant]: TypographyPropsVariantOverrides[K] extends true ? K : never;
+}[TypographyVariant];
+export declare const typographyFontStyleOptions: FontStyleOptions;
+export declare const typographyOptions: Partial<Record<Variant, TypographyStyleOptions>>;
+export declare const typographyVariantMapping: Record<TypographyActiveVariants, string>;
+export declare const typographyThemeOptions: TypographyOptions;
+export {};
+//# sourceMappingURL=typography.d.ts.map

package/packages/shared-components/dist/utils/theme/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,OAAO,EACR,MAAM,uCAAuC,CAAC;AAE/C,KAAK,iBAAiB,GAAG,MAAM,+BAA+B,CAAC;AAC/D,KAAK,wBAAwB,GAAG;KAC7B,CAAC,IAAI,iBAAiB,GAAG,+BAA+B,CAAC,CAAC,CAAC,SAAS,IAAI,GACrE,CAAC,GACD,KAAK;CACV,CAAC,iBAAiB,CAAC,CAAC;AAErB,eAAO,MAAM,0BAA0B,EAAE,gBAGxC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CACrC,MAAM,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAaxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,wBAAwB,EACxB,MAAM,CAQP,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,iBAGpC,CAAC"}

package/packages/shared-components/dist/utils/theme/typography.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyThemeOptions = exports.typographyVariantMapping = exports.typographyOptions = exports.typographyFontStyleOptions = void 0;
+exports.typographyFontStyleOptions = {
+    fontSize: 14,
+    fontFamily: "Poppins",
+};
+exports.typographyOptions = {
+    h1: { fontSize: "96px", lineHeight: "112px" },
+    h2: { fontSize: "60px", lineHeight: "72px" },
+    h3: { fontSize: "48px", lineHeight: "56px" },
+    h4: { fontSize: "36px", lineHeight: "42px" },
+    h5: { fontSize: "24px", lineHeight: "24px" },
+    h6: { fontSize: "20px", lineHeight: "24px" },
+    subtitle1: { fontSize: "18px", lineHeight: "24px" },
+    subtitle2: { fontSize: "14px", lineHeight: "24px" },
+    body1: { fontSize: "16px", lineHeight: "24px" },
+    body2: { fontSize: "14px", lineHeight: "20px" },
+    caption: { fontSize: "12px", lineHeight: "16px" },
+};
+exports.typographyVariantMapping = {
+    subHeader1: "p",
+    subHeader2: "p",
+    body: "p",
+    subText: "p",
+    smallText: "p",
+    tinyText: "p",
+};
+exports.typographyThemeOptions = {
+    ...exports.typographyFontStyleOptions,
+    ...exports.typographyOptions,
+};

package/packages/shared-components/dist/utils/urlToNestedObject.d.ts

@@ -0,0 +1,2 @@
+export declare function urlToNestedObject(url: string): {};
+//# sourceMappingURL=urlToNestedObject.d.ts.map

package/packages/shared-components/dist/utils/urlToNestedObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlToNestedObject.d.ts","sourceRoot":"","sources":["../../src/utils/urlToNestedObject.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,MAM5C"}

package/packages/shared-components/dist/utils/urlToNestedObject.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.urlToNestedObject = urlToNestedObject;
+const lodash_1 = require("lodash");
+function urlToNestedObject(url) {
+    const segments = url.split("/").filter((segment) => segment !== ""); // Split and remove empty segments
+    return segments.reduceRight((acc, segment) => {
+        return { [segment]: (0, lodash_1.isEmpty)(acc) ? true : acc }; // Build the nested structure from right to left
+    }, {});
+}