@lightsparkdev/ui 1.0.8 → 1.0.10

package/dist/{chunk-WTHHP7G2.cjs → chunk-WKRK5OVE.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 _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.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: _chunkCFG65CGCcjs.colors.white,
+  smBg: _chunkCFG65CGCcjs.colors.white,
+  c05Neutral: _chunkCFG65CGCcjs.colors.gray95,
+  c1Neutral: _chunkCFG65CGCcjs.colors.gray90,
+  c15Neutral: _chunkCFG65CGCcjs.colors.gray85,
+  c2Neutral: _chunkCFG65CGCcjs.colors.gray80,
+  c25Neutral: _chunkCFG65CGCcjs.colors.gray75,
+  c3Neutral: _chunkCFG65CGCcjs.colors.gray70,
+  c4Neutral: _chunkCFG65CGCcjs.colors.gray60,
+  c5Neutral: _chunkCFG65CGCcjs.colors.gray50,
+  c6Neutral: _chunkCFG65CGCcjs.colors.gray40,
+  c7Neutral: _chunkCFG65CGCcjs.colors.gray30,
+  c8Neutral: _chunkCFG65CGCcjs.colors.gray20,
+  c9Neutral: _chunkCFG65CGCcjs.colors.gray10,
+  danger: _chunkCFG65CGCcjs.colors.danger,
+  hcNeutral: _chunkCFG65CGCcjs.colors.black,
+  info: _chunkCFG65CGCcjs.colors.blue43,
+  lcNeutral: _chunkCFG65CGCcjs.colors.gray80,
+  link: _chunkCFG65CGCcjs.colors.blue43,
+  mcNeutral: _chunkCFG65CGCcjs.colors.gray40,
+  onInfoText: _chunkCFG65CGCcjs.colors.white,
+  onPrimaryText: _chunkCFG65CGCcjs.colors.black,
+  onSuccessText: _chunkCFG65CGCcjs.colors.white,
+  primary: _chunkCFG65CGCcjs.colors.primary,
+  secondary: _chunkCFG65CGCcjs.colors.secondary,
+  tertiary: _chunkCFG65CGCcjs.colors.black,
+  success: _chunkCFG65CGCcjs.colors.success,
+  text: _chunkCFG65CGCcjs.colors.black,
+  vlcNeutral: _chunkCFG65CGCcjs.colors.gray95,
+  warning: _chunkCFG65CGCcjs.colors.warning
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
-  ...Object.keys(_chunkKSKKC6C2cjs.colors)
+  ...Object.keys(_chunkCFG65CGCcjs.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) => _chunkCFG65CGCcjs.hcNeutralFromBg.call(void 0, bgHex, _chunkCFG65CGCcjs.colors.black, _chunkCFG65CGCcjs.colors.white),
+  buttons: _chunkSDDC5AVTcjs.defaultButtonsTheme,
+  loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
   badge: {
     bg: "c05Neutral"
   },
-  inputBackground: _chunkKSKKC6C2cjs.colors.white
+  inputBackground: _chunkCFG65CGCcjs.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: _chunkCFG65CGCcjs.colors.black,
+  smBg: _chunkCFG65CGCcjs.colors.black,
+  c05Neutral: _chunkCFG65CGCcjs.colors.gray5,
+  c1Neutral: _chunkCFG65CGCcjs.colors.gray10,
+  c15Neutral: _chunkCFG65CGCcjs.colors.gray15,
+  c2Neutral: _chunkCFG65CGCcjs.colors.gray20,
+  c25Neutral: _chunkCFG65CGCcjs.colors.gray25,
+  c3Neutral: _chunkCFG65CGCcjs.colors.gray30,
+  c4Neutral: _chunkCFG65CGCcjs.colors.gray40,
+  c5Neutral: _chunkCFG65CGCcjs.colors.gray50,
+  c6Neutral: _chunkCFG65CGCcjs.colors.gray60,
+  c7Neutral: _chunkCFG65CGCcjs.colors.gray70,
+  c8Neutral: _chunkCFG65CGCcjs.colors.gray80,
+  c9Neutral: _chunkCFG65CGCcjs.colors.gray90,
+  danger: _chunkCFG65CGCcjs.colors.danger,
+  hcNeutral: _chunkCFG65CGCcjs.colors.white,
+  hcNeutralFromBg: (bgHex) => _chunkCFG65CGCcjs.hcNeutralFromBg.call(void 0, bgHex, _chunkCFG65CGCcjs.colors.white, _chunkCFG65CGCcjs.colors.black),
+  info: _chunkCFG65CGCcjs.colors.white,
+  lcNeutral: _chunkCFG65CGCcjs.colors.gray40,
+  link: _chunkCFG65CGCcjs.colors.blue43,
+  mcNeutral: _chunkCFG65CGCcjs.colors.gray60,
+  onInfoText: _chunkCFG65CGCcjs.colors.white,
+  onPrimaryText: _chunkCFG65CGCcjs.colors.black,
+  onSuccessText: _chunkCFG65CGCcjs.colors.white,
+  primary: _chunkCFG65CGCcjs.colors.primary,
+  secondary: _chunkCFG65CGCcjs.colors.secondary,
+  tertiary: _chunkCFG65CGCcjs.colors.white,
+  success: _chunkCFG65CGCcjs.colors.success,
+  text: _chunkCFG65CGCcjs.colors.white,
+  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  vlcNeutral: _chunkCFG65CGCcjs.colors.gray20,
+  warning: _chunkCFG65CGCcjs.colors.warning,
+  buttons: _chunkSDDC5AVTcjs.defaultButtonsTheme,
+  loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
+  inputBackground: _chunkCFG65CGCcjs.colors.black,
   badge: {
     bg: "c15Neutral"
   }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.gray60
+    text: _chunkCFG65CGCcjs.colors.gray60
   }),
   nav: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.gray10,
