@lightsparkdev/ui 1.0.8 → 1.0.9

package/dist/{chunk-WTHHP7G2.cjs → chunk-JX6HEEEQ.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunk24SOCRDHcjs = require('./chunk-24SOCRDH.cjs');
+var _chunkSDDC5AVTcjs = require('./chunk-SDDC5AVT.cjs');
 
 
 
-var _chunkYHDN5LEAcjs = require('./chunk-YHDN5LEA.cjs');
+var _chunk73EJLMPTcjs = require('./chunk-73EJLMPT.cjs');
 
 
-var _chunkTMTEVKSDcjs = require('./chunk-TMTEVKSD.cjs');
+var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -17,11 +17,11 @@ var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
 
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/styles/themes.tsx
 var _react = require('@emotion/react');
@@ -40,110 +40,112 @@ var Themes = /* @__PURE__ */ ((Themes2) => {
   return Themes2;
 })(Themes || {});
 var baseThemeColors = {
-  bg: _chunkKSKKC6C2cjs.colors.white,
-  smBg: _chunkKSKKC6C2cjs.colors.white,
-  c05Neutral: _chunkKSKKC6C2cjs.colors.gray95,
-  c1Neutral: _chunkKSKKC6C2cjs.colors.gray90,
-  c15Neutral: _chunkKSKKC6C2cjs.colors.gray85,
-  c2Neutral: _chunkKSKKC6C2cjs.colors.gray80,
-  c3Neutral: _chunkKSKKC6C2cjs.colors.gray70,
-  c4Neutral: _chunkKSKKC6C2cjs.colors.gray60,
-  c5Neutral: _chunkKSKKC6C2cjs.colors.gray50,
-  c6Neutral: _chunkKSKKC6C2cjs.colors.gray40,
-  c7Neutral: _chunkKSKKC6C2cjs.colors.gray30,
-  c8Neutral: _chunkKSKKC6C2cjs.colors.gray20,
-  c9Neutral: _chunkKSKKC6C2cjs.colors.gray10,
-  danger: _chunkKSKKC6C2cjs.colors.danger,
-  hcNeutral: _chunkKSKKC6C2cjs.colors.black,
-  info: _chunkKSKKC6C2cjs.colors.blue43,
-  lcNeutral: _chunkKSKKC6C2cjs.colors.gray80,
-  link: _chunkKSKKC6C2cjs.colors.blue43,
-  mcNeutral: _chunkKSKKC6C2cjs.colors.gray40,
-  onInfoText: _chunkKSKKC6C2cjs.colors.white,
-  onPrimaryText: _chunkKSKKC6C2cjs.colors.black,
-  onSuccessText: _chunkKSKKC6C2cjs.colors.white,
-  primary: _chunkKSKKC6C2cjs.colors.primary,
-  secondary: _chunkKSKKC6C2cjs.colors.secondary,
-  tertiary: _chunkKSKKC6C2cjs.colors.black,
-  success: _chunkKSKKC6C2cjs.colors.success,
-  text: _chunkKSKKC6C2cjs.colors.black,
-  vlcNeutral: _chunkKSKKC6C2cjs.colors.gray95,
-  warning: _chunkKSKKC6C2cjs.colors.warning
+  bg: _chunkO7USIZI6cjs.colors.white,
+  smBg: _chunkO7USIZI6cjs.colors.white,
+  c05Neutral: _chunkO7USIZI6cjs.colors.gray95,
+  c1Neutral: _chunkO7USIZI6cjs.colors.gray90,
+  c15Neutral: _chunkO7USIZI6cjs.colors.gray85,
+  c2Neutral: _chunkO7USIZI6cjs.colors.gray80,
+  c25Neutral: _chunkO7USIZI6cjs.colors.gray75,
+  c3Neutral: _chunkO7USIZI6cjs.colors.gray70,
+  c4Neutral: _chunkO7USIZI6cjs.colors.gray60,
+  c5Neutral: _chunkO7USIZI6cjs.colors.gray50,
+  c6Neutral: _chunkO7USIZI6cjs.colors.gray40,
+  c7Neutral: _chunkO7USIZI6cjs.colors.gray30,
+  c8Neutral: _chunkO7USIZI6cjs.colors.gray20,
+  c9Neutral: _chunkO7USIZI6cjs.colors.gray10,
+  danger: _chunkO7USIZI6cjs.colors.danger,
+  hcNeutral: _chunkO7USIZI6cjs.colors.black,
+  info: _chunkO7USIZI6cjs.colors.blue43,
+  lcNeutral: _chunkO7USIZI6cjs.colors.gray80,
+  link: _chunkO7USIZI6cjs.colors.blue43,
+  mcNeutral: _chunkO7USIZI6cjs.colors.gray40,
+  onInfoText: _chunkO7USIZI6cjs.colors.white,
+  onPrimaryText: _chunkO7USIZI6cjs.colors.black,
+  onSuccessText: _chunkO7USIZI6cjs.colors.white,
+  primary: _chunkO7USIZI6cjs.colors.primary,
+  secondary: _chunkO7USIZI6cjs.colors.secondary,
+  tertiary: _chunkO7USIZI6cjs.colors.black,
+  success: _chunkO7USIZI6cjs.colors.success,
+  text: _chunkO7USIZI6cjs.colors.black,
+  vlcNeutral: _chunkO7USIZI6cjs.colors.gray95,
+  warning: _chunkO7USIZI6cjs.colors.warning
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
-  ...Object.keys(_chunkKSKKC6C2cjs.colors)
+  ...Object.keys(_chunkO7USIZI6cjs.colors)
 ];
-var baseTheme = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, baseThemeColors), {
+var baseTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, baseThemeColors), {
   // base type should be Themes but default to Light
   type: "light" /* Light */,
-  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
-  hcNeutralFromBg: (bgHex) => _chunkKSKKC6C2cjs.hcNeutralFromBg.call(void 0, bgHex, _chunkKSKKC6C2cjs.colors.black, _chunkKSKKC6C2cjs.colors.white),
-  buttons: _chunk24SOCRDHcjs.defaultButtonsTheme,
-  loading: _chunkYHDN5LEAcjs.defaultLoadingTheme,
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  hcNeutralFromBg: (bgHex) => _chunkO7USIZI6cjs.hcNeutralFromBg.call(void 0, bgHex, _chunkO7USIZI6cjs.colors.black, _chunkO7USIZI6cjs.colors.white),
+  buttons: _chunkSDDC5AVTcjs.defaultButtonsTheme,
+  loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
   badge: {
     bg: "c05Neutral"
   },
-  inputBackground: _chunkKSKKC6C2cjs.colors.white
+  inputBackground: _chunkO7USIZI6cjs.colors.white
 });
 var lightBaseTheme = baseTheme;
 var darkBaseTheme = {
   type: "dark" /* Dark */,
-  bg: _chunkKSKKC6C2cjs.colors.black,
-  smBg: _chunkKSKKC6C2cjs.colors.black,
-  c05Neutral: _chunkKSKKC6C2cjs.colors.gray5,
-  c1Neutral: _chunkKSKKC6C2cjs.colors.gray10,
-  c15Neutral: _chunkKSKKC6C2cjs.colors.gray15,
-  c2Neutral: _chunkKSKKC6C2cjs.colors.gray20,
-  c3Neutral: _chunkKSKKC6C2cjs.colors.gray30,
-  c4Neutral: _chunkKSKKC6C2cjs.colors.gray40,
-  c5Neutral: _chunkKSKKC6C2cjs.colors.gray50,
-  c6Neutral: _chunkKSKKC6C2cjs.colors.gray60,
-  c7Neutral: _chunkKSKKC6C2cjs.colors.gray70,
-  c8Neutral: _chunkKSKKC6C2cjs.colors.gray80,
-  c9Neutral: _chunkKSKKC6C2cjs.colors.gray90,
-  danger: _chunkKSKKC6C2cjs.colors.danger,
-  hcNeutral: _chunkKSKKC6C2cjs.colors.white,
-  hcNeutralFromBg: (bgHex) => _chunkKSKKC6C2cjs.hcNeutralFromBg.call(void 0, bgHex, _chunkKSKKC6C2cjs.colors.white, _chunkKSKKC6C2cjs.colors.black),
-  info: _chunkKSKKC6C2cjs.colors.white,
-  lcNeutral: _chunkKSKKC6C2cjs.colors.gray40,
-  link: _chunkKSKKC6C2cjs.colors.blue43,
-  mcNeutral: _chunkKSKKC6C2cjs.colors.gray60,
-  onInfoText: _chunkKSKKC6C2cjs.colors.white,
-  onPrimaryText: _chunkKSKKC6C2cjs.colors.black,
-  onSuccessText: _chunkKSKKC6C2cjs.colors.white,
-  primary: _chunkKSKKC6C2cjs.colors.primary,
-  secondary: _chunkKSKKC6C2cjs.colors.secondary,
-  tertiary: _chunkKSKKC6C2cjs.colors.white,
-  success: _chunkKSKKC6C2cjs.colors.success,
-  text: _chunkKSKKC6C2cjs.colors.white,
-  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
-  vlcNeutral: _chunkKSKKC6C2cjs.colors.gray20,
-  warning: _chunkKSKKC6C2cjs.colors.warning,
-  buttons: _chunk24SOCRDHcjs.defaultButtonsTheme,
-  loading: _chunkYHDN5LEAcjs.defaultLoadingTheme,
-  inputBackground: _chunkKSKKC6C2cjs.colors.black,
+  bg: _chunkO7USIZI6cjs.colors.black,
+  smBg: _chunkO7USIZI6cjs.colors.black,
+  c05Neutral: _chunkO7USIZI6cjs.colors.gray5,
+  c1Neutral: _chunkO7USIZI6cjs.colors.gray10,
+  c15Neutral: _chunkO7USIZI6cjs.colors.gray15,
+  c2Neutral: _chunkO7USIZI6cjs.colors.gray20,
+  c25Neutral: _chunkO7USIZI6cjs.colors.gray25,
+  c3Neutral: _chunkO7USIZI6cjs.colors.gray30,
+  c4Neutral: _chunkO7USIZI6cjs.colors.gray40,
+  c5Neutral: _chunkO7USIZI6cjs.colors.gray50,
+  c6Neutral: _chunkO7USIZI6cjs.colors.gray60,
+  c7Neutral: _chunkO7USIZI6cjs.colors.gray70,
+  c8Neutral: _chunkO7USIZI6cjs.colors.gray80,
+  c9Neutral: _chunkO7USIZI6cjs.colors.gray90,
+  danger: _chunkO7USIZI6cjs.colors.danger,
+  hcNeutral: _chunkO7USIZI6cjs.colors.white,
+  hcNeutralFromBg: (bgHex) => _chunkO7USIZI6cjs.hcNeutralFromBg.call(void 0, bgHex, _chunkO7USIZI6cjs.colors.white, _chunkO7USIZI6cjs.colors.black),
+  info: _chunkO7USIZI6cjs.colors.white,
+  lcNeutral: _chunkO7USIZI6cjs.colors.gray40,
+  link: _chunkO7USIZI6cjs.colors.blue43,
+  mcNeutral: _chunkO7USIZI6cjs.colors.gray60,
+  onInfoText: _chunkO7USIZI6cjs.colors.white,
+  onPrimaryText: _chunkO7USIZI6cjs.colors.black,
+  onSuccessText: _chunkO7USIZI6cjs.colors.white,
+  primary: _chunkO7USIZI6cjs.colors.primary,
+  secondary: _chunkO7USIZI6cjs.colors.secondary,
+  tertiary: _chunkO7USIZI6cjs.colors.white,
+  success: _chunkO7USIZI6cjs.colors.success,
+  text: _chunkO7USIZI6cjs.colors.white,
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  vlcNeutral: _chunkO7USIZI6cjs.colors.gray20,
+  warning: _chunkO7USIZI6cjs.colors.warning,
+  buttons: _chunkSDDC5AVTcjs.defaultButtonsTheme,
+  loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
+  inputBackground: _chunkO7USIZI6cjs.colors.black,
   badge: {
     bg: "c15Neutral"
   }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.gray60
+    text: _chunkO7USIZI6cjs.colors.gray60
   }),
   nav: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.gray10,
