@ariestools/sdk-react 10.0.2

package/dist/_pkg/theme/browser/index.mjs

@@ -0,0 +1,1374 @@
+// src/alphaCss.ts
+var alphaCss = (color, value) => {
+  return `color-mix(in srgb, ${color} ${value * 100}%, transparent)`;
+};
+
+// src/components/ColorSchemeButton.tsx
+import { RotationAnimation } from "../../animation/browser/index.mjs";
+import { FlexCol } from "../../flexbox/browser/index.mjs";
+import { DarkModeRounded, LightModeRounded } from "@mui/icons-material";
+import { IconButton, useColorScheme } from "@mui/material";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ColorSchemeButton = ({
+  darkModeColor,
+  lightModeColor,
+  ...props
+}) => {
+  const {
+    mode,
+    setMode,
+    systemMode
+  } = useColorScheme();
+  const resolvedMode = useMemo(() => (mode === "system" ? systemMode : mode) ?? "light", [mode, systemMode]);
+  const [iconColor, setIconColor] = useState(() => resolvedMode === "dark" ? darkModeColor : lightModeColor);
+  const [iconColorIsSet, setIconColorIsSet] = useState(false);
+  const toggleMode = () => {
+    if (mode === "light") {
+      setMode("dark");
+    } else if (mode === "dark") {
+      setMode("system");
+    } else {
+      setMode("light");
+    }
+  };
+  const handleHover = () => {
+    setIconColor(() => {
+      if (resolvedMode === "dark") {
+        const darkModeIconColor = darkModeColor ?? "inherit";
+        return iconColorIsSet ? darkModeIconColor : "info";
+      }
+      const lightModeIconColor = lightModeColor ?? "inherit";
+      return iconColorIsSet ? lightModeIconColor : "warning";
+    });
+    setIconColorIsSet(!iconColorIsSet);
+  };
+  return /* @__PURE__ */ jsx(FlexCol, { children: /* @__PURE__ */ jsx(RotationAnimation, { rotation: 20, children: /* @__PURE__ */ jsxs(IconButton, { color: iconColor, onClick: toggleMode, onMouseEnter: () => handleHover(), onMouseLeave: () => handleHover(), ...props, children: [
+    resolvedMode === "dark" ? /* @__PURE__ */ jsx(DarkModeRounded, {}) : /* @__PURE__ */ jsx(LightModeRounded, {}),
+    mode === "system" ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          position: "absolute",
+          bottom: 2,
+          fontSize: 8
+        },
+        children: "Auto"
+      }
+    ) : null
+  ] }) }) });
+};
+
+// src/darkenCss.ts
+var darkenCss = (color, value) => {
+  return `color-mix(in srgb, ${color}, black ${value * 100}%)`;
+};
+
+// src/lightenCss.ts
+var lightenCss = (color, value) => {
+  return `color-mix(in srgb, ${color}, white ${value * 100}%)`;
+};
+
+// src/product-theme/dataism/theme.ts
+import { alpha as alpha2, createTheme as createTheme4 } from "@mui/material";
+
+// src/theme-fragments/components.tsx
+import {
+  alpha,
+  createTheme,
+  lighten
+} from "@mui/material";
+var componentFragment = (_theme) => createTheme({
+  components: {
+    MuiAlert: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          backgroundColor: alphaCss(theme.vars.palette.background.paper, 0.3),
+          color: "inherit"
+        })
+      },
+      variants: [
+        {
+          props: { variant: "standard", severity: "error" },
+          style: ({ theme }) => ({ backgroundColor: alphaCss(theme.vars.palette.error.main, 0.3), color: theme.vars.palette.error.light })
+        },
+        {
+          props: { variant: "standard", severity: "info" },
+          style: ({ theme }) => ({ backgroundColor: alphaCss(theme.vars.palette.info.main, 0.3), color: theme.vars.palette.info.light })
+        },
+        {
+          props: { variant: "standard", severity: "success" },
+          style: ({ theme }) => ({ backgroundColor: alphaCss(theme.vars.palette.success.main, 0.3), color: theme.vars.palette.success.light })
+        },
+        {
+          props: { variant: "standard", severity: "warning" },
+          style: ({ theme }) => ({ backgroundColor: alphaCss(theme.vars.palette.warning.main, 0.3), color: theme.vars.palette.warning.light })
+        }
+      ]
+    },
+    MuiButton: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          boxShadow: "none",
+          padding: `${theme.spacing(0.75)} ${theme.spacing(1.5)}`,
+          borderWidth: "2px",
+          borderColor: "inherit"
+        })
+      },
+      variants: [
+        {
+          props: { variant: "outlined" },
+          style: {
+            "WebkitBackdropFilter": "blur(2px)",
+            "backdropFilter": "blur(2px)",
+            "border": "2px solid",
+            "&:hover": { border: "2px solid" }
+          }
+        },
+        {
+          props: { variant: "text" },
+          style: {
+            "&:hover": {
+              textDecoration: "underline 1.5px #66caf7",
+              textUnderlineOffset: "5px",
+              backgroundColor: "transparent"
+            }
+          }
+        },
+        {
+          props: { size: "small" },
+          style: ({ theme }) => ({ padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`, fontSize: "1rem" })
+        }
+      ]
+    },
+    MuiCard: {
+      defaultProps: { elevation: 0 },
+      styleOverrides: {
+        root: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "space-between"
+        }
+      }
+    },
+    MuiCardContent: { styleOverrides: { root: ({ theme }) => ({ "&:last-child": { paddingBottom: theme.spacing(1) } }) } },
+    MuiChip: {
+      styleOverrides: {
+        root: {
+          borderRadius: 4,
+          fontWeight: 400
+        },
+        colorError: { backgroundColor: alpha("#f6594e", 0.2), color: lighten("#f6594e", 0.2) },
+        colorInfo: { backgroundColor: alpha("#72b4f4", 0.2), color: lighten("#72b4f4", 0.2) },
+        colorPrimary: { backgroundColor: alpha("#5658F3", 0.2), color: lighten("#5658F3", 0.2) },
+        colorSecondary: { backgroundColor: alpha("#66caf7", 0.2), color: lighten("#66caf7", 0.2) },
+        colorSuccess: { backgroundColor: alpha("#7efc81", 0.2), color: lighten("#7efc81", 0.2) },
+        colorWarning: { backgroundColor: alpha("#f7d866", 0.2), color: lighten("#f7d866", 0.2) }
+      }
+    },
+    MuiContainer: { styleOverrides: { root: { maxWidth: "xl" } }, defaultProps: { maxWidth: "xl" } },
+    MuiDialog: {
+      styleOverrides: {
+        root: {
+          "& .MuiDialog-paper": {
+            backgroundImage: "none",
+            paddingLeft: 2,
+            paddingRight: 2
+          }
+        }
+      }
+    },
+    MuiInputBase: {
+      styleOverrides: {
+        input: {
+          "&:-webkit-autofill": {
+            transitionDelay: "9999s",
+            transitionProperty: "background-color, color"
+          }
+        }
+      }
+    },
+    MuiFilledInput: {
+      styleOverrides: {
+        input: {
+          "&:-webkit-autofill": {
+            WebkitBoxShadow: "inherit",
+            WebkitTextFillColor: "inherit",
+            caretColor: "inherit"
+          }
+        }
+      }
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        input: {
+          "&:-webkit-autofill": {
+            WebkitBoxShadow: "inherit",
+            WebkitTextFillColor: "inherit",
+            caretColor: "inherit"
+          }
+        }
+      }
+    },
+    MuiLink: { styleOverrides: { root: { textDecoration: "none" } } }
+  }
+});
+
+// src/theme-fragments/link.ts
+var MuiLinkFragment = {
+  MuiLink: {
+    // default color prop is required because Mui passes 'primary' as the default color prop and overrides
+    // color: 'inherit' in their own CSS
+    defaultProps: { color: "inherit", underline: "none" },
+    styleOverrides: {
+      root: ({ theme }) => ({
+        "opacity": 0.45,
+        "fontWeight": 600,
+        "&:hover": { opacity: 0.8 },
+        // Dark mode needs to be more opaque to be readable because the background is darker
+        ...theme.applyStyles("dark", { opacity: 0.6 })
+      })
+    }
+  }
+};
+
+// src/theme-fragments/shape.tsx
+import { createTheme as createTheme2 } from "@mui/material";
+var shapeFragment = (_theme) => createTheme2({ shape: { borderRadius: 4 } });
+
+// src/theme-fragments/spacing.tsx
+import { createTheme as createTheme3 } from "@mui/material";
+var spacingFragment = (_theme) => createTheme3({ spacing: 8 });
+
+// src/product-theme/dataism/customThemeColors.tsx
+import { darken, lighten as lighten2 } from "@mui/material";
+var personaColorsLightMode = {
+  nova: {
+    main: "#F6BF28",
+    dark: "#D09E16",
+    light: lighten2("#FADD8C", 0.4),
+    contrastText: darken("#FADD8C", 0.8)
+  },
+  vex: {
+    main: "#BFF07F",
+    dark: "#8FCC3E",
+    light: lighten2("#BFF07F", 0.4),
+    contrastText: darken("#BFF07F", 0.8)
+  },
+  rook: {
+    main: "#B0AED5",
+    dark: "#615dac",
+    light: lighten2("#B0AED5", 0.4),
+    contrastText: darken("#B0AED5", 0.8)
+  },
+  lux: {
+    main: "#FFDBF6",
+    dark: "#FF5CD6",
+    light: lighten2("#FFDBF6", 0.4),
+    contrastText: darken("#FFDBF6", 0.8)
+  },
+  aegis: {
+    main: "#B3C9F9",
+    dark: "#7AA1F5",
+    light: lighten2("#B3C9F9", 0.4),
+    contrastText: darken("#B3C9F9", 0.8)
+  },
+  echo: {
+    main: "#B0E4DA",
+    dark: "#49C1A9",
+    light: lighten2("#B0E4DA", 0.4),
+    contrastText: darken("#B0E4DA", 0.8)
+  },
+  myca: {
+    main: "#BF936D",
+    dark: "#AA774B",
+    light: lighten2("#BF936D", 0.4),
+    contrastText: darken("#BF936D", 0.8)
+  },
+  cass: {
+    main: "#b2cae4",
+    dark: "#4078B5",
+    light: lighten2("#b2cae4", 0.4),
+    contrastText: darken("#b2cae4", 0.8)
+  }
+};
+var personaColorsDarkMode = {
+  nova: {
+    main: "#FADD8C",
+    contrastText: darken("#FADD8C", 0.9),
+    light: lighten2("#FADD8C", 0.4),
+    dark: darken("#FADD8C", 0.5)
+  },
+  vex: {
+    main: "#BFF07F",
+    contrastText: darken("#BFF07F", 0.9),
+    light: lighten2("#BFF07F", 0.4),
+    dark: darken("#BFF07F", 0.5)
+  },
+  rook: {
+    main: "#8B88C2",
+    contrastText: darken("#8B88C2", 0.9),
+    light: lighten2("#8B88C2", 0.4),
+    dark: darken("#8B88C2", 0.5)
+  },
+  lux: {
+    main: "#EB97D6",
+    contrastText: darken("#EB97D6", 0.9),
+    light: lighten2("#EB97D6", 0.4),
+    dark: darken("#EB97D6", 0.5)
+  },
+  aegis: {
+    main: "#7aa1f5",
+    contrastText: darken("#7aa1f5", 0.9),
+    light: lighten2("#7aa1f5", 0.4),
+    dark: darken("#7aa1f5", 0.5)
+  },
+  echo: {
+    main: "#B0E4DA",
+    contrastText: darken("#B0E4DA", 0.9),
+    light: lighten2("#B0E4DA", 0.4),
+    dark: darken("#B0E4DA", 0.5)
+  },
+  myca: {
+    main: "#BF936D",
+    contrastText: darken("#BF936D", 0.9),
+    light: lighten2("#BF936D", 0.4),
+    dark: darken("#BF936D", 0.5)
+  },
+  cass: {
+    main: "#b2cae4",
+    contrastText: darken("#b2cae4", 0.9),
+    light: lighten2("#b2cae4", 0.4),
+    dark: darken("#b2cae4", 0.5)
+  }
+};
+
+// src/product-theme/dataism/darkThemePalette.tsx
+var darkThemePalette = {
+  background: {
+    paper: "#1E1E1E",
+    gradient: "linear-gradient(45deg, #fff, #000)"
+  },
+  info: { main: "#72b4f4" },
+  primary: { main: "#fff" },
+  secondary: {
+    main: "#66caf7",
+    contrastText: "#020223"
+  },
+  success: {
+    main: "#7efc81",
+    contrastText: "#011e01"
+  },
+  warning: { main: "#f7d866" },
+  error: { main: "#f6594e" },
+  text: {
+    disabled: "#a5acdb",
+    primary: "#E3E4EB",
+    secondary: "#e3e4eba3"
+  },
+  personas: personaColorsDarkMode
+};
+
+// src/product-theme/dataism/lightThemePalette.tsx
+var lightThemePalette = {
+  background: {
+    paper: "#FAFAFA",
+    gradient: "linear-gradient(45deg, #000, #fff)"
+  },
+  info: { main: "#72b4f4" },
+  primary: { main: "#000" },
+  secondary: { main: "#186ecc" },
+  success: { main: "#48BA4B", contrastText: "#fff" },
+  text: {
+    disabled: "#D3D0CB",
+    primary: "#1E2019",
+    secondary: "#393E41"
+  },
+  personas: personaColorsLightMode
+};
+
+// src/product-theme/dataism/theme.ts
+var DataismThemeOptions = {
+  colorSchemes: {
+    dark: { palette: darkThemePalette },
+    light: { palette: lightThemePalette }
+  },
+  cssVariables: { colorSchemeSelector: "class" },
+  breakpoints: {
+    values: {
+      lg: 1350,
+      md: 900,
+      sm: 600,
+      xl: 1536,
+      xs: 0
+    }
+  },
+  components: {
+    MuiAlert: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          backgroundColor: alpha2(theme.palette.background.paper, 0.3),
+          color: "inherit"
+        })
+      },
+      variants: [
+        {
+          props: { variant: "standard", severity: "error" },
+          style: ({ theme }) => ({ backgroundColor: alpha2(theme.palette.error.main, 0.3), color: theme.palette.error.light })
+        },
+        {
+          props: { variant: "standard", severity: "info" },
+          style: ({ theme }) => ({ backgroundColor: alpha2(theme.palette.info.main, 0.3), color: theme.palette.info.light })
+        },
+        {
+          props: { variant: "standard", severity: "success" },
+          style: ({ theme }) => ({ backgroundColor: alpha2(theme.palette.success.main, 0.3), color: theme.palette.success.light })
+        },
+        {
+          props: { variant: "standard", severity: "warning" },
+          style: ({ theme }) => ({ backgroundColor: alpha2(theme.palette.warning.main, 0.3), color: theme.palette.warning.light })
+        }
+      ]
+    },
+    MuiButton: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          boxShadow: "none",
+          padding: `${theme.spacing(0.75)} ${theme.spacing(1.5)}`,
+          borderWidth: "2px",
+          borderColor: "inherit"
+        })
+      },
+      variants: [
+        {
+          props: { variant: "outlined" },
+          style: {
+            "WebkitBackdropFilter": "blur(2px)",
+            "backdropFilter": "blur(2px)",
+            "border": "2px solid",
+            "&:hover": { border: "2px solid" }
+          }
+        },
+        {
+          props: { variant: "text" },
+          style: {
+            "&:hover": {
+              textDecoration: "underline 1.5px #66caf7",
+              textUnderlineOffset: "5px",
+              backgroundColor: "transparent"
+            }
+          }
+        },
+        {
+          props: { size: "small" },
+          style: ({ theme }) => ({ padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`, fontSize: "1rem" })
+        }
+      ]
+    },
+    MuiCard: {
+      defaultProps: { elevation: 0 },
+      styleOverrides: {
+        root: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "space-between"
+        }
+      }
+    },
+    MuiCardContent: { styleOverrides: { root: ({ theme }) => ({ "&:last-child": { paddingBottom: theme.spacing(1) } }) } },
+    MuiContainer: { styleOverrides: { root: { maxWidth: "xl" } }, defaultProps: { maxWidth: "xl" } },
+    MuiDialog: {
+      styleOverrides: {
+        root: {
+          "& .MuiDialog-paper": {
+            backgroundImage: "none",
+            paddingLeft: 2,
+            paddingRight: 2
+          }
+        }
+      }
+    },
+    MuiInputBase: {
+      styleOverrides: {
+        input: {
+          "&:-webkit-autofill": {
+            transitionDelay: "9999s",
+            transitionProperty: "background-color, color"
+          }
+        }
+      }
+    },
+    MuiFilledInput: {
+      styleOverrides: {
+        input: {
+          "&:-webkit-autofill": {
+            WebkitBoxShadow: "inherit",
+            WebkitTextFillColor: "inherit",
+            caretColor: "inherit"
+          }
+        }
+      }
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        input: {
+          "&:-webkit-autofill": {
+            WebkitBoxShadow: "inherit",
+            WebkitTextFillColor: "inherit",
+            caretColor: "inherit"
+          }
+        }
+      }
+    },
+    ...MuiLinkFragment
+  },
+  ...spacingFragment,
+  ...shapeFragment,
+  typography: {
+    body1: { fontSize: "1.1rem" },
+    button: {
+      fontSize: "1rem",
+      textTransform: "inherit"
+    },
+    fontFamily: '"Fustat", sans-serif',
+    fontWeightBold: 700,
+    fontWeightLight: 300,
+    fontWeightMedium: 500,
+    fontWeightRegular: 400,
+    h1: { fontSize: "3.2rem" },
+    h2: { fontSize: "2.7rem" },
+    h3: { fontSize: "2.24rem" },
+    h4: { fontSize: "2rem" },
+    h5: { fontSize: "1.5rem" },
+    h6: { fontSize: "1.25rem" },
+    subtitle1: {
+      opacity: "50%",
+      textTransform: "uppercase"
+    },
+    subtitle2: { opacity: "50%" }
+  }
+};
+var DataismTheme = (_theme) => createTheme4(DataismThemeOptions);
+
+// src/product-theme/ThemeExtensions/customThemeTypes.ts
+var _ = {};
+
+// src/product-theme/ThemeExtensions/typography.ts
+import "@mui/material/styles";
+var display1 = { fontSize: "4rem" };
+var display2 = {
+  fontSize: "3.5rem",
+  fontWeight: 400
+};
+var stylize1 = {
+  fontSize: "1.25rem",
+  fontWeight: 300,
+  letterSpacing: "0.15em"
+};
+var stylize2 = {
+  fontSize: "1rem",
+  fontWeight: 700,
+  letterSpacing: "0.1em"
+};
+var typographyFragmentDisplay1 = {
+  fontSize: "4rem",
+  fontWeight: 400
+};
+var typographyFragmentDisplay2 = {
+  fontSize: "4rem",
+  fontWeight: 400
+};
+var typographyFragmentStylize1 = {
+  fontSize: "4rem",
+  fontWeight: 400
+};
+var typographyFragmentStylize2 = {
+  fontSize: "4rem",
+  fontWeight: 400
+};
+
+// src/product-theme/xl1/theme.ts
+import { alpha as alpha3, createTheme as createTheme5 } from "@mui/material";
+
+// src/product-theme/xl1/darkThemeOptions.tsx
+var darkThemeOptions = {
+  palette: {
+    background: { default: "#020223", paper: "#020223" },
+    error: { main: "#f6594e" },
+    success: {
+      main: "#7efc81",
+      contrastText: "#011e01"
+    },
+    primary: { main: "#5658F3", light: "#7c72ff" },
+    secondary: {
+      main: "#66caf7",
+      contrastText: "#020223"
+    },
+    neutral: {
+      main: "#fff",
+      contrastText: "#111",
+      dark: "#ccc"
+    },
+    warning: { main: "#f7d866" },
+    text: {
+      disabled: "#a5acdb",
+      primary: "#E3E4EB",
+      secondary: "#e3e4eba3"
+    }
+  }
+};
+
+// src/product-theme/xl1/lightThemeOptions.tsx
+var lightThemeOptions = {
+  palette: {
+    background: {
+      default: "#F4F4F4",
+      paper: "#FFFFFF"
+    },
+    error: {
+      dark: "#AA0E0E",
+      light: "#F15555",
+      main: "#D81111"
+    },
+    neutral: {
+      main: "#000",
+      contrastText: "#fff",
+      dark: "#333"
+    },
+    primary: { main: "#463dc6", light: "#b2adfb" },
+    secondary: { main: "#186ecc" },
+    success: {
+      dark: "#347f21",
+      light: "#94dd80",
+      main: "#62bc50"
+    },
+    text: {
+      disabled: "#49454D",
+      primary: "#0d0d47",
+      secondary: "#49454D"
+    },
+    warning: { main: "#ffc805" }
+  }
+};
+
+// src/product-theme/xl1/theme.ts
+var Xl1ThemeOptions = {
+  colorSchemes: {
+    dark: darkThemeOptions,
+    light: lightThemeOptions
+  },
+  cssVariables: { colorSchemeSelector: "class" },
+  components: {
+    MuiAccordion: {
+      styleOverrides: {
+        root: {
+          "&.Mui-expanded": { "&$expanded": { margin: "4px 0" } },
+          "boxShadow": "none"
+        }
+      }
+    },
+    MuiAccordionSummary: { styleOverrides: { root: { boxShadow: "none" } } },
+    MuiAppBar: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          WebkitBackdropFilter: "blur(20px)",
+          backdropFilter: "blur(20px)",
+          backgroundColor: alpha3(theme.palette.background.paper, 0.2),
+          boxShadow: "none",
+          color: "#16163D",
+          ...theme.applyStyles("dark", { color: "#CBC4CE" })
+        })
+      }
+    },
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "space-between"
+        }
+      }
+    },
+    MuiCardContent: {
+      styleOverrides: {
+        root: {
+          // This is to get rid of the extra padding at the end of Card Content that misaligns padding when there's only 1 item
+          "&:last-child": { paddingBottom: "16px" }
+        }
+      }
+    },
+    MuiCardHeader: {
+      styleOverrides: {
+        content: {
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        }
+      }
+    },
+    MuiContainer: { styleOverrides: { root: { maxWidth: "xl" } } },
+    MuiDrawer: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          "& .MuiTypography-root, & .MuiButton-root": { color: "#FFFFFF" },
+          "paperProps": { backgroundColor: "#19193F" },
+          ...theme.applyStyles("dark", { color: theme.palette.secondary.main })
+        })
+      }
+    },
+    MuiFilledInput: {
+      defaultProps: { disableUnderline: true },
+      styleOverrides: {
+        root: ({ theme }) => ({
+          "&.Mui-error": { border: `${theme.palette.error.main} 1px solid` },
+          "border": "transparent 1px solid",
+          "borderRadius": theme.shape.borderRadius
+        })
+      }
+    },
+    ...MuiLinkFragment,
+    MuiTableCell: {
+      styleOverrides: {
+        body: {
+          fontFamily: "monospace",
+          whiteSpace: "nowrap"
+        },
+        head: {
+          fontWeight: 700,
+          whiteSpace: "nowrap"
+        }
+      }
+    },
+    MuiTooltip: {
+      styleOverrides: {
+        tooltip: ({ theme }) => ({
+          fontSize: "0.75rem",
+          maxWidth: 250,
+          border: `1px solid ${theme.palette.background.default}`,
+          padding: theme.spacing(1),
+          boxShadow: "rgba(17, 12, 46, 0.15) 0px 48px 100px 0px"
+        })
+      }
+    }
+  },
+  ...spacingFragment,
+  ...shapeFragment,
+  typography: {
+    allVariants: { fontFamily: ["Manrope", "san-serif"].join(",") },
+    body1: { fontSize: "16px" },
+    button: {
+      fontSize: "1rem",
+      textTransform: "capitalize"
+    },
+    fontWeightBold: 700,
+    fontWeightLight: 300,
+    fontWeightMedium: 600,
+    fontWeightRegular: 500,
+    h1: { fontSize: "3.2rem" },
+    h2: { fontSize: "2.7rem" },
+    h3: { fontSize: "2.24rem" },
+    h4: { fontSize: "2rem" },
+    h5: { fontSize: "1.5rem" },
+    h6: { fontSize: "1.2rem" },
+    subtitle1: {
+      fontWeight: 300,
+      opacity: "50%",
+      textTransform: "uppercase"
+    },
+    subtitle2: { opacity: "50%" }
+  }
+};
+var Xl1Theme = (_theme) => createTheme5(Xl1ThemeOptions);
+
+// src/product-theme/xylabs/theme.ts
+import { createTheme as createTheme6 } from "@mui/material";
+
+// src/product-theme/xylabs/darkThemeOptions.tsx
+var darkThemeOptions2 = {
+  palette: {
+    background: {
+      default: "#0b0f30",
+      paper: "#101742",
+      gradient: "linear-gradient(45deg, #384AFD, #0b0f30)"
+    },
+    primary: {
+      dark: "#010965",
+      light: "#EBECFF",
+      main: "#384AFD"
+    },
+    secondary: {
+      dark: "#AD8E13",
+      light: "#F9D549",
+      main: "#FFC91D"
+    },
+    text: {
+      disabled: "#a5acdb",
+      primary: "#f7f8fc",
+      secondary: "#daddf2"
+    }
+  }
+};
+
+// src/product-theme/xylabs/lightThemeOptions.tsx
+var lightThemeOptions2 = {
+  palette: {
+    background: {
+      default: "#fafafa",
+      gradient: "linear-gradient(45deg, #384AFD, #fafafa)"
+    },
+    primary: {
+      dark: "#010965",
+      light: "#EBECFF",
+      main: "#384AFD"
+    },
+    secondary: {
+      dark: "#AD8E13",
+      light: "#F9D549",
+      main: "#FFC91D"
+    },
+    error: { main: "#CC183C", contrastText: "#FDEDF0" },
+    info: { main: "#186ecc", contrastText: "#DAEAFB" },
+    success: { main: "#7efc81", contrastText: "#142B12" },
+    warning: { main: "#F4813E", contrastText: "#271002" },
+    text: { primary: "#1F2025" }
+  }
+};
+
+// src/product-theme/xylabs/theme.ts
+var XyLabsThemeOptions = {
+  colorSchemes: {
+    light: lightThemeOptions2,
+    dark: darkThemeOptions2
+  },
+  cssVariables: { colorSchemeSelector: "class" },
+  ...componentFragment,
+  ...spacingFragment,
+  ...shapeFragment,
+  components: {
+    MuiAlert: {
+      styleOverrides: {
+        root: {
+          paddingBottom: 0.5,
+          paddingTop: 0.5
+        }
+      }
+    },
+    MuiButton: {
+      styleOverrides: {
+        outlined: { backgroundColor: "inherit" },
+        root: { overflow: "hidden" }
+      }
+    },
+    ...MuiLinkFragment,
+    MuiStepper: { styleOverrides: { root: { padding: "0px" } } }
+  },
+  typography: {
+    fontFamily: '"Outfit", sans-serif',
+    body1: { fontSize: "1.1rem" },
+    button: {
+      fontSize: "1rem",
+      fontWeight: 500,
+      textTransform: "capitalize"
+    },
+    fontWeightBold: 700,
+    fontWeightLight: 300,
+    fontWeightMedium: 400,
+    fontWeightRegular: 400,
+    h1: { fontSize: "4rem" },
+    h2: { fontSize: "2.7rem" },
+    h3: { fontSize: "2.24rem" },
+    h4: { fontSize: "2rem" },
+    h5: { fontSize: "1.5rem" },
+    h6: { fontSize: "1.25rem" },
+    subtitle1: {
+      opacity: "50%",
+      textTransform: "uppercase"
+    },
+    subtitle2: { opacity: "50%" }
+  }
+};
+var XyLabsTheme = (_theme) => createTheme6(XyLabsThemeOptions);
+
+// src/product-theme/xyo/breakpoints.ts
+var XyoThemeBreakpoints = {
+  breakpoints: {
+    values: {
+      lg: 1350,
+      md: 900,
+      sm: 600,
+      xl: 1536,
+      xs: 0
+    }
+  }
+};
+
+// src/product-theme/xyo/components.ts
+import { alpha as alpha4 } from "@mui/material";
+var XyoThemeComponents = {
+  components: {
+    MuiAlert: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          backgroundColor: alphaCss(theme.vars.palette.background.paper, 0.3),
+          color: "inherit"
+        })
+      },
+      variants: [
+        {
+          props: { variant: "standard", severity: "error" },
+          style: ({ theme }) => ({ backgroundColor: alphaCss(theme.vars.palette.error.main, 0.3), color: theme.vars.palette.error.light })
+        },
+        {
+          props: { variant: "standard", severity: "info" },
+          style: ({ theme }) => ({ backgroundColor: alphaCss(theme.vars.palette.info.main, 0.3), color: theme.vars.palette.info.light })
+        },
+        {
+          props: { variant: "standard", severity: "success" },
+          style: ({ theme }) => ({ backgroundColor: alphaCss(theme.vars.palette.success.main, 0.3), color: theme.vars.palette.success.light })
+        },
+        {
+          props: { variant: "standard", severity: "warning" },
+          style: ({ theme }) => ({ backgroundColor: alphaCss(theme.vars.palette.warning.main, 0.3), color: theme.vars.palette.warning.light })
+        }
+      ]
+    },
+    MuiButton: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          boxShadow: "none",
+          padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
+          borderWidth: "2px",
+          borderColor: "inherit"
+        })
+      },
+      variants: [
+        {
+          props: { variant: "outlined" },
+          style: ({ theme }) => ({
+            "WebkitBackdropFilter": "blur(2px)",
+            "backdropFilter": "blur(2px)",
+            "border": `2px solid ${alpha4("#fff", 0.4)}`,
+            "color": "#fff",
+            "&:hover": {
+              backgroundColor: "#ffffff",
+              border: `2px solid ${alpha4("#fff", 0)}`,
+              color: darkenCss(theme.vars.palette.primary.dark, 0.7)
+            }
+          })
+        },
+        {
+          props: { size: "small" },
+          style: ({ theme }) => ({ padding: `${theme.spacing(0.5)} ${theme.spacing(1)}` })
+        }
+      ]
+    },
+    MuiCard: {
+      defaultProps: { elevation: 0 },
+      styleOverrides: {
+        root: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "space-between"
+        }
+      }
+    },
+    MuiContainer: { styleOverrides: { root: { maxWidth: "xl" } } },
+    MuiInputBase: {
+      styleOverrides: {
+        input: {
+          "&:-webkit-autofill": {
+            transitionDelay: "9999s",
+            transitionProperty: "background-color, color"
+          }
+        }
+      }
+    },
+    MuiFilledInput: {
+      styleOverrides: {
+        input: {
+          "&:-webkit-autofill": {
+            WebkitBoxShadow: "inherit",
+            WebkitTextFillColor: "inherit",
+            caretColor: "inherit"
+          }
+        }
+      }
+    },
+    MuiLink: {
+      // default color prop is required because Mui passes 'primary' as the default color prop and overrides
+      // color: 'inherit' in their own CSS
+      defaultProps: { color: "inherit", underline: "none" },
+      styleOverrides: { root: { fontWeight: 600 } }
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        input: {
+          "&:-webkit-autofill": {
+            WebkitBoxShadow: "inherit",
+            WebkitTextFillColor: "inherit",
+            caretColor: "inherit"
+          }
+        }
+      }
+    }
+  }
+};
+
+// src/product-theme/xyo/darkThemeOptions.ts
+var XyoThemeDarkThemeOptions = {
+  palette: {
+    background: {
+      default: "#000",
+      paper: "#111111"
+    },
+    neutral: {
+      main: "#fff",
+      contrastText: "#000"
+    },
+    info: { main: "#72b4f4" },
+    primary: { main: "#5658F3" },
+    secondary: {
+      main: "#37CEFF",
+      contrastText: "#020223"
+    },
+    success: {
+      main: "#7efc81",
+      contrastText: "#011e01"
+    },
+    warning: { main: "#f7d866" },
+    error: { main: "#f6594e" },
+    text: {
+      disabled: "#a5acdb",
+      primary: "#E3E4EB",
+      secondary: "#e3e4eba3"
+    }
+  }
+};
+
+// src/product-theme/xyo/lightThemeOptions.ts
+import { alpha as alpha5 } from "@mui/material";
+var XyoThemeLightThemeOptions = {
+  palette: {
+    background: {
+      paper: "#FAFAFA",
+      gradient: "linear-gradient(45deg, #72b4f4, #fff)"
+    },
+    neutral: {
+      main: "#000",
+      contrastText: "#fff",
+      dark: "#333"
+    },
+    info: { main: "#72b4f4" },
+    primary: { main: "#463dc6" },
+    secondary: { main: "#186ecc" },
+    success: { main: "#48BA4B" },
+    text: {
+      primary: "#060312",
+      secondary: alpha5("#060312", 0.85)
+    }
+  }
+};
+
+// src/product-theme/xyo/theme.ts
+import { createTheme as createTheme7 } from "@mui/material";
+
+// src/product-theme/xyo/typography.ts
+var XyoThemeTypography = {
+  typography: {
+    fontFamily: '"Lexend Deca", sans-serif',
+    body1: { fontSize: "1.1rem" },
+    button: {
+      fontSize: "1rem",
+      fontWeight: 500,
+      textTransform: "capitalize"
+    },
+    fontWeightBold: 600,
+    fontWeightLight: 200,
+    fontWeightMedium: 500,
+    fontWeightRegular: 400,
+    h1: {
+      fontSize: "3.2rem",
+      fontWeight: 400
+    },
+    h2: {
+      fontSize: "2.7rem",
+      fontWeight: 400
+    },
+    h3: {
+      fontSize: "2.24rem",
+      fontWeight: 400
+    },
+    h4: {
+      fontSize: "2rem",
+      fontWeight: 400
+    },
+    h5: {
+      fontSize: "1.5rem",
+      fontWeight: 400
+    },
+    h6: {
+      fontSize: "1.25rem",
+      fontWeight: 400
+    },
+    subtitle1: {
+      opacity: "50%",
+      textTransform: "uppercase"
+    },
+    subtitle2: { opacity: "50%" }
+  }
+};
+
+// src/product-theme/xyo/theme.ts
+var XyoThemeOptions = {
+  colorSchemes: {
+    dark: { ...XyoThemeDarkThemeOptions },
+    light: { ...XyoThemeLightThemeOptions }
+  },
+  cssVariables: { colorSchemeSelector: "class" },
+  ...XyoThemeBreakpoints,
+  ...XyoThemeComponents,
+  shape: { borderRadius: 8 },
+  spacing: 12,
+  ...XyoThemeTypography
+};
+var XyoTheme = (_theme) => createTheme7(XyoThemeOptions);
+
+// src/product-theme/xyos/theme.ts
+import { createTheme as createTheme8 } from "@mui/material";
+
+// src/product-theme/xyos/darkThemeOptions.tsx
+var darkThemeOptions3 = {
+  palette: {
+    background: { default: "#020223", paper: "#020223" },
+    error: { main: "#f6594e" },
+    neutral: {
+      main: "#fff",
+      contrastText: "#111",
+      dark: "#ccc"
+    },
+    primary: { main: "#5658F3", light: "#7c72ff" },
+    secondary: {
+      main: "#66caf7",
+      contrastText: "#020223"
+    },
+    success: {
+      main: "#7efc81",
+      contrastText: "#011e01"
+    },
+    text: {
+      disabled: "#a5acdb",
+      primary: "#E3E4EB",
+      secondary: "#e3e4eba3"
+    },
+    warning: { main: "#f7d866" }
+  }
+};
+
+// src/product-theme/xyos/lightThemeOptions.tsx
+var lightThemeOptions3 = {
+  palette: {
+    background: {
+      default: "#F4F4F4",
+      paper: "#FFFFFF"
+    },
+    error: {
+      dark: "#AA0E0E",
+      light: "#F15555",
+      main: "#D81111"
+    },
+    neutral: {
+      main: "#000",
+      contrastText: "#fff",
+      dark: "#333"
+    },
+    primary: { main: "#463dc6", light: "#b2adfb" },
+    secondary: { main: "#186ecc" },
+    success: {
+      dark: "#347f21",
+      light: "#94dd80",
+      main: "#62bc50"
+    },
+    text: {
+      disabled: "#49454D",
+      primary: "#0d0d47",
+      secondary: "#49454D"
+    },
+    warning: { main: "#ffc805" }
+  }
+};
+
+// src/product-theme/xyos/theme.ts
+var XyOSThemeOptions = {
+  colorSchemes: {
+    dark: darkThemeOptions3,
+    light: lightThemeOptions3
+  },
+  cssVariables: { colorSchemeSelector: "class" },
+  components: {
+    MuiAccordion: {
+      styleOverrides: {
+        root: {
+          "&.Mui-expanded": { "&$expanded": { margin: "4px 0" } },
+          "boxShadow": "none"
+        }
+      }
+    },
+    MuiAccordionSummary: { styleOverrides: { root: { boxShadow: "none" } } },
+    MuiAppBar: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          WebkitBackdropFilter: "blur(20px)",
+          backdropFilter: "blur(20px)",
+          boxShadow: "none",
+          color: "#16163D",
+          ...theme.applyStyles("dark", { color: "#CBC4CE" })
+        })
+      }
+    },
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "space-between"
+        }
+      }
+    },
+    MuiCardContent: {
+      styleOverrides: {
+        root: {
+          // This is to get rid of the extra padding at the end of Card Content that misaligns padding when there's only 1 item
+          "&:last-child": { paddingBottom: "16px" }
+        }
+      }
+    },
+    MuiCardHeader: {
+      styleOverrides: {
+        content: {
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        }
+      }
+    },
+    MuiContainer: { styleOverrides: { root: { maxWidth: "xl" } } },
+    MuiDrawer: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          "& .MuiTypography-root, & .MuiButton-root": { color: "#FFFFFF" },
+          "paperProps": { backgroundColor: "#19193F" },
+          ...theme.applyStyles("dark", { color: theme.palette.secondary.main })
+        })
+      }
+    },
+    MuiFilledInput: {
+      defaultProps: { disableUnderline: true },
+      styleOverrides: {
+        root: ({ theme }) => ({
+          "&.Mui-error": { border: `${theme.palette.error.main} 1px solid` },
+          "border": "transparent 1px solid",
+          "borderRadius": theme.shape.borderRadius
+        })
+      }
+    },
+    ...MuiLinkFragment,
+    MuiTableCell: {
+      styleOverrides: {
+        body: {
+          fontFamily: "monospace",
+          whiteSpace: "nowrap"
+        },
+        head: {
+          fontWeight: 700,
+          whiteSpace: "nowrap"
+        }
+      }
+    },
+    MuiTooltip: {
+      styleOverrides: {
+        tooltip: ({ theme }) => ({
+          color: "inherit",
+          fontSize: "0.75rem",
+          maxWidth: 250,
+          border: `1px solid ${theme.palette.background.default}`,
+          padding: theme.spacing(1),
+          boxShadow: "rgba(17, 12, 46, 0.15) 0px 48px 100px 0px"
+        })
+      }
+    }
+  },
+  spacing: 12,
+  ...shapeFragment,
+  typography: {
+    allVariants: { fontFamily: ["Manrope", "san-serif"].join(",") },
+    body1: { fontSize: "16px" },
+    button: {
+      fontSize: "1rem",
+      textTransform: "capitalize"
+    },
+    fontWeightBold: 700,
+    fontWeightLight: 300,
+    fontWeightMedium: 600,
+    fontWeightRegular: 500,
+    h1: { fontSize: "3.2rem" },
+    h2: { fontSize: "2.7rem" },
+    h3: { fontSize: "2.24rem" },
+    h4: { fontSize: "2rem" },
+    h5: { fontSize: "1.5rem" },
+    h6: { fontSize: "1.2rem" },
+    subtitle1: {
+      fontWeight: 300,
+      opacity: "50%",
+      textTransform: "uppercase"
+    },
+    subtitle2: { opacity: "50%" }
+  }
+};
+var XyosTheme = () => createTheme8(XyOSThemeOptions);
+
+// src/useIsDark.ts
+import { useColorScheme as useColorScheme2 } from "@mui/material";
+var useIsDark = () => {
+  const colorScheme = useColorScheme2();
+  const mode = colorScheme[colorScheme.mode === "system" ? "systemMode" : "mode"];
+  return mode === "dark";
+};
+
+// src/useIsSmall.ts
+import { useMediaQuery, useTheme } from "@mui/material";
+var useIsSmall = () => {
+  const theme = useTheme();
+  return useMediaQuery(theme.breakpoints.down("md"));
+};
+export {
+  ColorSchemeButton,
+  DataismTheme,
+  DataismThemeOptions,
+  Xl1Theme,
+  Xl1ThemeOptions,
+  XyLabsTheme,
+  XyLabsThemeOptions,
+  XyOSThemeOptions,
+  XyoTheme,
+  XyoThemeBreakpoints,
+  XyoThemeComponents,
+  XyoThemeDarkThemeOptions,
+  XyoThemeLightThemeOptions,
+  XyoThemeOptions,
+  XyoThemeTypography,
+  XyosTheme,
+  _,
+  alphaCss,
+  darkenCss,
+  display1,
+  display2,
+  lightenCss,
+  stylize1,
+  stylize2,
+  typographyFragmentDisplay1,
+  typographyFragmentDisplay2,
+  typographyFragmentStylize1,
+  typographyFragmentStylize2,
+  useIsDark,
+  useIsSmall
+};