@xyo-network/react-theme 2.81.10 → 2.83.0

package/dist/browser/index.d.ts

@@ -1,8 +1,23 @@
-export * from './appThemeOptions.js';
-export * from './fontFamily.js';
-export * from './OsTheme/index.js';
-export * from './partialDarkThemeOptions.js';
-export * from './partialLightThemeOptions.js';
-export * from './themeOptions.js';
-export * from './webThemeOptions.js';
-//# sourceMappingURL=index.d.ts.map
+import * as _mui_material from '@mui/material';
+import { ThemeOptions } from '@mui/material';
+
+declare const appThemeOptions: ThemeOptions;
+
+declare const fontFamilyPrimary: string;
+declare const fontFamilyOs: string;
+
+declare const osThemeOptions: _mui_material.ThemeOptions;
+
+declare const partialDarkThemeOptions: ThemeOptions;
+declare const partialAppDarkThemeOptions: ThemeOptions;
+
+declare const partialLightThemeOptions: ThemeOptions;
+declare const partialAppLightThemeOptions: ThemeOptions;
+
+declare const components: ThemeOptions['components'];
+declare const typography: ThemeOptions['typography'];
+declare const themeOptions: ThemeOptions;
+
+declare const webThemeOptions: ThemeOptions;
+
+export { appThemeOptions, components, fontFamilyOs, fontFamilyPrimary, osThemeOptions, partialAppDarkThemeOptions, partialAppLightThemeOptions, partialDarkThemeOptions, partialLightThemeOptions, themeOptions, typography, webThemeOptions };

package/dist/browser/{index.js → index.mjs}

@@ -1,9 +1,20 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/appThemeOptions.tsx
 import { merge } from "@xylabs/lodash";
 
 // src/fontFamily.ts
-var fontFamilyPrimary = ["Lexend Deca", "Helvetica", "sans-serif"].join(",");
-var fontFamilyOs = ["Manrope", "Roboto", "sans-serif"].join(",");
+var fontFamilyPrimary = [
+  "Lexend Deca",
+  "Helvetica",
+  "sans-serif"
+].join(",");
+var fontFamilyOs = [
+  "Manrope",
+  "Roboto",
+  "sans-serif"
+].join(",");
 
 // src/themeOptions.ts
 var components = {
@@ -108,7 +119,7 @@ var partialAppThemeOptions = {
   components: {
     MuiTypography: {
       styleOverrides: {
-        root: ({ ownerState }) => {
+        root: /* @__PURE__ */ __name(({ ownerState }) => {
           const { clamped } = ownerState;
           if (clamped) {
             const maxWidth = Number.parseInt(clamped, 10);
@@ -119,7 +130,7 @@ var partialAppThemeOptions = {
               width: `clamp(1%, 100%, ${maxWidth}px)`
             };
           }
-        }
+        }, "root")
       }
     }
   },
@@ -317,7 +328,9 @@ var partialDarkThemeOptions = {
     }
   }
 };
-var partialAppDarkThemeOptions = merge3({}, partialDarkThemeOptions, { components: appComponents });
+var partialAppDarkThemeOptions = merge3({}, partialDarkThemeOptions, {
+  components: appComponents
+});
 
 // src/partialLightThemeOptions.tsx
 import { merge as merge4 } from "@xylabs/lodash";
