@xyo-network/react-theme 2.64.0-rc.6 → 2.64.0

package/dist/browser/appThemeOptions.cjs

@@ -0,0 +1,152 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/appThemeOptions.tsx
+var appThemeOptions_exports = {};
+__export(appThemeOptions_exports, {
+  appThemeOptions: () => appThemeOptions
+});
+module.exports = __toCommonJS(appThemeOptions_exports);
+var import_lodash = require("@xylabs/lodash");
+
+// src/fontFamily.ts
+var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
+
+// src/themeOptions.ts
+var components = {
+  MuiCard: {
+    styleOverrides: {
+      root: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between"
+      }
+    }
+  },
+  MuiCardHeader: {
+    styleOverrides: {
+      content: {
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden"
+      }
+    }
+  },
+  MuiLink: {
+    defaultProps: {
+      underline: "none"
+    },
+    styleOverrides: {
+      root: {
+        "&:hover": {
+          filter: "brightness(75%)"
+        }
+      }
+    }
+  },
+  MuiTableCell: {
+    styleOverrides: {
+      body: {
+        fontFamily: "monospace",
+        whiteSpace: "nowrap"
+      },
+      head: {
+        fontWeight: 700,
+        whiteSpace: "nowrap"
+      }
+    }
+  }
+};
+var typography = {
+  body1: {
+    lineHeight: 1.57
+  },
+  body2: {
+    lineHeight: 1.57
+  },
+  button: {
+    fontSize: "1rem",
+    textTransform: "inherit"
+  },
+  fontFamily: fontFamilyPrimary,
+  fontWeightBold: 700,
+  fontWeightLight: 200,
+  fontWeightMedium: 300,
+  fontWeightRegular: 400,
+  h1: {
+    fontFamily: fontFamilyPrimary,
+    fontSize: "4rem"
+  },
+  h2: {
+    fontFamily: fontFamilyPrimary,
+    fontSize: "2.4rem"
+  },
+  h3: {
+    fontFamily: fontFamilyPrimary,
+    fontSize: "2.24rem"
+  },
+  h4: {
+    fontSize: "2rem"
+  },
+  h5: {
+    fontSize: "1.5rem"
+  },
+  h6: {
+    fontSize: "1.1rem"
+  },
+  subtitle1: {
+    opacity: "70%"
+  },
+  subtitle2: {
+    opacity: "70%"
+  }
+};
+var themeOptions = {
+  components,
+  shape: {
+    borderRadius: 8
+  },
+  spacing: 16,
+  typography
+};
+
+// src/appThemeOptions.tsx
+var partialAppThemeOptions = {
+  components: {
+    MuiTypography: {
+      styleOverrides: {
+        root: ({ ownerState }) => {
+          const { clamped } = ownerState;
+          if (clamped) {
+            const maxWidth = parseInt(clamped, 10);
+            return {
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              width: `clamp(1%, 100%, ${maxWidth}px)`
+            };
+          }
+        }
+      }
+    }
+  },
+  spacing: 8
+};
+var appThemeOptions = (0, import_lodash.merge)({}, themeOptions, partialAppThemeOptions);
+//# sourceMappingURL=appThemeOptions.cjs.map