-    secondary: _chunkKSKKC6C2cjs.colors.gray40
+    text: _chunkO7USIZI6cjs.colors.gray10,
+    secondary: _chunkO7USIZI6cjs.colors.gray40
   }),
   content: extendBase(lightBaseTheme, {
-    bg: _chunkKSKKC6C2cjs.colors.white,
-    smBg: _chunkKSKKC6C2cjs.colors.white
+    bg: _chunkO7USIZI6cjs.colors.white,
+    smBg: _chunkO7USIZI6cjs.colors.white
   }),
   controls: extendBase(lightBaseTheme, {
-    bg: _chunkKSKKC6C2cjs.colors.gray95,
-    smBg: _chunkKSKKC6C2cjs.colors.gray95,
-    text: _chunkKSKKC6C2cjs.colors.gray60,
-    secondary: _chunkKSKKC6C2cjs.colors.secondary
+    bg: _chunkO7USIZI6cjs.colors.gray95,
+    smBg: _chunkO7USIZI6cjs.colors.gray95,
+    text: _chunkO7USIZI6cjs.colors.gray60,
+    secondary: _chunkO7USIZI6cjs.colors.secondary
   })
 });
 var darkTheme = extend(darkBaseTheme, {
@@ -151,37 +153,37 @@ var darkTheme = extend(darkBaseTheme, {
   nav: extendBase(darkBaseTheme, {}),
   content: extendBase(darkBaseTheme, {}),
   controls: extendBase(darkBaseTheme, {
-    bg: _chunkKSKKC6C2cjs.colors.gray40,
-    smBg: _chunkKSKKC6C2cjs.colors.gray40,
-    text: _chunkKSKKC6C2cjs.colors.white,
-    secondary: _chunkKSKKC6C2cjs.colors.secondary
+    bg: _chunkO7USIZI6cjs.colors.gray40,
+    smBg: _chunkO7USIZI6cjs.colors.gray40,
+    text: _chunkO7USIZI6cjs.colors.white,
+    secondary: _chunkO7USIZI6cjs.colors.secondary
   })
 });
 var umaAuthSdkLightTheme = extend(lightTheme, {
   type: "umaAuthSdkLight" /* UmaAuthSdkLight */,
-  bg: _chunkKSKKC6C2cjs.colors.gray98,
-  smBg: _chunkKSKKC6C2cjs.colors.gray98,
-  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-  tertiary: _chunkKSKKC6C2cjs.colors.grayBlue9,
-  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-  link: _chunkKSKKC6C2cjs.colors.blue39,
-  inputBackground: _chunkKSKKC6C2cjs.colors.white,
-  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+  bg: _chunkO7USIZI6cjs.colors.gray98,
+  smBg: _chunkO7USIZI6cjs.colors.gray98,
+  secondary: _chunkO7USIZI6cjs.colors.grayBlue43,
+  tertiary: _chunkO7USIZI6cjs.colors.grayBlue9,
+  text: _chunkO7USIZI6cjs.colors.grayBlue9,
+  link: _chunkO7USIZI6cjs.colors.blue39,
+  inputBackground: _chunkO7USIZI6cjs.colors.white,
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
     main: "Manrope",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
-    bg: _chunkKSKKC6C2cjs.colors.gray98,
-    smBg: _chunkKSKKC6C2cjs.colors.gray98,
-    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43
+    bg: _chunkO7USIZI6cjs.colors.gray98,
+    smBg: _chunkO7USIZI6cjs.colors.gray98,
+    text: _chunkO7USIZI6cjs.colors.grayBlue9,
+    secondary: _chunkO7USIZI6cjs.colors.grayBlue43
   }),
   controls: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-    bg: _chunkKSKKC6C2cjs.colors.grayBlue94
+    text: _chunkO7USIZI6cjs.colors.grayBlue9,
+    secondary: _chunkO7USIZI6cjs.colors.grayBlue43,
+    bg: _chunkO7USIZI6cjs.colors.grayBlue94
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunk24SOCRDHcjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkSDDC5AVTcjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
@@ -221,29 +223,29 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
 });
 var umaAuthSdkDarkTheme = extend(darkTheme, {
   type: "umaAuthSdkDark" /* UmaAuthSdkDark */,
-  bg: _chunkKSKKC6C2cjs.colors.gray5,
-  smBg: _chunkKSKKC6C2cjs.colors.gray5,
-  secondary: _chunkKSKKC6C2cjs.colors.grayBlue57,
-  tertiary: _chunkKSKKC6C2cjs.colors.gray98,
-  text: _chunkKSKKC6C2cjs.colors.gray98,
-  link: _chunkKSKKC6C2cjs.colors.blue39,
-  inputBackground: _chunkKSKKC6C2cjs.colors.gray5,
-  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+  bg: _chunkO7USIZI6cjs.colors.gray5,
+  smBg: _chunkO7USIZI6cjs.colors.gray5,
+  secondary: _chunkO7USIZI6cjs.colors.grayBlue57,
+  tertiary: _chunkO7USIZI6cjs.colors.gray98,
+  text: _chunkO7USIZI6cjs.colors.gray98,
+  link: _chunkO7USIZI6cjs.colors.blue39,
+  inputBackground: _chunkO7USIZI6cjs.colors.gray5,
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
     main: "Manrope",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
-    bg: _chunkKSKKC6C2cjs.colors.gray5,
-    smBg: _chunkKSKKC6C2cjs.colors.gray5,
-    text: _chunkKSKKC6C2cjs.colors.grayBlue94,
-    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43
+    bg: _chunkO7USIZI6cjs.colors.gray5,
+    smBg: _chunkO7USIZI6cjs.colors.gray5,
+    text: _chunkO7USIZI6cjs.colors.grayBlue94,
+    secondary: _chunkO7USIZI6cjs.colors.grayBlue43
   }),
   controls: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.grayBlue94,