@@ -352,4 +365,4 @@ export {
   typography,
   webThemeOptions
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/appThemeOptions.tsx","../../src/fontFamily.ts","../../src/themeOptions.ts","../../src/OsTheme/osThemeOptions.tsx","../../src/OsTheme/Components.tsx","../../src/OsTheme/Typography.tsx","../../src/OsTheme/DarkMode.tsx","../../src/OsTheme/LightMode.tsx","../../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.ts'\n\nconst partialAppThemeOptions: ThemeOptions = {\n  components: {\n    MuiTypography: {\n      styleOverrides: {\n        root: ({ ownerState }) => {\n          const { clamped } = ownerState\n\n          if (clamped) {\n            const maxWidth = Number.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(',')\nexport const fontFamilyOs = ['Manrope', 'Roboto', 'sans-serif'].join(',')\n","import { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyPrimary } from './fontFamily.ts'\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 { merge } from '@xylabs/lodash'\n\nimport { osThemeOptionsDarkMode } from './DarkMode.tsx'\nimport { osThemeOptionsLightMode } from './LightMode.tsx'\n\nexport const osThemeOptions = merge({}, osThemeOptionsDarkMode, osThemeOptionsLightMode)\n","import { ThemeOptions } from '@mui/material'\n\nexport const components: ThemeOptions['components'] = {\n  MuiCard: {\n    defaultProps: {\n      elevation: 0,\n    },\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  MuiPaper: {\n    defaultProps: {\n      elevation: 0,\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","import { ThemeOptions } from '@mui/material'\n\nimport { fontFamilyOs } from '../fontFamily.ts'\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: fontFamilyOs,\n  fontWeightBold: 700,\n  fontWeightLight: 300,\n  fontWeightMedium: 600,\n  fontWeightRegular: 500,\n  h1: {\n    fontSize: '4rem',\n  },\n  h2: {\n    fontSize: '2.4rem',\n  },\n  h3: {\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","import { ThemeOptions } from '@mui/material'\n\nimport { components } from './Components.tsx'\nimport { typography } from './Typography.tsx'\n\nconst palette: ThemeOptions['palette'] = {\n  background: {\n    default: '#141319',\n    paper: '#1C1B20',\n  },\n  error: {\n    main: '#ffb4ab',\n  },\n  mode: 'dark',\n  primary: {\n    main: '#C9BFFA',\n  },\n  secondary: {\n    main: '#C9C3DA',\n  },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsDarkMode: ThemeOptions = {\n  components,\n  palette,\n  shape: {\n    borderRadius: 10,\n  },\n  spacing: 16,\n  typography,\n}\n","import { ThemeOptions } from '@mui/material'\n\nimport { components } from './Components.tsx'\nimport { typography } from './Typography.tsx'\n\nconst palette: ThemeOptions['palette'] = {\n  background: {\n    default: '#FFFFFF',\n    paper: '#F6F4ED',\n  },\n  error: {\n    main: '#BA1A1A',\n  },\n  mode: 'light',\n  primary: {\n    main: '#100029',\n  },\n  secondary: {\n    main: '#A060E0',\n  },\n  text: {\n    primary: '#100029',\n    secondary: '#212023',\n  },\n}\n\nexport const osThemeOptionsLightMode: ThemeOptions = {\n  components,\n  palette,\n  shape: {\n    borderRadius: 10,\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\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)\n","import { ThemeOptions } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\n\nimport { themeOptions } from './themeOptions.ts'\n\nconst partialWebThemeOptions: ThemeOptions = {}\n\nexport const webThemeOptions = merge({}, themeOptions, partialWebThemeOptions)\n"],"mappings":"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","names":["merge","fontFamilyPrimary","join","fontFamilyOs","components","MuiCard","styleOverrides","root","display","flexDirection","justifyContent","MuiCardHeader","content","overflow","MuiLink","defaultProps","underline","filter","MuiTableCell","body","fontFamily","whiteSpace","head","fontWeight","typography","body1","lineHeight","body2","button","fontSize","textTransform","fontFamilyPrimary","fontWeightBold","fontWeightLight","fontWeightMedium","fontWeightRegular","h1","h2","h3","h4","h5","h6","subtitle1","opacity","subtitle2","themeOptions","shape","borderRadius","spacing","partialAppThemeOptions","components","MuiTypography","styleOverrides","root","ownerState","clamped","maxWidth","Number","parseInt","overflow","textOverflow","whiteSpace","width","spacing","appThemeOptions","merge","themeOptions","merge","components","MuiCard","defaultProps","elevation","styleOverrides","root","display","flexDirection","justifyContent","MuiCardHeader","content","overflow","MuiLink","underline","filter","MuiPaper","MuiTableCell","body","fontFamily","whiteSpace","head","fontWeight","typography","body1","lineHeight","body2","button","fontSize","textTransform","fontFamily","fontFamilyOs","fontWeightBold","fontWeightLight","fontWeightMedium","fontWeightRegular","h1","h2","h3","h4","h5","h6","subtitle1","opacity","subtitle2","palette","background","default","paper","error","main","mode","primary","secondary","text","osThemeOptionsDarkMode","components","shape","borderRadius","spacing","typography","palette","background","default","paper","error","main","mode","primary","secondary","text","osThemeOptionsLightMode","components","shape","borderRadius","spacing","typography","osThemeOptions","merge","osThemeOptionsDarkMode","osThemeOptionsLightMode","darken","merge","appComponents","MuiPaper","defaultProps","variant","partialDarkThemeOptions","palette","background","default","paper","mode","primary","main","secondary","partialAppDarkThemeOptions","components","merge","partialLightThemeOptions","palette","mode","primary","main","secondary","partialAppLightThemeOptions","merge","partialWebThemeOptions","webThemeOptions","merge","themeOptions"]}

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/lodash": "^3.6.4"
+    "@xylabs/lodash": "^3.6.12"
   },
   "peerDependencies": {
     "@mui/material": "^5",
@@ -19,38 +19,22 @@
   },
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "^3.12.4",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
     "typescript": "^5.5.4"
   },
   "docs": "dist/docs.json",
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
       },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