package/dist/browser/appThemeOptions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/appThemeOptions.tsx","../../src/fontFamily.ts","../../src/themeOptions.ts"],"sourcesContent":["import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nimport { themeOptions } from './themeOptions'\n\nconst partialAppThemeOptions: ThemeOptions = {\n  components: {\n    MuiTypography: {\n      styleOverrides: {\n        root: ({ ownerState }) => {\n          const { clamped } = ownerState\n\n          if (clamped) {\n            const maxWidth = parseInt(clamped as string, 10)\n\n            return {\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n              width: `clamp(1%, 100%, ${maxWidth}px)`,\n            }\n          }\n        },\n      },\n    },\n  },\n  spacing: 8,\n}\n\nexport const appThemeOptions = merge({}, themeOptions, partialAppThemeOptions)\n","export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\n","import { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyPrimary } from './fontFamily'\n\nexport const components: ThemeOptions['components'] = {\n  MuiCard: {\n    styleOverrides: {\n      root: {\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n      },\n    },\n  },\n  MuiCardHeader: {\n    styleOverrides: {\n      content: {\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: {\n      underline: 'none',\n    },\n    styleOverrides: {\n      root: {\n        '&:hover': {\n          filter: 'brightness(75%)',\n        },\n      },\n    },\n  },\n  MuiTableCell: {\n    styleOverrides: {\n      body: {\n        fontFamily: 'monospace',\n        whiteSpace: 'nowrap',\n      },\n      head: {\n        fontWeight: 700,\n        whiteSpace: 'nowrap',\n      },\n    },\n  },\n}\n\nexport const typography: ThemeOptions['typography'] = {\n  body1: {\n    lineHeight: 1.57,\n  },\n  body2: {\n    lineHeight: 1.57,\n  },\n  button: {\n    fontSize: '1rem',\n    textTransform: 'inherit',\n  },\n  fontFamily: fontFamilyPrimary,\n  fontWeightBold: 700,\n  fontWeightLight: 200,\n  fontWeightMedium: 300,\n  fontWeightRegular: 400,\n  h1: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '4rem',\n  },\n  h2: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '2.4rem',\n  },\n  h3: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '2.24rem',\n  },\n  h4: {\n    fontSize: '2rem',\n  },\n  h5: {\n    fontSize: '1.5rem',\n  },\n  h6: {\n    fontSize: '1.1rem',\n  },\n  subtitle1: {\n    opacity: '70%',\n  },\n  subtitle2: {\n    opacity: '70%',\n  },\n}\n\nexport const themeOptions: ThemeOptions = {\n  components,\n  shape: {\n    borderRadius: 8,\n  },\n  spacing: 16,\n  typography,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAsB;;;ACDf,IAAM,oBAAoB,CAAC,eAAe,aAAa,YAAY,EAAE,KAAK,GAAG;;;ACI7E,IAAM,aAAyC;AAAA,EACpD,SAAS;AAAA,IACP,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,eAAe;AAAA,IACb,gBAAgB;AAAA,MACd,SAAS;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,cAAc;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,WAAW;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,aAAyC;AAAA,EACpD,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,EACX;AACF;AAEO,IAAM,eAA6B;AAAA,EACxC;AAAA,EACA,OAAO;AAAA,IACL,cAAc;AAAA,EAChB;AAAA,EACA,SAAS;AAAA,EACT;AACF;;;AFhGA,IAAM,yBAAuC;AAAA,EAC3C,YAAY;AAAA,IACV,eAAe;AAAA,MACb,gBAAgB;AAAA,QACd,MAAM,CAAC,EAAE,WAAW,MAAM;AACxB,gBAAM,EAAE,QAAQ,IAAI;AAEpB,cAAI,SAAS;AACX,kBAAM,WAAW,SAAS,SAAmB,EAAE;AAE/C,mBAAO;AAAA,cACL,UAAU;AAAA,cACV,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,OAAO,mBAAmB,QAAQ;AAAA,YACpC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS;AACX;AAEO,IAAM,sBAAkB,qBAAM,CAAC,GAAG,cAAc,sBAAsB;","names":[]}

package/dist/browser/appThemeOptions.d.cts

@@ -0,0 +1,3 @@
+import { ThemeOptions } from '@mui/material';
+export declare const appThemeOptions: ThemeOptions;
+//# sourceMappingURL=appThemeOptions.d.ts.map

package/dist/browser/appThemeOptions.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appThemeOptions.d.ts","sourceRoot":"","sources":["../../src/appThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AA6B5C,eAAO,MAAM,eAAe,cAAkD,CAAA"}

package/dist/browser/fontFamily.cjs

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/fontFamily.ts
+var fontFamily_exports = {};
+__export(fontFamily_exports, {
+  fontFamilyPrimary: () => fontFamilyPrimary
+});
+module.exports = __toCommonJS(fontFamily_exports);
+var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
+//# sourceMappingURL=fontFamily.cjs.map

package/dist/browser/fontFamily.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/fontFamily.ts"],"sourcesContent":["export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,oBAAoB,CAAC,eAAe,aAAa,YAAY,EAAE,KAAK,GAAG;","names":[]}

package/dist/browser/fontFamily.d.cts

@@ -0,0 +1,2 @@
+export declare const fontFamilyPrimary: string;
+//# sourceMappingURL=fontFamily.d.ts.map

package/dist/browser/fontFamily.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamily.d.ts","sourceRoot":"","sources":["../../src/fontFamily.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,QAAuD,CAAA"}

package/dist/browser/index.cjs

@@ -0,0 +1,217 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  appThemeOptions: () => appThemeOptions,
+  components: () => components,
+  fontFamilyPrimary: () => fontFamilyPrimary,
+  partialAppDarkThemeOptions: () => partialAppDarkThemeOptions,
+  partialAppLightThemeOptions: () => partialAppLightThemeOptions,
+  partialDarkThemeOptions: () => partialDarkThemeOptions,
+  partialLightThemeOptions: () => partialLightThemeOptions,
+  themeOptions: () => themeOptions,
+  typography: () => typography,
+  webThemeOptions: () => webThemeOptions
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/appThemeOptions.tsx
+var import_lodash = require("@xylabs/lodash");
+
+// src/fontFamily.ts
+var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
+
+// src/themeOptions.ts
+var components = {
+  MuiCard: {
+    styleOverrides: {
+      root: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between"
+      }
+    }
+  },
+  MuiCardHeader: {
+    styleOverrides: {
+      content: {
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden"
+      }
+    }
+  },
+  MuiLink: {
+    defaultProps: {
+      underline: "none"
+    },
+    styleOverrides: {
+      root: {
+        "&:hover": {
+          filter: "brightness(75%)"
+        }
+      }
+    }
+  },
+  MuiTableCell: {
+    styleOverrides: {
+      body: {
+        fontFamily: "monospace",
+        whiteSpace: "nowrap"
+      },
+      head: {
+        fontWeight: 700,
+        whiteSpace: "nowrap"
+      }
+    }
+  }
+};
+var typography = {
+  body1: {
+    lineHeight: 1.57
+  },
+  body2: {
+    lineHeight: 1.57
+  },
+  button: {
+    fontSize: "1rem",
+    textTransform: "inherit"
+  },
+  fontFamily: fontFamilyPrimary,
+  fontWeightBold: 700,
+  fontWeightLight: 200,
+  fontWeightMedium: 300,
+  fontWeightRegular: 400,
+  h1: {
+    fontFamily: fontFamilyPrimary,
+    fontSize: "4rem"
+  },
+  h2: {
+    fontFamily: fontFamilyPrimary,
+    fontSize: "2.4rem"
+  },
+  h3: {
+    fontFamily: fontFamilyPrimary,
+    fontSize: "2.24rem"
+  },
+  h4: {
+    fontSize: "2rem"
+  },
+  h5: {
+    fontSize: "1.5rem"
+  },
+  h6: {
+    fontSize: "1.1rem"
+  },
+  subtitle1: {
+    opacity: "70%"
+  },
+  subtitle2: {
+    opacity: "70%"
+  }
+};
+var themeOptions = {
+  components,
+  shape: {
+    borderRadius: 8
+  },
+  spacing: 16,
+  typography
+};
+
+// src/appThemeOptions.tsx
+var partialAppThemeOptions = {
+  components: {
+    MuiTypography: {
+      styleOverrides: {
+        root: ({ ownerState }) => {
+          const { clamped } = ownerState;
+          if (clamped) {
+            const maxWidth = parseInt(clamped, 10);
+            return {
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              width: `clamp(1%, 100%, ${maxWidth}px)`
+            };
+          }
+        }
+      }
+    }
+  },
+  spacing: 8
+};
+var appThemeOptions = (0, import_lodash.merge)({}, themeOptions, partialAppThemeOptions);
+
+// src/partialDarkThemeOptions.tsx
+var import_material = require("@mui/material");
+var import_lodash2 = require("@xylabs/lodash");
+var appComponents = {
+  MuiPaper: {
+    defaultProps: {
+      variant: "elevation"
+    }
+  }
+};
+var partialDarkThemeOptions = {
+  palette: {
+    background: {
+      default: (0, import_material.darken)("#171626", 0.1),
+      paper: "#171626"
+    },
+    mode: "dark",
+    primary: {
+      main: "#9993F5"
+    },
+    secondary: {
+      main: "#8EC8FF"
+    }
+  }
+};
+var partialAppDarkThemeOptions = (0, import_lodash2.merge)({}, partialDarkThemeOptions, { components: appComponents });
+
+// src/partialLightThemeOptions.tsx
+var import_lodash3 = require("@xylabs/lodash");
+var appComponents2 = {
+  MuiPaper: {
+    defaultProps: {
+      variant: "outlined"
+    }
+  }
+};
+var partialLightThemeOptions = {
+  palette: {
+    mode: "light",
+    primary: {
+      main: "#1f1a66"
+    },
+    secondary: {
+      main: "#0f68c9"
+    }
+  }
+};
+var partialAppLightThemeOptions = (0, import_lodash3.merge)({}, partialLightThemeOptions, { components: appComponents2 });
+
+// src/webThemeOptions.tsx
+var import_lodash4 = require("@xylabs/lodash");
+var partialWebThemeOptions = {};
+var webThemeOptions = (0, import_lodash4.merge)({}, themeOptions, partialWebThemeOptions);
+//# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts","../../src/appThemeOptions.tsx","../../src/fontFamily.ts","../../src/themeOptions.ts","../../src/partialDarkThemeOptions.tsx","../../src/partialLightThemeOptions.tsx","../../src/webThemeOptions.tsx"],"sourcesContent":["export * from './appThemeOptions'\nexport * from './fontFamily'\nexport * from './partialDarkThemeOptions'\nexport * from './partialLightThemeOptions'\nexport * from './themeOptions'\nexport * from './webThemeOptions'\n","import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nimport { themeOptions } from './themeOptions'\n\nconst partialAppThemeOptions: ThemeOptions = {\n  components: {\n    MuiTypography: {\n      styleOverrides: {\n        root: ({ ownerState }) => {\n          const { clamped } = ownerState\n\n          if (clamped) {\n            const maxWidth = parseInt(clamped as string, 10)\n\n            return {\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n              width: `clamp(1%, 100%, ${maxWidth}px)`,\n            }\n          }\n        },\n      },\n    },\n  },\n  spacing: 8,\n}\n\nexport const appThemeOptions = merge({}, themeOptions, partialAppThemeOptions)\n","export const fontFamilyPrimary = ['Lexend Deca', 'Helvetica', 'sans-serif'].join(',')\n","import { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyPrimary } from './fontFamily'\n\nexport const components: ThemeOptions['components'] = {\n  MuiCard: {\n    styleOverrides: {\n      root: {\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n      },\n    },\n  },\n  MuiCardHeader: {\n    styleOverrides: {\n      content: {\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: {\n      underline: 'none',\n    },\n    styleOverrides: {\n      root: {\n        '&:hover': {\n          filter: 'brightness(75%)',\n        },\n      },\n    },\n  },\n  MuiTableCell: {\n    styleOverrides: {\n      body: {\n        fontFamily: 'monospace',\n        whiteSpace: 'nowrap',\n      },\n      head: {\n        fontWeight: 700,\n        whiteSpace: 'nowrap',\n      },\n    },\n  },\n}\n\nexport const typography: ThemeOptions['typography'] = {\n  body1: {\n    lineHeight: 1.57,\n  },\n  body2: {\n    lineHeight: 1.57,\n  },\n  button: {\n    fontSize: '1rem',\n    textTransform: 'inherit',\n  },\n  fontFamily: fontFamilyPrimary,\n  fontWeightBold: 700,\n  fontWeightLight: 200,\n  fontWeightMedium: 300,\n  fontWeightRegular: 400,\n  h1: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '4rem',\n  },\n  h2: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '2.4rem',\n  },\n  h3: {\n    fontFamily: fontFamilyPrimary,\n    fontSize: '2.24rem',\n  },\n  h4: {\n    fontSize: '2rem',\n  },\n  h5: {\n    fontSize: '1.5rem',\n  },\n  h6: {\n    fontSize: '1.1rem',\n  },\n  subtitle1: {\n    opacity: '70%',\n  },\n  subtitle2: {\n    opacity: '70%',\n  },\n}\n\nexport const themeOptions: ThemeOptions = {\n  components,\n  shape: {\n    borderRadius: 8,\n  },\n  spacing: 16,\n  typography,\n}\n","import { darken, ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nconst appComponents: ThemeOptions['components'] = {\n  MuiPaper: {\n    defaultProps: {\n      variant: 'elevation',\n    },\n  },\n}\n\nexport const partialDarkThemeOptions: ThemeOptions = {\n  palette: {\n    background: {\n      default: darken('#171626', 0.1),\n      paper: '#171626',\n    },\n    mode: 'dark',\n    primary: {\n      main: '#9993F5',\n    },\n    secondary: {\n      main: '#8EC8FF',\n    },\n  },\n}\n\nexport const partialAppDarkThemeOptions: ThemeOptions = merge({}, partialDarkThemeOptions, { components: appComponents })\n","import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nconst appComponents: ThemeOptions['components'] = {\n  MuiPaper: {\n    defaultProps: {\n      variant: 'outlined',\n    },\n  },\n}\n\nexport const partialLightThemeOptions: ThemeOptions = {\n  palette: {\n    mode: 'light',\n    primary: {\n      main: '#1f1a66',\n    },\n    secondary: {\n      main: '#0f68c9',\n    },\n  },\n}\n\nexport const partialAppLightThemeOptions: ThemeOptions = merge({}, partialLightThemeOptions, { components: appComponents })\n","import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nimport { themeOptions } from './themeOptions'\n\nconst partialWebThemeOptions: ThemeOptions = {}\n\nexport const webThemeOptions = merge({}, themeOptions, partialWebThemeOptions)\n"],"mappings":"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","names":["import_lodash","import_lodash","appComponents","import_lodash"]}