-    secondary: _chunkKSKKC6C2cjs.colors.gray40
+    text: _chunkCFG65CGCcjs.colors.gray10,
+    secondary: _chunkCFG65CGCcjs.colors.gray40
   }),
   content: extendBase(lightBaseTheme, {
-    bg: _chunkKSKKC6C2cjs.colors.white,
-    smBg: _chunkKSKKC6C2cjs.colors.white
+    bg: _chunkCFG65CGCcjs.colors.white,
+    smBg: _chunkCFG65CGCcjs.colors.white
   }),
   controls: extendBase(lightBaseTheme, {
-    bg: _chunkKSKKC6C2cjs.colors.gray95,
-    smBg: _chunkKSKKC6C2cjs.colors.gray95,
-    text: _chunkKSKKC6C2cjs.colors.gray60,
-    secondary: _chunkKSKKC6C2cjs.colors.secondary
+    bg: _chunkCFG65CGCcjs.colors.gray95,
+    smBg: _chunkCFG65CGCcjs.colors.gray95,
+    text: _chunkCFG65CGCcjs.colors.gray60,
+    secondary: _chunkCFG65CGCcjs.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: _chunkCFG65CGCcjs.colors.gray40,
+    smBg: _chunkCFG65CGCcjs.colors.gray40,
+    text: _chunkCFG65CGCcjs.colors.white,
+    secondary: _chunkCFG65CGCcjs.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: _chunkCFG65CGCcjs.colors.gray98,
+  smBg: _chunkCFG65CGCcjs.colors.gray98,
+  secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
+  tertiary: _chunkCFG65CGCcjs.colors.grayBlue9,
+  text: _chunkCFG65CGCcjs.colors.grayBlue9,
+  link: _chunkCFG65CGCcjs.colors.blue39,
+  inputBackground: _chunkCFG65CGCcjs.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: _chunkCFG65CGCcjs.colors.gray98,
+    smBg: _chunkCFG65CGCcjs.colors.gray98,
+    text: _chunkCFG65CGCcjs.colors.grayBlue9,
+    secondary: _chunkCFG65CGCcjs.colors.grayBlue43
   }),
   controls: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-    bg: _chunkKSKKC6C2cjs.colors.grayBlue94