-    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-    bg: _chunkKSKKC6C2cjs.colors.grayBlue9
+    text: _chunkO7USIZI6cjs.colors.grayBlue94,
+    secondary: _chunkO7USIZI6cjs.colors.grayBlue43,
+    bg: _chunkO7USIZI6cjs.colors.grayBlue9
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunk24SOCRDHcjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkSDDC5AVTcjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
@@ -283,56 +285,56 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
 });
 var umameDocsLightTheme = extend(lightTheme, {
   type: "umameDocsLight" /* UmameDocsLight */,
-  bg: _chunkKSKKC6C2cjs.colors.gray98,
-  smBg: _chunkKSKKC6C2cjs.colors.gray98,
-  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-  link: _chunkKSKKC6C2cjs.colors.blue39,
-  inputBackground: _chunkKSKKC6C2cjs.colors.white,
-  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+  bg: _chunkO7USIZI6cjs.colors.gray98,
+  smBg: _chunkO7USIZI6cjs.colors.gray98,
+  secondary: _chunkO7USIZI6cjs.colors.grayBlue43,
+  text: _chunkO7USIZI6cjs.colors.grayBlue9,
+  link: _chunkO7USIZI6cjs.colors.blue39,
+  inputBackground: _chunkO7USIZI6cjs.colors.white,
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
-    bg: _chunkKSKKC6C2cjs.colors.gray98,
-    smBg: _chunkKSKKC6C2cjs.colors.gray98,
-    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43
+    bg: _chunkO7USIZI6cjs.colors.gray98,
+    smBg: _chunkO7USIZI6cjs.colors.gray98,
+    text: _chunkO7USIZI6cjs.colors.grayBlue9,
+    secondary: _chunkO7USIZI6cjs.colors.grayBlue43
   }),
   controls: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-    bg: _chunkKSKKC6C2cjs.colors.grayBlue94
