@xyo-network/react-theme 2.63.1 → 2.64.0-rc.2

package/dist/appThemeOptions.d.mts.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/appThemeOptions.d.ts

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

package/dist/appThemeOptions.d.ts.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/fontFamily.d.mts.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/fontFamily.d.ts

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

package/dist/fontFamily.d.ts.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/index.d.mts.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/{esm/index.js → index.d.ts}

@@ -4,4 +4,4 @@ export * from './partialDarkThemeOptions';
 export * from './partialLightThemeOptions';
 export * from './themeOptions';
 export * from './webThemeOptions';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.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/index.js

@@ -0,0 +1,230 @@
+"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);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  appThemeOptions,
+  components,
+  fontFamilyPrimary,
+  partialAppDarkThemeOptions,
+  partialAppLightThemeOptions,
+  partialDarkThemeOptions,
+  partialLightThemeOptions,
+  themeOptions,
+  typography,
+  webThemeOptions
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,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;;;AG7B7E,sBAAqC;AACrC,IAAAA,iBAAsB;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,sBAAM,CAAC,GAAG,yBAAyB,EAAE,YAAY,cAAc,CAAC;;;AC1BxH,IAAAC,iBAAsB;AAEtB,IAAMC,iBAA4C;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,sBAAM,CAAC,GAAG,0BAA0B,EAAE,YAAYA,eAAc,CAAC;;;ACtB1H,IAAAC,iBAAsB;AAItB,IAAM,yBAAuC,CAAC;AAEvC,IAAM,sBAAkB,sBAAM,CAAC,GAAG,cAAc,sBAAsB;","names":["import_lodash","import_lodash","appComponents","import_lodash"]}

package/dist/index.mjs

@@ -0,0 +1,194 @@
+// src/appThemeOptions.tsx
+import { merge } from "@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 = merge({}, themeOptions, partialAppThemeOptions);
+
+// src/partialDarkThemeOptions.tsx
+import { darken } from "@mui/material";
+import { merge as merge2 } from "@xylabs/lodash";
+var appComponents = {
+  MuiPaper: {
+    defaultProps: {
+      variant: "elevation"
+    }
+  }
+};
+var partialDarkThemeOptions = {
+  palette: {
+    background: {
+      default: darken("#171626", 0.1),
+      paper: "#171626"
+    },
+    mode: "dark",
+    primary: {
+      main: "#9993F5"
+    },
+    secondary: {
+      main: "#8EC8FF"
+    }
+  }
+};
+var partialAppDarkThemeOptions = merge2({}, partialDarkThemeOptions, { components: appComponents });
+
+// src/partialLightThemeOptions.tsx
+import { merge as merge3 } from "@xylabs/lodash";
+var appComponents2 = {
+  MuiPaper: {
+    defaultProps: {
+      variant: "outlined"
+    }
+  }
+};
+var partialLightThemeOptions = {
+  palette: {
+    mode: "light",
+    primary: {
+      main: "#1f1a66"
+    },
+    secondary: {
+      main: "#0f68c9"
+    }
+  }
+};
+var partialAppLightThemeOptions = merge3({}, partialLightThemeOptions, { components: appComponents2 });
+
+// src/webThemeOptions.tsx
+import { merge as merge4 } from "@xylabs/lodash";
+var partialWebThemeOptions = {};
+var webThemeOptions = merge4({}, themeOptions, partialWebThemeOptions);
+export {
+  appThemeOptions,
+  components,
+  fontFamilyPrimary,
+  partialAppDarkThemeOptions,
+  partialAppLightThemeOptions,
+  partialDarkThemeOptions,
+  partialLightThemeOptions,
+  themeOptions,
+  typography,
+  webThemeOptions
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/appThemeOptions.tsx","../src/fontFamily.ts","../src/themeOptions.ts","../src/partialDarkThemeOptions.tsx","../src/partialLightThemeOptions.tsx","../src/webThemeOptions.tsx"],"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","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":["merge","merge","appComponents","merge","merge"]}

package/dist/partialDarkThemeOptions.d.mts.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/partialDarkThemeOptions.d.ts

@@ -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/partialDarkThemeOptions.d.ts.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/partialLightThemeOptions.d.mts.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/partialLightThemeOptions.d.ts

@@ -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/partialLightThemeOptions.d.ts.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/themeOptions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeOptions.d.ts","sourceRoot":"","sources":["../src/themeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAI5C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAA"}

package/dist/themeOptions.d.ts

@@ -0,0 +1,5 @@
+import { ThemeOptions } from '@mui/material';
+export declare const components: ThemeOptions['components'];
+export declare const typography: ThemeOptions['typography'];
+export declare const themeOptions: ThemeOptions;
+//# sourceMappingURL=themeOptions.d.ts.map

package/dist/themeOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeOptions.d.ts","sourceRoot":"","sources":["../src/themeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAI5C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA2CjD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAA"}

package/dist/webThemeOptions.d.mts.map

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

package/dist/webThemeOptions.d.ts

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

package/dist/webThemeOptions.d.ts.map

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

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "lodash": "^4.17.21"
+    "@xylabs/lodash": "^2.11.7"
   },
   "peerDependencies": {
     "@mui/material": "^5",
@@ -19,31 +19,38 @@
   },
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
-    "@types/lodash": "^4.14.198",
-    "@xylabs/ts-scripts-yarn3": "^2.19.12",
+    "@xylabs/ts-scripts-yarn3": "^3.0.28",
     "typescript": "^5.2.2"
   },
-  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -64,6 +71,7 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/types/index.d.ts",
-  "version": "2.63.1"
+  "types": "dist/index.d.ts",
+  "version": "2.64.0-rc.2",
+  "stableVersion": "2.63.1"
 }

package/src/appThemeOptions.tsx

@@ -1,5 +1,5 @@
 import { ThemeOptions } from '@mui/material'
-import merge from 'lodash/merge'
+import { merge } from '@xylabs/lodash'
 
 import { themeOptions } from './themeOptions'
 

package/src/partialDarkThemeOptions.tsx

@@ -1,5 +1,5 @@
 import { darken, ThemeOptions } from '@mui/material'
-import merge from 'lodash/merge'
+import { merge } from '@xylabs/lodash'
 
 const appComponents: ThemeOptions['components'] = {
   MuiPaper: {

package/src/partialLightThemeOptions.tsx

@@ -1,5 +1,5 @@
 import { ThemeOptions } from '@mui/material'
-import merge from 'lodash/merge'
+import { merge } from '@xylabs/lodash'
 
 const appComponents: ThemeOptions['components'] = {
   MuiPaper: {

package/src/webThemeOptions.tsx

@@ -1,5 +1,5 @@
 import { ThemeOptions } from '@mui/material'
-import merge from 'lodash/merge'
+import { merge } from '@xylabs/lodash'
 
 import { themeOptions } from './themeOptions'