+    text: _chunkCFG65CGCcjs.colors.grayBlue9,
+    secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
+    bg: _chunkCFG65CGCcjs.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: _chunkCFG65CGCcjs.colors.gray5,
+  smBg: _chunkCFG65CGCcjs.colors.gray5,
+  secondary: _chunkCFG65CGCcjs.colors.grayBlue57,
+  tertiary: _chunkCFG65CGCcjs.colors.gray98,
+  text: _chunkCFG65CGCcjs.colors.gray98,
+  link: _chunkCFG65CGCcjs.colors.blue39,
+  inputBackground: _chunkCFG65CGCcjs.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: _chunkCFG65CGCcjs.colors.gray5,
+    smBg: _chunkCFG65CGCcjs.colors.gray5,
+    text: _chunkCFG65CGCcjs.colors.grayBlue94,
+    secondary: _chunkCFG65CGCcjs.colors.grayBlue43
   }),
   controls: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.grayBlue94,
-    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-    bg: _chunkKSKKC6C2cjs.colors.grayBlue9
+    text: _chunkCFG65CGCcjs.colors.grayBlue94,
+    secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
+    bg: _chunkCFG65CGCcjs.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,58 @@ 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: _chunkCFG65CGCcjs.colors.gray98,
+  smBg: _chunkCFG65CGCcjs.colors.gray98,
+  secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
+  text: _chunkCFG65CGCcjs.colors.grayBlue9,
+  link: _chunkCFG65CGCcjs.colors.blue39,
+  inputBackground: _chunkCFG65CGCcjs.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: _chunkCFG65CGCcjs.colors.gray98,
+    smBg: _chunkCFG65CGCcjs.colors.gray98,
+    text: _chunkCFG65CGCcjs.colors.grayBlue9,
+    secondary: _chunkCFG65CGCcjs.colors.grayBlue43
   }),
   controls: extendBase(lightBaseTheme, {
-    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
-    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
-    bg: _chunkKSKKC6C2cjs.colors.grayBlue94
+    text: _chunkCFG65CGCcjs.colors.grayBlue9,
+    secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
+    bg: _chunkCFG65CGCcjs.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: _chunkCFG65CGCcjs.colors.gray98,
+  smBg: _chunkCFG65CGCcjs.colors.gray98,
+  secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
+  text: _chunkCFG65CGCcjs.colors.grayBlue9,
+  link: _chunkCFG65CGCcjs.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: _chunkCFG65CGCcjs.colors.grayBlue43,
+  mcNeutral: _chunkCFG65CGCcjs.colors.grayBlue43,
+  success: _chunkCFG65CGCcjs.colors.green35,
+  link: _chunkCFG65CGCcjs.colors.blue39,
+  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 +370,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 +385,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: _chunkCFG65CGCcjs.colors.gray98,
+  smBg: _chunkCFG65CGCcjs.colors.gray98,
+  text: _chunkCFG65CGCcjs.colors.grayBlue9,
+  secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
+  inputBackground: _chunkCFG65CGCcjs.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 +409,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 +424,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) || _chunkCFG65CGCcjs.isColorKey.call(void 0, key) || Array.isArray(key) && key.length === 2 && isThemeColorKey(key[1]))
   );
 }
 function getColor(theme, key) {
@@ -431,8 +435,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 && _chunkCFG65CGCcjs.isColorKey.call(void 0, key)) {
+    return _chunkCFG65CGCcjs.colors[key];
   }
   return theme.text;
 }