+    text: _chunkO7USIZI6cjs.colors.grayBlue9,
+    secondary: _chunkO7USIZI6cjs.colors.grayBlue43,
+    bg: _chunkO7USIZI6cjs.colors.grayBlue94
   })
 });
 var umameDocsDarkTheme = extend(darkTheme, {
   type: "umameDocsDark" /* UmameDocsDark */,
-  bg: _chunkKSKKC6C2cjs.colors.gray98,
-  smBg: _chunkKSKKC6C2cjs.colors.gray98,
-  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-  link: _chunkKSKKC6C2cjs.colors.blue39,
-  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+  bg: _chunkO7USIZI6cjs.colors.gray98,
+  smBg: _chunkO7USIZI6cjs.colors.gray98,
+  secondary: _chunkO7USIZI6cjs.colors.grayBlue43,
+  text: _chunkO7USIZI6cjs.colors.grayBlue9,
+  link: _chunkO7USIZI6cjs.colors.blue39,
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
   })
 });
 var lightsparkDocsLightTheme = extend(lightTheme, {
   type: "lightsparkDocsLight" /* LightsparkDocsLight */,
-  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
 });
 var lightsparkDocsDarkTheme = extend(darkTheme, {
   type: "lightsparkDocsDark" /* LightsparkDocsDark */,
-  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
 });
 var bridgeBaseSettings = {
-  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-  mcNeutral: _chunkKSKKC6C2cjs.colors.grayBlue43,
-  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
+  secondary: _chunkO7USIZI6cjs.colors.grayBlue43,
+  mcNeutral: _chunkO7USIZI6cjs.colors.grayBlue43,
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
     main: "Manrope",
     code: "Monaco"
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunk24SOCRDHcjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkSDDC5AVTcjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
@@ -366,7 +368,7 @@ var bridgeBaseSettings = {
       }
     }
   }),