-      },
-      "default": "./dist/browser/index.js"
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.cjs",
-  "module": "dist/browser/index.js",
+  "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -72,6 +56,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.81.10",
+  "version": "2.83.0",
   "type": "module"
 }

package/src/OsTheme/DarkMode.tsx

@@ -1,7 +1,7 @@
 import { ThemeOptions } from '@mui/material'
 
-import { components } from './Components.js'
-import { typography } from './Typography.js'
+import { components } from './Components.tsx'
+import { typography } from './Typography.tsx'
 
 const palette: ThemeOptions['palette'] = {
   background: {

package/src/OsTheme/LightMode.tsx

@@ -1,7 +1,7 @@
 import { ThemeOptions } from '@mui/material'
 
-import { components } from './Components.js'
-import { typography } from './Typography.js'
+import { components } from './Components.tsx'
+import { typography } from './Typography.tsx'
 
 const palette: ThemeOptions['palette'] = {
   background: {

package/src/OsTheme/Typography.tsx

@@ -1,6 +1,6 @@
 import { ThemeOptions } from '@mui/material'
 
-import { fontFamilyOs } from '../fontFamily.js'
+import { fontFamilyOs } from '../fontFamily.ts'
 
 export const typography: ThemeOptions['typography'] = {
   body1: {

package/src/OsTheme/index.ts

@@ -1 +1 @@
-export * from './osThemeOptions.js'
+export * from './osThemeOptions.tsx'

package/src/OsTheme/osThemeOptions.tsx

@@ -1,6 +1,6 @@
 import { merge } from '@xylabs/lodash'
 
-import { osThemeOptionsDarkMode } from './DarkMode.js'
-import { osThemeOptionsLightMode } from './LightMode.js'
+import { osThemeOptionsDarkMode } from './DarkMode.tsx'
+import { osThemeOptionsLightMode } from './LightMode.tsx'
 
 export const osThemeOptions = merge({}, osThemeOptionsDarkMode, osThemeOptionsLightMode)

package/src/appThemeOptions.tsx

@@ -1,7 +1,7 @@
 import { ThemeOptions } from '@mui/material'
 import { merge } from '@xylabs/lodash'
 
-import { themeOptions } from './themeOptions.js'
+import { themeOptions } from './themeOptions.ts'
 
 const partialAppThemeOptions: ThemeOptions = {
   components: {

package/src/index.ts

@@ -1,7 +1,7 @@
-export * from './appThemeOptions.js'
-export * from './fontFamily.js'
-export * from './OsTheme/index.js'
-export * from './partialDarkThemeOptions.js'
-export * from './partialLightThemeOptions.js'
-export * from './themeOptions.js'
-export * from './webThemeOptions.js'
+export * from './appThemeOptions.tsx'
+export * from './fontFamily.ts'
+export * from './OsTheme/index.ts'
+export * from './partialDarkThemeOptions.tsx'
+export * from './partialLightThemeOptions.tsx'
+export * from './themeOptions.ts'
+export * from './webThemeOptions.tsx'

package/src/themeOptions.ts

@@ -1,6 +1,6 @@
 import { ThemeOptions } from '@mui/material'
 
-import { fontFamilyPrimary } from './fontFamily.js'
+import { fontFamilyPrimary } from './fontFamily.ts'
 
 export const components: ThemeOptions['components'] = {
   MuiCard: {

package/src/webThemeOptions.tsx

@@ -1,7 +1,7 @@
 import { ThemeOptions } from '@mui/material'
 import { merge } from '@xylabs/lodash'
 
-import { themeOptions } from './themeOptions.js'
+import { themeOptions } from './themeOptions.ts'
 
 const partialWebThemeOptions: ThemeOptions = {}
 

package/xy.config.ts

@@ -0,0 +1,12 @@
+import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: {
+      src: true,
+    },
+    node: {},
+    neutral: {},
+  },
+}
+
+export default config

package/dist/browser/OsTheme/Components.d.cts

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

package/dist/browser/OsTheme/Components.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAmDjD,CAAA"}

package/dist/browser/OsTheme/Components.d.mts

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

package/dist/browser/OsTheme/Components.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAmDjD,CAAA"}

package/dist/browser/OsTheme/Components.d.ts

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

package/dist/browser/OsTheme/Components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAmDjD,CAAA"}

package/dist/browser/OsTheme/DarkMode.d.cts

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

package/dist/browser/OsTheme/DarkMode.d.cts.map

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

package/dist/browser/OsTheme/DarkMode.d.mts

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

package/dist/browser/OsTheme/DarkMode.d.mts.map

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

package/dist/browser/OsTheme/DarkMode.d.ts

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

package/dist/browser/OsTheme/DarkMode.d.ts.map

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

package/dist/browser/OsTheme/LightMode.d.cts

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

package/dist/browser/OsTheme/LightMode.d.cts.map

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

package/dist/browser/OsTheme/LightMode.d.mts

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

package/dist/browser/OsTheme/LightMode.d.mts.map

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

package/dist/browser/OsTheme/LightMode.d.ts

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

package/dist/browser/OsTheme/LightMode.d.ts.map

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

package/dist/browser/OsTheme/Typography.d.cts

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

package/dist/browser/OsTheme/Typography.d.cts.map

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

package/dist/browser/OsTheme/Typography.d.mts

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

package/dist/browser/OsTheme/Typography.d.mts.map

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

package/dist/browser/OsTheme/Typography.d.ts

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

package/dist/browser/OsTheme/Typography.d.ts.map

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

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

@@ -1,2 +0,0 @@
-export * from './osThemeOptions.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/browser/OsTheme/index.d.mts

@@ -1,2 +0,0 @@
-export * from './osThemeOptions.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/OsTheme/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/browser/OsTheme/index.d.ts

@@ -1,2 +0,0 @@
-export * from './osThemeOptions.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/OsTheme/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/browser/OsTheme/osThemeOptions.d.cts

@@ -1,2 +0,0 @@
-export declare const osThemeOptions: import("@mui/material").ThemeOptions;
-//# sourceMappingURL=osThemeOptions.d.ts.map

package/dist/browser/OsTheme/osThemeOptions.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"osThemeOptions.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/osThemeOptions.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,sCAA6D,CAAA"}

package/dist/browser/OsTheme/osThemeOptions.d.mts

@@ -1,2 +0,0 @@
-export declare const osThemeOptions: import("@mui/material").ThemeOptions;
-//# sourceMappingURL=osThemeOptions.d.ts.map

package/dist/browser/OsTheme/osThemeOptions.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"osThemeOptions.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/osThemeOptions.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,sCAA6D,CAAA"}

package/dist/browser/OsTheme/osThemeOptions.d.ts

@@ -1,2 +0,0 @@
-export declare const osThemeOptions: import("@mui/material").ThemeOptions;
-//# sourceMappingURL=osThemeOptions.d.ts.map

package/dist/browser/OsTheme/osThemeOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"osThemeOptions.d.ts","sourceRoot":"","sources":["../../../src/OsTheme/osThemeOptions.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,sCAA6D,CAAA"}

package/dist/browser/appThemeOptions.d.cts

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

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

@@ -1 +0,0 @@
-{"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/appThemeOptions.d.mts

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

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

@@ -1 +0,0 @@
-{"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/appThemeOptions.d.ts

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

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

@@ -1 +0,0 @@
-{"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.d.cts

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

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

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

package/dist/browser/fontFamily.d.mts

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

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

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

package/dist/browser/fontFamily.d.ts

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

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

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