package/dist/browser/index.d.cts

@@ -0,0 +1,7 @@
+export * from './appThemeOptions';
+export * from './fontFamily';
+export * from './partialDarkThemeOptions';
+export * from './partialLightThemeOptions';
+export * from './themeOptions';
+export * from './webThemeOptions';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA"}

package/dist/browser/partialDarkThemeOptions.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/partialDarkThemeOptions.tsx
+var partialDarkThemeOptions_exports = {};
+__export(partialDarkThemeOptions_exports, {
+  partialAppDarkThemeOptions: () => partialAppDarkThemeOptions,
+  partialDarkThemeOptions: () => partialDarkThemeOptions
+});
+module.exports = __toCommonJS(partialDarkThemeOptions_exports);
+var import_material = require("@mui/material");
+var import_lodash = require("@xylabs/lodash");
+var appComponents = {
+  MuiPaper: {
+    defaultProps: {
+      variant: "elevation"
+    }
+  }
+};
+var partialDarkThemeOptions = {
+  palette: {
+    background: {
+      default: (0, import_material.darken)("#171626", 0.1),
+      paper: "#171626"
+    },
+    mode: "dark",
+    primary: {
+      main: "#9993F5"
+    },
+    secondary: {
+      main: "#8EC8FF"
+    }
+  }
+};
+var partialAppDarkThemeOptions = (0, import_lodash.merge)({}, partialDarkThemeOptions, { components: appComponents });
+//# sourceMappingURL=partialDarkThemeOptions.cjs.map