-  loading: _deepmerge2.default.call(void 0, _chunkYHDN5LEAcjs.loadingThemeBase, {
+  loading: _deepmerge2.default.call(void 0, _chunk73EJLMPTcjs.loadingThemeBase, {
     defaultIconName: "UmaBridgeLoading",
     kinds: {
       primary: {
@@ -381,15 +383,15 @@ var bridgeBaseSettings = {
     bg: "grayBlue94"
   }
 };
-var bridgeLightTheme = extend(lightTheme, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
+var bridgeLightTheme = extend(lightTheme, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,
-  bg: _chunkKSKKC6C2cjs.colors.gray98,
-  smBg: _chunkKSKKC6C2cjs.colors.gray98,
-  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-  inputBackground: _chunkKSKKC6C2cjs.colors.white
+  bg: _chunkO7USIZI6cjs.colors.gray98,
+  smBg: _chunkO7USIZI6cjs.colors.gray98,
+  text: _chunkO7USIZI6cjs.colors.grayBlue9,
+  secondary: _chunkO7USIZI6cjs.colors.grayBlue43,
+  inputBackground: _chunkO7USIZI6cjs.colors.white
 }));
-var bridgeDarkTheme = extend(darkTheme, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
+var bridgeDarkTheme = extend(darkTheme, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
   type: "bridgeDark" /* BridgeDark */
 }));
 var themes = {
@@ -405,14 +407,14 @@ var themes = {
   ["bridgeDark" /* BridgeDark */]: bridgeDarkTheme
 };
 function extend(obj, rest) {
-  return _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, obj), rest);
+  return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, obj), rest);
 }
 function extendBase(obj, rest) {
-  return _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, obj), rest);
+  return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, obj), rest);
 }
 function setFonts(theme, fontFamilies) {
-  return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, theme), {
-    typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
+  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, theme), {
+    typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
   });
 }
 function isThemeColorKey(key) {
@@ -420,7 +422,7 @@ function isThemeColorKey(key) {
 }
 function isThemeOrColorKey(key) {
   return Boolean(
-    typeof key === "string" && (isThemeColorKey(key) || _chunkKSKKC6C2cjs.isColorKey.call(void 0, key) || Array.isArray(key) && key.length === 2 && isThemeColorKey(key[1]))
+    typeof key === "string" && (isThemeColorKey(key) || _chunkO7USIZI6cjs.isColorKey.call(void 0, key) || Array.isArray(key) && key.length === 2 && isThemeColorKey(key[1]))
   );
 }
 function getColor(theme, key) {
@@ -431,8 +433,8 @@ function getColor(theme, key) {
     const surfaceTheme = theme[surface];
     const color = surfaceTheme[colorKey];
     return color;
-  } else if (key && _chunkKSKKC6C2cjs.isColorKey.call(void 0, key)) {
-    return _chunkKSKKC6C2cjs.colors[key];
+  } else if (key && _chunkO7USIZI6cjs.isColorKey.call(void 0, key)) {
+    return _chunkO7USIZI6cjs.colors[key];
   }
   return theme.text;
 }
@@ -469,17 +471,25 @@ var isDark = (theme) => [
   "dark" /* Dark */,
   "bridgeDark" /* BridgeDark */,
   "lightsparkDocsDark" /* LightsparkDocsDark */,
-  "umameDocsDark" /* UmameDocsDark */
+  "umameDocsDark" /* UmameDocsDark */,
+  "umaAuthSdkDark" /* UmaAuthSdkDark */
 ].includes(theme.type);
 var isLight = (theme) => [
   "light" /* Light */,
   "bridgeLight" /* BridgeLight */,
   "lightsparkDocsLight" /* LightsparkDocsLight */,
-  "umameDocsLight" /* UmameDocsLight */
+  "umameDocsLight" /* UmameDocsLight */,
+  "umaAuthSdkLight" /* UmaAuthSdkLight */
 ].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 */) {
@@ -505,7 +515,7 @@ function useThemeBg() {
   const bp = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
   const isSm = bp.current("sm" /* sm */);
   if (isDark(theme)) {
-    return _chunkKSKKC6C2cjs.darkGradient;
+    return _chunkO7USIZI6cjs.darkGradient;
   }
   return isSm ? theme.smBg : theme.bg;
 }
@@ -528,4 +538,5 @@ function useThemeBg() {
 
 
 
-exports.Themes = Themes; 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.themeOr = themeOr; exports.ifLight = ifLight; exports.ifDark = ifDark; exports.useThemeBg = useThemeBg;
+
+exports.Themes = Themes; 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.themeOr = themeOr; exports.themeOrWithKey = themeOrWithKey; exports.ifLight = ifLight; exports.ifDark = ifDark; exports.useThemeBg = useThemeBg;

package/dist/{chunk-QQTZ6DZL.js → chunk-K3DMPJSX.js}

@@ -1,19 +1,19 @@
-import {
-  isString
-} from "./chunk-EDN2QDCB.js";
 import {
   icons_exports
-} from "./chunk-QQLUKKYZ.js";
+} from "./chunk-FQNP43IR.js";
 import {
   invertFillColor,
   invertStrokeColor
 } from "./chunk-VI6WTKMV.js";
 import {
   rootFontSizePx
-} from "./chunk-APUV4UN4.js";
+} from "./chunk-ZMK4RE5I.js";
 import {
   getFontColor
-} from "./chunk-W5I53DTZ.js";
+} from "./chunk-GZW6KBUI.js";
+import {
+  isString
+} from "./chunk-EDN2QDCB.js";
 
 // src/components/Icon/Icon.tsx
 import styled from "@emotion/styled";
