"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _chunkN6HLM4KCcjs = require('./chunk-N6HLM4KC.cjs');



var _chunkRTBR3MYScjs = require('./chunk-RTBR3MYS.cjs');



var _chunkVUI7MCNEcjs = require('./chunk-VUI7MCNE.cjs');



var _chunkXUHJLDRXcjs = require('./chunk-XUHJLDRX.cjs');


var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');





var _chunkQQDRBCBYcjs = require('./chunk-QQDRBCBY.cjs');



var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');

// src/styles/themes.tsx
var _react = require('@emotion/react');
var _deepmerge = require('deepmerge'); var _deepmerge2 = _interopRequireDefault(_deepmerge);
var Themes = /* @__PURE__ */ ((Themes2) => {
  Themes2["Light"] = "light";
  Themes2["Dark"] = "dark";
  Themes2["LightsparkDocsLight"] = "lightsparkDocsLight";
  Themes2["LightsparkDocsDark"] = "lightsparkDocsDark";
  Themes2["UmaAuthSdkLight"] = "umaAuthSdkLight";
  Themes2["UmaAuthSdkDark"] = "umaAuthSdkDark";
  Themes2["UmameDocsLight"] = "umameDocsLight";
  Themes2["UmameDocsDark"] = "umameDocsDark";
  Themes2["BridgeLight"] = "bridgeLight";
  Themes2["BridgeDark"] = "bridgeDark";
  Themes2["NageLight"] = "nageLight";
  Themes2["NageDark"] = "nageDark";
  return Themes2;
})(Themes || {});
function isTheme(theme) {
  return Object.values(Themes).includes(theme);
}
var baseThemeColors = {
  bg: _chunkQQDRBCBYcjs.colors.white,
  smBg: _chunkQQDRBCBYcjs.colors.white,
  c02Neutral: _chunkQQDRBCBYcjs.colors.gray98,
  c02NeutralLight: "#F9F9F91A",
  c05Neutral: _chunkQQDRBCBYcjs.colors.gray95,
  c1Neutral: _chunkQQDRBCBYcjs.colors.gray90,
  c15Neutral: _chunkQQDRBCBYcjs.colors.gray85,
  c2Neutral: _chunkQQDRBCBYcjs.colors.gray80,
  c25Neutral: _chunkQQDRBCBYcjs.colors.gray75,
  c3Neutral: _chunkQQDRBCBYcjs.colors.gray70,
  c4Neutral: _chunkQQDRBCBYcjs.colors.gray60,
  c5Neutral: _chunkQQDRBCBYcjs.colors.gray50,
  c6Neutral: _chunkQQDRBCBYcjs.colors.gray40,
  c7Neutral: _chunkQQDRBCBYcjs.colors.gray30,
  c8Neutral: _chunkQQDRBCBYcjs.colors.gray20,
  c9Neutral: _chunkQQDRBCBYcjs.colors.gray10,
  danger: _chunkQQDRBCBYcjs.colors.danger,
  hcNeutral: _chunkQQDRBCBYcjs.colors.black,
  info: _chunkQQDRBCBYcjs.colors.blue43,
  lcNeutral: _chunkQQDRBCBYcjs.colors.gray80,
  link: _chunkQQDRBCBYcjs.colors.blue43,
  linkLight: "#0068C90F",
  mcNeutral: _chunkQQDRBCBYcjs.colors.gray40,
  onInfoText: _chunkQQDRBCBYcjs.colors.white,
  onPrimaryText: _chunkQQDRBCBYcjs.colors.black,
  onSuccessText: _chunkQQDRBCBYcjs.colors.white,
  primary: _chunkQQDRBCBYcjs.colors.primary,
  secondary: _chunkQQDRBCBYcjs.colors.secondary,
  tertiary: _chunkQQDRBCBYcjs.colors.black,
  success: _chunkQQDRBCBYcjs.colors.success,
  text: _chunkQQDRBCBYcjs.colors.black,
  vlcNeutral: _chunkQQDRBCBYcjs.colors.gray95,
  warning: _chunkQQDRBCBYcjs.colors.warning,
  errorBackground: _chunkQQDRBCBYcjs.colors.errorBackground,
  errorText: _chunkQQDRBCBYcjs.colors.errorText,
  transparent: _chunkQQDRBCBYcjs.colors.transparent
};
var themeOrColorKeyValues = [
  ...Object.keys(baseThemeColors),
  ...Object.keys(_chunkQQDRBCBYcjs.colors)
];
var baseTheme = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, baseThemeColors), {
  // base type should be Themes but default to Light
  type: "light" /* Light */,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
  hcNeutralFromBg: (bgHex) => _chunkQQDRBCBYcjs.hcNeutralFromBg.call(void 0, bgHex, _chunkQQDRBCBYcjs.colors.black, _chunkQQDRBCBYcjs.colors.white),
  buttons: _chunkRTBR3MYScjs.defaultButtonsTheme,
  loading: _chunkXUHJLDRXcjs.defaultLoadingTheme,
  cardForm: _chunkVUI7MCNEcjs.defaultCardFormTheme,
  badge: {
    bg: "c05Neutral"
  },
  inputBackground: _chunkQQDRBCBYcjs.colors.white
});
var lightBaseTheme = baseTheme;
var darkBaseTheme = {
  type: "dark" /* Dark */,
  bg: _chunkQQDRBCBYcjs.colors.black,
  smBg: _chunkQQDRBCBYcjs.colors.black,
  c02Neutral: _chunkQQDRBCBYcjs.colors.gray98,
  c02NeutralLight: "#F9F9F91A",
  c05Neutral: _chunkQQDRBCBYcjs.colors.gray5,
  c1Neutral: _chunkQQDRBCBYcjs.colors.gray10,
  c15Neutral: _chunkQQDRBCBYcjs.colors.gray15,
  c2Neutral: _chunkQQDRBCBYcjs.colors.gray20,
  c25Neutral: _chunkQQDRBCBYcjs.colors.gray25,
  c3Neutral: _chunkQQDRBCBYcjs.colors.gray30,
  c4Neutral: _chunkQQDRBCBYcjs.colors.gray40,
  c5Neutral: _chunkQQDRBCBYcjs.colors.gray50,
  c6Neutral: _chunkQQDRBCBYcjs.colors.gray60,
  c7Neutral: _chunkQQDRBCBYcjs.colors.gray70,
  c8Neutral: _chunkQQDRBCBYcjs.colors.gray80,
  c9Neutral: _chunkQQDRBCBYcjs.colors.gray90,
  danger: _chunkQQDRBCBYcjs.colors.danger,
  hcNeutral: _chunkQQDRBCBYcjs.colors.white,
  hcNeutralFromBg: (bgHex) => _chunkQQDRBCBYcjs.hcNeutralFromBg.call(void 0, bgHex, _chunkQQDRBCBYcjs.colors.white, _chunkQQDRBCBYcjs.colors.black),
  info: _chunkQQDRBCBYcjs.colors.white,
  lcNeutral: _chunkQQDRBCBYcjs.colors.gray40,
  link: _chunkQQDRBCBYcjs.colors.blue43,
  linkLight: "#0068C90F",
  mcNeutral: _chunkQQDRBCBYcjs.colors.gray60,
  onInfoText: _chunkQQDRBCBYcjs.colors.white,
  onPrimaryText: _chunkQQDRBCBYcjs.colors.black,
  onSuccessText: _chunkQQDRBCBYcjs.colors.white,
  primary: _chunkQQDRBCBYcjs.colors.primary,
  secondary: _chunkQQDRBCBYcjs.colors.secondary,
  tertiary: _chunkQQDRBCBYcjs.colors.white,
  success: _chunkQQDRBCBYcjs.colors.success,
  text: _chunkQQDRBCBYcjs.colors.white,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
  vlcNeutral: _chunkQQDRBCBYcjs.colors.gray20,
  warning: _chunkQQDRBCBYcjs.colors.warning,
  errorBackground: _chunkQQDRBCBYcjs.colors.errorBackground,
  errorText: _chunkQQDRBCBYcjs.colors.errorText,
  transparent: _chunkQQDRBCBYcjs.colors.transparent,
  buttons: _chunkRTBR3MYScjs.defaultButtonsTheme,
  loading: _chunkXUHJLDRXcjs.defaultLoadingTheme,
  cardForm: _chunkVUI7MCNEcjs.defaultCardFormTheme,
  inputBackground: _chunkQQDRBCBYcjs.colors.black,
  badge: {
    bg: "c15Neutral"
  }
};
var lightTheme = extend(lightBaseTheme, {
  header: extendBase(lightBaseTheme, {
    text: _chunkQQDRBCBYcjs.colors.gray60
  }),
  nav: extendBase(lightBaseTheme, {
    text: _chunkQQDRBCBYcjs.colors.gray10,
    secondary: _chunkQQDRBCBYcjs.colors.gray40
  }),
  content: extendBase(lightBaseTheme, {
    bg: _chunkQQDRBCBYcjs.colors.white,
    smBg: _chunkQQDRBCBYcjs.colors.white
  }),
  controls: extendBase(lightBaseTheme, {
    bg: _chunkQQDRBCBYcjs.colors.gray95,
    smBg: _chunkQQDRBCBYcjs.colors.gray95,
    text: _chunkQQDRBCBYcjs.colors.gray60,
    secondary: _chunkQQDRBCBYcjs.colors.secondary
  })
});
var darkTheme = extend(darkBaseTheme, {
  header: extendBase(darkBaseTheme, {}),
  nav: extendBase(darkBaseTheme, {}),
  content: extendBase(darkBaseTheme, {}),
  controls: extendBase(darkBaseTheme, {
    bg: _chunkQQDRBCBYcjs.colors.gray40,
    smBg: _chunkQQDRBCBYcjs.colors.gray40,
    text: _chunkQQDRBCBYcjs.colors.white,
    secondary: _chunkQQDRBCBYcjs.colors.secondary
  }),
  buttons: _deepmerge2.default.call(void 0, _chunkRTBR3MYScjs.defaultButtonsTheme, {
    kinds: {
      secondary: {
        defaultBorderColor: "gray15"
      }
    }
  })
});
var umaAuthSdkLightTheme = extend(lightTheme, {
  type: "umaAuthSdkLight" /* UmaAuthSdkLight */,
  bg: _chunkQQDRBCBYcjs.colors.gray98,
  smBg: _chunkQQDRBCBYcjs.colors.gray98,
  secondary: _chunkQQDRBCBYcjs.colors.grayBlue43,
  tertiary: _chunkQQDRBCBYcjs.colors.grayBlue9,
  warning: "#F7E3E3",
  danger: "#E31A1A",
  text: _chunkQQDRBCBYcjs.colors.grayBlue9,
  link: _chunkQQDRBCBYcjs.colors.blue39,
  linkLight: "#0068C90F",
  inputBackground: _chunkQQDRBCBYcjs.colors.white,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
    main: "Manrope",
    code: "Monaco"
  }),
  content: extendBase(lightBaseTheme, {
    bg: _chunkQQDRBCBYcjs.colors.gray98,
    smBg: _chunkQQDRBCBYcjs.colors.gray98,
    text: _chunkQQDRBCBYcjs.colors.grayBlue9,
    secondary: _chunkQQDRBCBYcjs.colors.grayBlue43
  }),
  controls: extendBase(lightBaseTheme, {
    text: _chunkQQDRBCBYcjs.colors.grayBlue9,
    secondary: _chunkQQDRBCBYcjs.colors.grayBlue43,
    bg: _chunkQQDRBCBYcjs.colors.grayBlue94
  }),
  buttons: _deepmerge2.default.call(void 0, _chunkRTBR3MYScjs.buttonsThemeBase, {
    defaultTypographyType: "Title",
    defaultSize: "Medium",
    defaultBorderRadius: 999,
    defaultPaddingsY: {
      ExtraSmall: {
        short: 14,
        regular: 16
      },
      Small: {
        short: 14,
        regular: 16
      },
      Schmedium: {
        short: 14,
        regular: 16
      },
      Medium: {
        short: 14,
        regular: 16
      },
      Mlarge: {
        short: 14,
        regular: 16
      },
      Large: {
        short: 14,
        regular: 16
      }
    },
    kinds: {
      primary: {
        defaultColor: "bg",
        defaultBorderColor: "blue39",
        defaultBackgroundColor: "blue39",
        defaultHoverBackgroundColor: "blue37",
        defaultHoverBorderColor: "blue37",
        defaultActiveBackgroundColor: "blue22",
        defaultActiveBorderColor: "blue22"
      },
      ghost: {
        defaultColor: "secondary",
        defaultBackgroundColor: "transparent",
        defaultHoverBackgroundColor: "transparent",
        defaultHoverBorderColor: "transparent",
        defaultPaddingsY: {
          ExtraSmall: 0,
          Small: 0,
          Schmedium: 0,
          Medium: 0,
          Mlarge: 0,
          Large: 0
        },
        defaultPaddingsX: {
          ExtraSmall: 0,
          Small: 0,
          Schmedium: 0,
          Medium: 0,
          Mlarge: 0,
          Large: 0
        }
      },
      secondary: {
        defaultBackgroundColor: "grayBlue94",
        defaultBorderColor: "grayBlue94",
        defaultHoverBackgroundColor: "grayBlue88",
        defaultHoverBorderColor: "grayBlue88",
        defaultActiveBackgroundColor: "grayBlue69",
        defaultActiveBorderColor: "grayBlue69"
      },
      quaternary: {
        defaultBackgroundColor: "transparent",
        defaultBorderColor: "grayBlue80",
        defaultHoverBackgroundColor: "grayBlue94",
        defaultHoverBorderColor: "grayBlue80",
        defaultActiveBackgroundColor: "grayBlue88",
        defaultActiveBorderColor: "grayBlue80"
      },
      tertiary: {
        defaultColor: "bg",
        defaultBackgroundColor: "grayBlue9",
        defaultHoverBackgroundColor: "grayBlue12",
        defaultActiveBackgroundColor: "grayBlue14"
      },
      transparent: {
        defaultBackgroundColor: "transparent",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "transparenta02",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "transparenta08",
        defaultActiveBorderColor: "transparent"
      },
      linkLight: {
        defaultColor: "link",
        defaultBackgroundColor: "linkLight",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "grayBlue93",
        defaultHoverBorderColor: "grayBlue93",
        defaultActiveBackgroundColor: "grayBlue92",
        defaultActiveBorderColor: "grayBlue92"
      },
      warning: {
        defaultColor: "danger",
        defaultBackgroundColor: "red42a10",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "red42a20",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "red42a30",
        defaultActiveBorderColor: "transparent"
      },
      danger: {
        defaultColor: "white"
      }
    }
  })
});
var umaAuthSdkDarkTheme = extend(darkTheme, {
  type: "umaAuthSdkDark" /* UmaAuthSdkDark */,
  bg: _chunkQQDRBCBYcjs.colors.gray5,
  smBg: _chunkQQDRBCBYcjs.colors.gray5,
  secondary: _chunkQQDRBCBYcjs.colors.grayBlue57,
  tertiary: _chunkQQDRBCBYcjs.colors.gray98,
  text: _chunkQQDRBCBYcjs.colors.gray98,
  link: _chunkQQDRBCBYcjs.colors.blue39,
  inputBackground: _chunkQQDRBCBYcjs.colors.gray5,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
    main: "Manrope",
    code: "Monaco"
  }),
  content: extendBase(lightBaseTheme, {
    bg: _chunkQQDRBCBYcjs.colors.gray5,
    smBg: _chunkQQDRBCBYcjs.colors.gray5,
    text: _chunkQQDRBCBYcjs.colors.grayBlue94,
    secondary: _chunkQQDRBCBYcjs.colors.grayBlue43
  }),
  controls: extendBase(lightBaseTheme, {
    text: _chunkQQDRBCBYcjs.colors.grayBlue94,
    secondary: _chunkQQDRBCBYcjs.colors.grayBlue43,
    bg: _chunkQQDRBCBYcjs.colors.grayBlue9
  }),
  buttons: _deepmerge2.default.call(void 0, _chunkRTBR3MYScjs.buttonsThemeBase, {
    defaultTypographyType: "Title",
    defaultSize: "Medium",
    defaultBorderRadius: 999,
    defaultPaddingsY: {
      ExtraSmall: {
        short: 14,
        regular: 16
      },
      Small: {
        short: 14,
        regular: 16
      },
      Schmedium: {
        short: 14,
        regular: 16
      },
      Medium: {
        short: 14,
        regular: 16
      },
      Mlarge: {
        short: 14,
        regular: 16
      },
      Large: {
        short: 14,
        regular: 16
      }
    },
    kinds: {
      primary: {
        defaultColor: "bg",
        defaultBackgroundColor: "blue39",
        defaultHoverBackgroundColor: "blue37"
      },
      ghost: {
        defaultColor: "secondary",
        defaultBackgroundColor: "transparent",
        defaultHoverBackgroundColor: "transparent",
        defaultHoverBorderColor: "transparent",
        defaultPaddingsY: {
          ExtraSmall: 0,
          Small: 0,
          Schmedium: 0,
          Medium: 0,
          Mlarge: 0,
          Large: 0
        },
        defaultPaddingsX: {
          ExtraSmall: 0,
          Small: 0,
          Schmedium: 0,
          Medium: 0,
          Mlarge: 0,
          Large: 0
        }
      },
      secondary: {
        defaultBackgroundColor: "grayBlue80",
        defaultHoverBackgroundColor: "grayBlue94",
        defaultBorderColor: "grayBlue80"
      },
      tertiary: {
        defaultColor: "bg",
        defaultHoverBackgroundColor: "grayBlue80"
      },
      transparent: {
        defaultBackgroundColor: "transparent",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "transparenta02",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "transparenta08",
        defaultActiveBorderColor: "transparent"
      },
      linkLight: {
        defaultColor: "link",
        defaultBackgroundColor: "linkLight",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "linkLight",
        defaultHoverBorderColor: "transparent"
      },
      warning: {
        defaultColor: "danger",
        defaultBackgroundColor: "warning",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "warning",
        defaultHoverBorderColor: "transparent"
      }
    }
  })
});
var umameDocsLightTheme = extend(lightTheme, {
  type: "umameDocsLight" /* UmameDocsLight */,
  bg: _chunkQQDRBCBYcjs.colors.gray98,
  smBg: _chunkQQDRBCBYcjs.colors.gray98,
  secondary: _chunkQQDRBCBYcjs.colors.grayBlue43,
  text: _chunkQQDRBCBYcjs.colors.grayBlue9,
  link: _chunkQQDRBCBYcjs.colors.blue39,
  inputBackground: _chunkQQDRBCBYcjs.colors.white,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
    main: "Manrope",
    code: "Monaco"
  }),
  content: extendBase(lightBaseTheme, {
    bg: _chunkQQDRBCBYcjs.colors.gray98,
    smBg: _chunkQQDRBCBYcjs.colors.gray98,
    text: _chunkQQDRBCBYcjs.colors.grayBlue9,
    secondary: _chunkQQDRBCBYcjs.colors.grayBlue43
  }),
  controls: extendBase(lightBaseTheme, {
    text: _chunkQQDRBCBYcjs.colors.grayBlue9,
    secondary: _chunkQQDRBCBYcjs.colors.grayBlue43,
    bg: _chunkQQDRBCBYcjs.colors.grayBlue94
  })
});
var umameDocsDarkTheme = extend(darkTheme, {
  type: "umameDocsDark" /* UmameDocsDark */,
  bg: _chunkQQDRBCBYcjs.colors.gray98,
  smBg: _chunkQQDRBCBYcjs.colors.gray98,
  secondary: _chunkQQDRBCBYcjs.colors.grayBlue43,
  text: _chunkQQDRBCBYcjs.colors.grayBlue9,
  link: _chunkQQDRBCBYcjs.colors.blue39,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
    main: "Manrope",
    code: "Monaco"
  })
});
var lightsparkDocsLightTheme = extend(lightTheme, {
  type: "lightsparkDocsLight" /* LightsparkDocsLight */,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
});
var lightsparkDocsDarkTheme = extend(darkTheme, {
  type: "lightsparkDocsDark" /* LightsparkDocsDark */,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
});
var bridgeBaseSettings = {
  secondary: _chunkQQDRBCBYcjs.colors.grayBlue43,
  mcNeutral: _chunkQQDRBCBYcjs.colors.grayBlue43,
  success: _chunkQQDRBCBYcjs.colors.green37,
  link: _chunkQQDRBCBYcjs.colors.blue39,
  linkLight: _chunkQQDRBCBYcjs.colors.blue10,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
    main: "Manrope",
    code: "Roboto Mono"
  }),
  buttons: _deepmerge2.default.call(void 0, _chunkRTBR3MYScjs.buttonsThemeBase, {
    defaultTypographyType: "Title",
    defaultSize: "Medium",
    defaultBorderRadius: 999,
    defaultPaddingsY: {
      ExtraSmall: 10,
      Small: 10,
      Schmedium: 13,
      Medium: 13,
      Mlarge: 13,
      Large: 13
    },
    defaultPaddingsX: {
      ExtraSmall: 16,
      Small: 16,
      Schmedium: 24,
      Medium: 24,
      Mlarge: 24,
      Large: 24
    },
    kinds: {
      primary: {
        defaultColor: "bg",
        defaultBackgroundColor: "blue39",
        defaultBorderColor: "blue39",
        defaultHoverBackgroundColor: "blue37",
        defaultHoverBorderColor: "blue37",
        defaultActiveBackgroundColor: "blue22",
        defaultActiveBorderColor: "blue22"
      },
      ghost: {
        defaultColor: "secondary",
        defaultBackgroundColor: "transparent",
        defaultHoverBackgroundColor: "transparent",
        defaultBorderColor: "transparent",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "transparent",
        defaultPaddingsY: {
          ExtraSmall: 0,
          Small: 0,
          Schmedium: 0,
          Medium: 0,
          Mlarge: 0,
          Large: 0
        },
        defaultPaddingsX: {
          ExtraSmall: 0,
          Small: 0,
          Schmedium: 0,
          Medium: 0,
          Mlarge: 0,
          Large: 0
        }
      },
      secondary: {
        defaultBackgroundColor: "gray99",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "grayBlue94",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "grayBlue88",
        defaultActiveBorderColor: "transparent"
      },
      tertiary: {
        defaultColor: "gray99",
        defaultBackgroundColor: "gray99",
        defaultBorderColor: "gray99",
        defaultHoverBackgroundColor: "gray98",
        defaultHoverBorderColor: "gray98",
        defaultActiveBackgroundColor: "gray",
        defaultActiveBorderColor: "gray"
      },
      transparent: {
        defaultColor: "secondary",
        defaultBackgroundColor: "transparent",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "transparenta02",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "transparenta08",
        defaultActiveBorderColor: "transparent"
      },
      gray: {
        defaultColor: "gray",
        defaultBackgroundColor: "gray",
        defaultBorderColor: "gray",
        defaultHoverBackgroundColor: "grayhover",
        defaultHoverBorderColor: "grayhover",
        defaultActiveBackgroundColor: "grayactive",
        defaultActiveBorderColor: "grayactive"
      },
      grayGradient: {
        defaultColor: "gray98",
        defaultBackgroundColor: "gray98",
        defaultBorderColor: "gray98",
        defaultHoverBackgroundColor: "gray98",
        defaultHoverBorderColor: "gray98"
      },
      linkLight: {
        defaultColor: "link",
        defaultBackgroundColor: "linkLight",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "linkLight",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "linkLight",
        defaultActiveBorderColor: "transparent"
      },
      locked: {
        defaultColor: "gray75",
        defaultBackgroundColor: "gray75",
        defaultBorderColor: "gray75",
        defaultHoverBackgroundColor: "gray75hover",
        defaultHoverBorderColor: "gray75hover",
        defaultActiveBackgroundColor: "gray75active",
        defaultActiveBorderColor: "gray75active"
      },
      warningLight: {
        defaultColor: "errorText",
        defaultBackgroundColor: "errorBackground",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "errorBackground",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "errorBackground",
        defaultActiveBorderColor: "transparent"
      }
    }
  }),
  loading: _deepmerge2.default.call(void 0, _chunkXUHJLDRXcjs.loadingThemeBase, {
    defaultIconName: "UmaBridgeLoading",
    kinds: {
      primary: {
        defaultIconName: "UmaBridgeLoading"
      },
      secondary: {
        defaultIconName: "UmaBridgeLoadingTransparent"
      }
    }
  }),
  cardForm: _deepmerge2.default.call(void 0, _chunkVUI7MCNEcjs.cardFormThemeBase, {
    backgroundColor: "white",
    smBackgroundColor: "bg",
    borderRadius: 32,
    contentMarginTop: 0,
    defaultDescriptionTypographyMap: {
      default: {
        type: "Body",
        size: "Medium",
        color: "secondary"
      },
      link: {
        type: "Body",
        size: "Medium",
        color: "text"
      }
    },
    kinds: {
      primary: {
        borderWidth: 1,
        smBorderWidth: 0,
        borderColor: "gray3",
        paddingTop: 24,
        paddingBottom: 64,
        paddingX: 40,
        shadow: "none"
      },
      secondary: {
        borderWidth: 1,
        smBorderWidth: 0,
        borderColor: "gray3",
        paddingTop: 32,
        paddingBottom: 64,
        paddingX: 32,
        shadow: "none"
      }
    }
  }),
  badge: {
    bg: "grayBlue94"
  }
};
var bridgeLightTheme = extend(lightTheme, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
  type: "bridgeLight" /* BridgeLight */,
  bg: _chunkQQDRBCBYcjs.colors.gray98,
  smBg: _chunkQQDRBCBYcjs.colors.gray98,
  text: _chunkQQDRBCBYcjs.colors.grayBlue9,
  secondary: _chunkQQDRBCBYcjs.colors.gray2,
  tertiary: _chunkQQDRBCBYcjs.colors.gray6,
  inputBackground: _chunkQQDRBCBYcjs.colors.white,
  danger: _chunkQQDRBCBYcjs.colors.red50
}));
var bridgeDarkTheme = extend(darkTheme, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
  type: "bridgeDark" /* BridgeDark */
}));
var nageBaseSettings = {
  secondary: _chunkQQDRBCBYcjs.colors.grayBlue43,
  mcNeutral: _chunkQQDRBCBYcjs.colors.grayBlue43,
  success: _chunkQQDRBCBYcjs.colors.green37,
  typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, "Nage" /* Nage */, {
    main: "SuisseIntl",
    code: "SuisseIntl-Mono"
  }),
  buttons: _deepmerge2.default.call(void 0, _chunkRTBR3MYScjs.buttonsThemeBase, {
    defaultTypographyType: "Btn",
    defaultSize: "Medium",
    defaultBorderRadius: 8,
    defaultPaddingsY: {
      ExtraSmall: 6,
      Small: 6,
      Schmedium: 8,
      Medium: 8,
      Mlarge: 10,
      Large: 10
    },
    defaultPaddingsX: {
      ExtraSmall: 8,
      Small: 8,
      Schmedium: 12,
      Medium: 12,
      Mlarge: 12,
      Large: 12
    },
    kinds: {
      primary: {
        defaultColor: "white",
        defaultBackgroundColor: "gray-950",
        defaultBorderColor: "gray-050",
        defaultHoverBackgroundColor: "gray-950",
        defaultHoverBorderColor: "gray-050",
        defaultActiveBackgroundColor: "gray-950",
        defaultActiveBorderColor: "gray-050"
      },
      ghost: {
        defaultColor: "secondary",
        defaultBackgroundColor: "transparent",
        defaultHoverBackgroundColor: "transparent",
        defaultBorderColor: "transparent",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "transparent",
        defaultPaddingsY: {
          ExtraSmall: 0,
          Small: 0,
          Schmedium: 0,
          Medium: 0,
          Mlarge: 0,
          Large: 0
        },
        defaultPaddingsX: {
          ExtraSmall: 0,
          Small: 0,
          Schmedium: 0,
          Medium: 0,
          Mlarge: 0,
          Large: 0
        }
      },
      secondary: {
        defaultBackgroundColor: "gray-050",
        defaultBorderColor: "gray-210",
        defaultHoverBackgroundColor: "gray-090",
        defaultHoverBorderColor: "gray-250",
        defaultActiveBackgroundColor: "gray-210",
        defaultActiveBorderColor: "gray-275"
      },
      warning: {
        defaultColor: "warningText2",
        defaultBackgroundColor: "warningBackground2",
        defaultBorderColor: "warningBackground2",
        defaultHoverBackgroundColor: "warningBackgroundHover",
        defaultHoverBorderColor: "warningBackgroundHover",
        defaultActiveBackgroundColor: "warningBackgroundActive",
        defaultActiveBorderColor: "warningBackgroundActive"
      },
      transparent: {
        defaultBackgroundColor: "transparent",
        defaultBorderColor: "transparent",
        defaultHoverBackgroundColor: "black-04",
        defaultHoverBorderColor: "transparent",
        defaultActiveBackgroundColor: "black-10",
        defaultActiveBorderColor: "transparent"
      }
    }
  }),
  loading: _deepmerge2.default.call(void 0, _chunkXUHJLDRXcjs.loadingThemeBase, {
    defaultIconName: "CentralLoadingCircle",
    kinds: {
      primary: {
        defaultIconName: "CentralLoadingCircle"
      },
      secondary: {
        defaultIconName: "CentralLoadingCircle"
      }
    }
  })
};
var nageLightTheme = extend(lightTheme, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, nageBaseSettings), {
  type: "nageLight" /* NageLight */,
  bg: _chunkQQDRBCBYcjs.colors["gray-100"],
  smBg: _chunkQQDRBCBYcjs.colors["gray-100"],
  text: _chunkQQDRBCBYcjs.colors["gray-950"],
  secondary: _chunkQQDRBCBYcjs.colors["gray-500"],
  tertiary: _chunkQQDRBCBYcjs.colors.gray6,
  inputBackground: _chunkQQDRBCBYcjs.colors["gray-050"],
  danger: _chunkQQDRBCBYcjs.colors.red50
}));
var nageDarkTheme = extend(darkTheme, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, nageBaseSettings), {
  type: "nageDark" /* NageDark */
}));
var themes = {
  ["light" /* Light */]: lightTheme,
  ["dark" /* Dark */]: darkTheme,
  ["lightsparkDocsLight" /* LightsparkDocsLight */]: lightsparkDocsLightTheme,
  ["lightsparkDocsDark" /* LightsparkDocsDark */]: lightsparkDocsDarkTheme,
  ["umaAuthSdkLight" /* UmaAuthSdkLight */]: umaAuthSdkLightTheme,
  ["umaAuthSdkDark" /* UmaAuthSdkDark */]: umaAuthSdkDarkTheme,
  ["umameDocsLight" /* UmameDocsLight */]: umameDocsLightTheme,
  ["umameDocsDark" /* UmameDocsDark */]: umameDocsDarkTheme,
  ["bridgeLight" /* BridgeLight */]: bridgeLightTheme,
  ["bridgeDark" /* BridgeDark */]: bridgeDarkTheme,
  ["nageLight" /* NageLight */]: nageLightTheme,
  ["nageDark" /* NageDark */]: nageDarkTheme
};
function extend(obj, rest) {
  return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, obj), rest);
}
function extendBase(obj, rest) {
  return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, obj), rest);
}
function setFonts(theme, fontFamilies) {
  return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, theme), {
    typography: _chunkN6HLM4KCcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
  });
}
function isThemeColorKey(key) {
  return Boolean(key && typeof key === "string" && key in baseThemeColors);
}
function isThemeOrColorKey(key) {
  return Boolean(
    typeof key === "string" && (isThemeColorKey(key) || _chunkQQDRBCBYcjs.isColorKey.call(void 0, key) || Array.isArray(key) && key.length === 2 && isThemeColorKey(key[1]))
  );
}
function getColor(theme, key) {
  if (key && isThemeColorKey(key)) {
    return theme[key];
  } else if (key && Array.isArray(key)) {
    const [surface, colorKey] = key;
    const surfaceTheme = theme[surface];
    const color = surfaceTheme[colorKey];
    return color;
  } else if (key && _chunkQQDRBCBYcjs.isColorKey.call(void 0, key)) {
    return _chunkQQDRBCBYcjs.colors[key];
  }
  return theme.text;
}
function getFontColor(theme, key, defaultColor = "inherit") {
  if (key === "inherit" || !key && defaultColor === "inherit") {
    return "inherit";
  }
  return getColor(theme, key);
}
function isBackgroundColorKey(key) {
  return key === "transparent" || isThemeOrColorKey(key);
}
function isBackgroundColorKeyTuple(key) {
  return Array.isArray(key) && key.length === 2 && isBackgroundColorKey(key[0]) && isBackgroundColorKey(key[1]);
}
function getBackgroundColor(theme, key, defaultColor = "transparent") {
  if (isBackgroundColorKeyTuple(key)) {
    key = isLight(theme) ? key[0] : key[1];
  }
  if (isBackgroundColorKeyTuple(defaultColor)) {
    defaultColor = isLight(theme) ? defaultColor[0] : defaultColor[1];
  }
  if (key === "transparent") {
    return "transparent";
  } else if (!key) {
    if (defaultColor === "transparent") {
      return "transparent";
    }
    return getColor(theme, defaultColor);
  }
  return getColor(theme, key);
}
var isDark = (theme) => [
  "dark" /* Dark */,
  "bridgeDark" /* BridgeDark */,
  "nageDark" /* NageDark */,
  "lightsparkDocsDark" /* LightsparkDocsDark */,
  "umameDocsDark" /* UmameDocsDark */,
  "umaAuthSdkDark" /* UmaAuthSdkDark */
].includes(theme.type);
var isLight = (theme) => [
  "light" /* Light */,
  "bridgeLight" /* BridgeLight */,
  "nageLight" /* NageLight */,
  "lightsparkDocsLight" /* LightsparkDocsLight */,
  "umameDocsLight" /* UmameDocsLight */,
  "umaAuthSdkLight" /* UmaAuthSdkLight */
].includes(theme.type);
var isBridge = (theme) => ["bridgeLight" /* BridgeLight */, "bridgeDark" /* BridgeDark */].includes(theme.type);
var isNage = (theme) => ["nageLight" /* NageLight */, "nageDark" /* NageDark */].includes(theme.type);
var themeOr = (lightValue, darkValue) => ({ theme }) => {
  return isLight(theme) ? lightValue : darkValue;
};
var themeOrWithKey = (lightValue, darkValue) => ({ theme }) => {
  if (isLight(theme)) {
    return getColor(theme, lightValue);
  }
  return getColor(theme, darkValue);
};
function ifLight(style) {
  return function({ theme }) {
    if (theme.type === "light" /* Light */) {
      return _react.css`
        ${style}
      `;
    }
    return "";
  };
}
function ifDark(style) {
  return function({ theme }) {
    if (theme.type === "dark" /* Dark */) {
      return _react.css`
        ${style}
      `;
    }
    return "";
  };
}
function useThemeBg() {
  const theme = _react.useTheme.call(void 0, );
  const bp = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
  const isSm = bp.current("sm" /* sm */);
  if (isDark(theme)) {
    return _chunkQQDRBCBYcjs.darkGradient;
  }
  return isSm ? theme.smBg : theme.bg;
}























exports.Themes = Themes; exports.isTheme = isTheme; exports.themeOrColorKeyValues = themeOrColorKeyValues; exports.themes = themes; exports.setFonts = setFonts; exports.isThemeColorKey = isThemeColorKey; exports.isThemeOrColorKey = isThemeOrColorKey; exports.getColor = getColor; exports.getFontColor = getFontColor; exports.isBackgroundColorKey = isBackgroundColorKey; exports.isBackgroundColorKeyTuple = isBackgroundColorKeyTuple; exports.getBackgroundColor = getBackgroundColor; exports.isDark = isDark; exports.isLight = isLight; exports.isBridge = isBridge; exports.isNage = isNage; exports.themeOr = themeOr; exports.themeOrWithKey = themeOrWithKey; exports.ifLight = ifLight; exports.ifDark = ifDark; exports.useThemeBg = useThemeBg;