package/dist/{node/partialDarkThemeOptions.mjs.map → browser/partialDarkThemeOptions.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/partialDarkThemeOptions.tsx"],"sourcesContent":["import { darken, ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nconst appComponents: ThemeOptions['components'] = {\n  MuiPaper: {\n    defaultProps: {\n      variant: 'elevation',\n    },\n  },\n}\n\nexport const partialDarkThemeOptions: ThemeOptions = {\n  palette: {\n    background: {\n      default: darken('#171626', 0.1),\n      paper: '#171626',\n    },\n    mode: 'dark',\n    primary: {\n      main: '#9993F5',\n    },\n    secondary: {\n      main: '#8EC8FF',\n    },\n  },\n}\n\nexport const partialAppDarkThemeOptions: ThemeOptions = merge({}, partialDarkThemeOptions, { components: appComponents })\n"],"mappings":"AAAA,SAAS,cAA4B;AACrC,SAAS,aAAa;AAEtB,MAAM,gBAA4C;AAAA,EAChD,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,MAAM,0BAAwC;AAAA,EACnD,SAAS;AAAA,IACP,YAAY;AAAA,MACV,SAAS,OAAO,WAAW,GAAG;AAAA,MAC9B,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,IACN,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,6BAA2C,MAAM,CAAC,GAAG,yBAAyB,EAAE,YAAY,cAAc,CAAC;","names":[]}
+{"version":3,"sources":["../../src/partialDarkThemeOptions.tsx"],"sourcesContent":["import { darken, ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nconst appComponents: ThemeOptions['components'] = {\n  MuiPaper: {\n    defaultProps: {\n      variant: 'elevation',\n    },\n  },\n}\n\nexport const partialDarkThemeOptions: ThemeOptions = {\n  palette: {\n    background: {\n      default: darken('#171626', 0.1),\n      paper: '#171626',\n    },\n    mode: 'dark',\n    primary: {\n      main: '#9993F5',\n    },\n    secondary: {\n      main: '#8EC8FF',\n    },\n  },\n}\n\nexport const partialAppDarkThemeOptions: ThemeOptions = merge({}, partialDarkThemeOptions, { components: appComponents })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqC;AACrC,oBAAsB;AAEtB,IAAM,gBAA4C;AAAA,EAChD,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,0BAAwC;AAAA,EACnD,SAAS;AAAA,IACP,YAAY;AAAA,MACV,aAAS,wBAAO,WAAW,GAAG;AAAA,MAC9B,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,IACN,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,IAAM,iCAA2C,qBAAM,CAAC,GAAG,yBAAyB,EAAE,YAAY,cAAc,CAAC;","names":[]}

package/dist/browser/partialDarkThemeOptions.d.cts

@@ -0,0 +1,4 @@
+import { ThemeOptions } from '@mui/material';
+export declare const partialDarkThemeOptions: ThemeOptions;
+export declare const partialAppDarkThemeOptions: ThemeOptions;
+//# sourceMappingURL=partialDarkThemeOptions.d.ts.map

package/dist/browser/partialDarkThemeOptions.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"partialDarkThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialDarkThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAE,MAAM,eAAe,CAAA;AAWpD,eAAO,MAAM,uBAAuB,EAAE,YAcrC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,YAAgF,CAAA"}

package/dist/browser/partialLightThemeOptions.cjs

@@ -0,0 +1,47 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/partialLightThemeOptions.tsx
+var partialLightThemeOptions_exports = {};
+__export(partialLightThemeOptions_exports, {
+  partialAppLightThemeOptions: () => partialAppLightThemeOptions,
+  partialLightThemeOptions: () => partialLightThemeOptions
+});
+module.exports = __toCommonJS(partialLightThemeOptions_exports);
+var import_lodash = require("@xylabs/lodash");
+var appComponents = {
+  MuiPaper: {
+    defaultProps: {
+      variant: "outlined"
+    }
+  }
+};
+var partialLightThemeOptions = {
+  palette: {
+    mode: "light",
+    primary: {
+      main: "#1f1a66"
+    },
+    secondary: {
+      main: "#0f68c9"
+    }
+  }
+};
+var partialAppLightThemeOptions = (0, import_lodash.merge)({}, partialLightThemeOptions, { components: appComponents });
+//# sourceMappingURL=partialLightThemeOptions.cjs.map

package/dist/{node/partialLightThemeOptions.mjs.map → browser/partialLightThemeOptions.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/partialLightThemeOptions.tsx"],"sourcesContent":["import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nconst appComponents: ThemeOptions['components'] = {\n  MuiPaper: {\n    defaultProps: {\n      variant: 'outlined',\n    },\n  },\n}\n\nexport const partialLightThemeOptions: ThemeOptions = {\n  palette: {\n    mode: 'light',\n    primary: {\n      main: '#1f1a66',\n    },\n    secondary: {\n      main: '#0f68c9',\n    },\n  },\n}\n\nexport const partialAppLightThemeOptions: ThemeOptions = merge({}, partialLightThemeOptions, { components: appComponents })\n"],"mappings":"AACA,SAAS,aAAa;AAEtB,MAAM,gBAA4C;AAAA,EAChD,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,MAAM,2BAAyC;AAAA,EACpD,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,8BAA4C,MAAM,CAAC,GAAG,0BAA0B,EAAE,YAAY,cAAc,CAAC;","names":[]}
+{"version":3,"sources":["../../src/partialLightThemeOptions.tsx"],"sourcesContent":["import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nconst appComponents: ThemeOptions['components'] = {\n  MuiPaper: {\n    defaultProps: {\n      variant: 'outlined',\n    },\n  },\n}\n\nexport const partialLightThemeOptions: ThemeOptions = {\n  palette: {\n    mode: 'light',\n    primary: {\n      main: '#1f1a66',\n    },\n    secondary: {\n      main: '#0f68c9',\n    },\n  },\n}\n\nexport const partialAppLightThemeOptions: ThemeOptions = merge({}, partialLightThemeOptions, { components: appComponents })\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAsB;AAEtB,IAAM,gBAA4C;AAAA,EAChD,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,2BAAyC;AAAA,EACpD,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,IAAM,kCAA4C,qBAAM,CAAC,GAAG,0BAA0B,EAAE,YAAY,cAAc,CAAC;","names":[]}

package/dist/browser/partialLightThemeOptions.d.cts

@@ -0,0 +1,4 @@
+import { ThemeOptions } from '@mui/material';
+export declare const partialLightThemeOptions: ThemeOptions;
+export declare const partialAppLightThemeOptions: ThemeOptions;
+//# sourceMappingURL=partialLightThemeOptions.d.ts.map

package/dist/browser/partialLightThemeOptions.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"partialLightThemeOptions.d.ts","sourceRoot":"","sources":["../../src/partialLightThemeOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAW5C,eAAO,MAAM,wBAAwB,EAAE,YAUtC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,YAAiF,CAAA"}

package/dist/{node/themeOptions.mjs → browser/themeOptions.cjs}

@@ -1,5 +1,36 @@
-import { fontFamilyPrimary } from "./fontFamily";
-const components = {
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/themeOptions.ts
+var themeOptions_exports = {};
+__export(themeOptions_exports, {
+  components: () => components,
+  themeOptions: () => themeOptions,
+  typography: () => typography
+});
+module.exports = __toCommonJS(themeOptions_exports);
+
+// src/fontFamily.ts
+var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
+
+// src/themeOptions.ts
+var components = {
   MuiCard: {
     styleOverrides: {
       root: {
@@ -43,7 +74,7 @@ const components = {
     }
   }
 };
-const typography = {
+var typography = {
   body1: {
     lineHeight: 1.57
   },
@@ -87,7 +118,7 @@ const typography = {
     opacity: "70%"
   }
 };
-const themeOptions = {
+var themeOptions = {
   components,
   shape: {
     borderRadius: 8
@@ -95,9 +126,4 @@ const themeOptions = {
   spacing: 16,
   typography
 };
-export {
-  components,
-  themeOptions,
-  typography
-};
-//# sourceMappingURL=themeOptions.mjs.map
+//# sourceMappingURL=themeOptions.cjs.map