@@ -23,6 +23,7 @@ function Icon({
   name,
   width,
   tutorialStep,
+  id,
   mr = 0,
   ml = 0,
   color = void 0,
@@ -36,6 +37,7 @@ function Icon({
   return /* @__PURE__ */ jsx(
     IconContainer,
     {
+      id,
       className,
       w,
       mr: mrRems,

package/dist/{chunk-PBD4TY4L.cjs → chunk-KM26ZJYZ.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkKMFK2MOBcjs = require('./chunk-KMFK2MOB.cjs');
+var _chunkUGGHTD3Vcjs = require('./chunk-UGGHTD3V.cjs');
 
 
 
-var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
+var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 // src/components/FileInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -59,7 +59,7 @@ function FileInput({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInputContainer, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInput, { hasValidFileSet: Boolean(fileName && fileContent), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: name, children: fileName && fileContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKMFK2MOBcjs.Pill,
+        _chunkUGGHTD3Vcjs.Pill,
         {
           text: fileName,
           cursor: "pointer",
@@ -67,7 +67,7 @@ function FileInput({
           onDeleteFromKeyboard: handleRemoveFile
         }
       ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLC2OBTGcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNVVAOGNLcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
   ] });
 }
 var StyledFileInputContainer = _styled2.default.div``;
@@ -94,7 +94,7 @@ var StyledFileInput = _styled2.default.div`
   label {
     display: block;
     cursor: pointer;
-    ${({ theme, hasValidFileSet }) => _chunkKLC2OBTGcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunkNVVAOGNLcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;