@@ -469,17 +473,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 +517,7 @@ function useThemeBg() {
   const bp = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
   const isSm = bp.current("sm" /* sm */);
   if (isDark(theme)) {
-    return _chunkKSKKC6C2cjs.darkGradient;
+    return _chunkCFG65CGCcjs.darkGradient;
   }
   return isSm ? theme.smBg : theme.bg;
 }
@@ -528,4 +540,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-WM2JR4O2.cjs

@@ -0,0 +1,129 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkSMVLBX2Dcjs = require('./chunk-SMVLBX2D.cjs');
+
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunk4CFGJROVcjs = require('./chunk-4CFGJROV.cjs');
+
+
+var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/DataManagerTable/IdFilter.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var DEFAULT_ERROR_MESSAGE = 'Please ensure ID is formatted correctly, e.g. "User:01896631-99e6-04f8-0000-6df5455fabcd"';
+var isIdFilterState = (state) => state.type === "id" /* ID */;
+var onValidate = (state, isMulti) => {
+  var _a;
+  const { value, allowedEntities } = state;
+  if (!value) {
+    return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state);
+  }
+  let uuid = value;
+  if (allowedEntities) {
+    const entityPrefix = allowedEntities.find(
+      (entity) => value.startsWith(`${entity}:`)
+    );
+    const hasValidEntityPrefix = !!entityPrefix;
+    if (!hasValidEntityPrefix) {
+      return false;
+    }
+    uuid = value.replace(`${entityPrefix}:`, "");
+  }
+  const isUuid = uuid.match(
+    /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/
+  );
+  if (!isUuid) {
+    return false;
+  }
+  let updatedAppliedValues = [];
+  if (isMulti) {
+    updatedAppliedValues = ((_a = state.appliedValues) == null ? void 0 : _a.filter((appliedValue) => appliedValue !== value)) || [];
+  }
+  updatedAppliedValues.push(uuid);
+  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+    value: uuid,
+    appliedValues: updatedAppliedValues
+  });
+};
+var getDefaultIdFilterState = (allowedEntities) => ({
+  type: "id" /* ID */,
+  value: "",
+  errorMessage: "",
+  allowedEntities,
+  isApplied: false,
+  onValidate: (filterState, isMulti) => onValidate(filterState, isMulti)
+});
+var cleanValue = (value) => {
+  return value.trim();
+};
+var IdFilter = ({
+  updateFilterState,
+  state,
+  placeholder,
+  label
+}) => {
+  var _a;
+  const handleChange = (rawValue) => {
+    var _a2;
+    const value = cleanValue(rawValue);
+    updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+      value,
+      isApplied: !!value || !!((_a2 = state.appliedValues) == null ? void 0 : _a2.length),
+      errorMessage: void 0
+    }));
+  };
+  const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk7LOKZM7Vcjs.Button,
+      {
+        kind: "primary",
+        size: "ExtraSmall",
+        text: value,
+        icon: "Close",
+        iconSide: "right",
+        onClick: () => {
+          var _a2;
+          updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+            appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
+              (appliedValue) => appliedValue !== value
+            )
+          }));
+        }
+      },
+      value
+    );
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSMVLBX2Dcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk4CFGJROVcjs.TextInput,
+      {
+        placeholder: placeholder || "",
+        onChange: handleChange,
+        value: state.value,
+        error: state.errorMessage
+      }
+    ) }),
+    !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppliedButtonsContainer, { children: appliedValueButtons }) : null
+  ] });
+};
+var AppliedButtonsContainer = _styled2.default.div`
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
+  display: flex;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+  flex-wrap: wrap;
+`;
+
+
+
+
+
+
+exports.DEFAULT_ERROR_MESSAGE = DEFAULT_ERROR_MESSAGE; exports.isIdFilterState = isIdFilterState; exports.getDefaultIdFilterState = getDefaultIdFilterState; exports.IdFilter = IdFilter;