@octaviaflow/themes 1.0.1 → 1.1.3

package/es/index.js

@@ -0,0 +1,4981 @@
+import { rgba, blue50, white as white$2, blue30, blue60, blue70, black, blue100, gray10, gray80, gray50, gray80Hover, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray40, gray70, gray60, red60, blue40, purple60, purple40, green50, yellow30, red50, green40, orange40, blue20, blue10, gray90, gray70Hover, gray60Hover, gray50Hover, red30, red40, purple50, gray90Hover, blue80, blue90, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta20Hover, magenta70Hover, purple20, purple70, purple20Hover, purple70Hover, blue20Hover, blue70Hover, cyan20, cyan70, cyan20Hover, cyan70Hover, teal20, teal70, teal20Hover, teal70Hover, green20, green70, green20Hover, green70Hover, coolGray20, coolGray70, coolGray100, coolGray10, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray100, warmGray10, warmGray20Hover, warmGray70Hover, cyan40, cyan50, teal40, teal50, magenta40, magenta50, coolGray40, coolGray50, warmGray40, warmGray50, red10, green10, yellow10, white0 } from '@octaviaflow/colors';
+import Color from 'color';
+import { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, unstable_tokens } from '@octaviaflow/type';
+export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, caption02, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, helperText02, label01, label02, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@octaviaflow/type';
+import { spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, container01, container02, container03, container04, container05, sizeXSmall, sizeSmall, sizeMedium, sizeLarge, sizeXLarge, size2XLarge, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, unstable_tokens as unstable_tokens$1 } from '@octaviaflow/layout';
+export { container01, container02, container03, container04, container05, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, size2XLarge, sizeLarge, sizeMedium, sizeSmall, sizeXLarge, sizeXSmall, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13 } from '@octaviaflow/layout';
+
+function adjustLightness(token, shift) {
+  const original = Color(token).hsl().object();
+  return Color({ ...original, l: original.l += shift }).round().hex().toLowerCase();
+}
+function adjustAlpha(token, alpha) {
+  return Color(token).rgb().alpha(alpha).string();
+}
+const numbers = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+function formatTokenName(token) {
+  let string = "";
+  for (let i = 0; i < token.length; i++) {
+    if (numbers.indexOf(token[i]) !== -1) {
+      string += "-" + token.slice(i);
+      break;
+    }
+    if (token[i] === token[i].toUpperCase()) {
+      if (token[i - 1] && token[i - 1] === token[i - 1].toUpperCase()) {
+        string += token[i].toLowerCase();
+        continue;
+      }
+      string += "-" + token[i].toLowerCase();
+      continue;
+    }
+    string += token[i];
+  }
+  return string;
+}
+
+const background$8 = white$2;
+const backgroundInverse$7 = gray80;
+const backgroundBrand$7 = blue60;
+const backgroundActive$7 = adjustAlpha(gray50, 0.5);
+const backgroundHover$7 = adjustAlpha(gray50, 0.12);
+const backgroundInverseHover$7 = gray80Hover;
+const backgroundSelected$7 = adjustAlpha(gray50, 0.2);
+const backgroundSelectedHover$7 = adjustAlpha(gray50, 0.32);
+const layer01$3 = gray10;
+const layerActive01$3 = gray30;
+const layerHover01$3 = gray10Hover;
+const layerSelected01$3 = gray20;
+const layerSelectedHover01$3 = gray20Hover;
+const layer02$3 = white$2;
+const layerActive02$3 = gray30;
+const layerHover02$3 = whiteHover;
+const layerSelected02$3 = gray20;
+const layerSelectedHover02$3 = gray20Hover;
+const layer03$3 = gray10;
+const layerActive03$3 = gray30;
+const layerHover03$3 = gray10Hover;
+const layerSelected03$3 = gray20;
+const layerSelectedHover03$3 = gray20Hover;
+const layerSelectedInverse$7 = gray100;
+const layerSelectedDisabled$7 = gray50;
+const layerAccent01$3 = gray20;
+const layerAccentActive01$3 = gray40;
+const layerAccentHover01$3 = gray20Hover;
+const layerAccent02$3 = gray20;
+const layerAccentActive02$3 = gray40;
+const layerAccentHover02$3 = gray20Hover;
+const layerAccent03$3 = gray20;
+const layerAccentActive03$3 = gray40;
+const layerAccentHover03$3 = gray20Hover;
+const field01$7 = gray10;
+const fieldHover01$3 = gray10Hover;
+const field02$7 = white$2;
+const fieldHover02$3 = whiteHover;
+const field03$3 = gray10;
+const fieldHover03$3 = gray10Hover;
+const borderSubtle00$3 = gray20;
+const borderSubtle01$3 = gray30;
+const borderSubtleSelected01$3 = gray30;
+const borderSubtle02$3 = gray20;
+const borderSubtleSelected02$3 = gray30;
+const borderSubtle03$3 = gray30;
+const borderSubtleSelected03$3 = gray30;
+const borderStrong01$3 = gray50;
+const borderStrong02$3 = gray50;
+const borderStrong03$3 = gray50;
+const borderTile01$3 = gray30;
+const borderTile02$3 = gray40;
+const borderTile03$3 = gray30;
+const borderInverse$7 = gray100;
+const borderInteractive$7 = blue60;
+const borderDisabled$7 = gray30;
+const textPrimary$7 = gray100;
+const textSecondary$7 = gray70;
+const textPlaceholder$7 = adjustAlpha(textPrimary$7, 0.4);
+const textHelper$7 = gray60;
+const textError$7 = red60;
+const textInverse$7 = white$2;
+const textOnColor$7 = white$2;
+const textOnColorDisabled$7 = gray50;
+const textDisabled$7 = adjustAlpha(textPrimary$7, 0.25);
+const linkPrimary$7 = blue60;
+const linkPrimaryHover$7 = blue70;
+const linkSecondary$7 = blue70;
+const linkInverse$7 = blue40;
+const linkVisited$7 = purple60;
+const linkInverseVisited$3 = purple40;
+const linkInverseActive$3 = gray10;
+const linkInverseHover$3 = blue30;
+const iconPrimary$7 = gray100;
+const iconSecondary$7 = gray70;
+const iconInverse$7 = white$2;
+const iconOnColor$7 = white$2;
+const iconOnColorDisabled$7 = gray50;
+const iconDisabled$7 = adjustAlpha(iconPrimary$7, 0.25);
+const iconInteractive$3 = blue60;
+const supportError$7 = red60;
+const supportSuccess$7 = green50;
+const supportWarning$7 = yellow30;
+const supportInfo$7 = blue70;
+const supportErrorInverse$7 = red50;
+const supportSuccessInverse$7 = green40;
+const supportWarningInverse$7 = yellow30;
+const supportInfoInverse$7 = blue50;
+const supportCautionMinor$3 = yellow30;
+const supportCautionMajor$3 = orange40;
+const supportCautionUndefined$3 = purple60;
+const focus$8 = blue60;
+const focusInset$7 = white$2;
+const focusInverse$7 = white$2;
+const skeletonBackground$7 = whiteHover;
+const skeletonElement$7 = gray30;
+const interactive$7 = blue60;
+const highlight$7 = blue20;
+const overlay$7 = "rgba(22, 22, 22, 0.5)";
+const toggleOff$7 = gray50;
+const shadow$7 = "rgba(0, 0, 0, 0.3)";
+const aiInnerShadow$3 = rgba(blue50, 0.1);
+const aiAuraStartSm$3 = rgba(blue50, 0.16);
+const aiAuraStart$3 = rgba(blue50, 0.1);
+const aiAuraEnd$3 = rgba(white$2, 0);
+const aiBorderStrong$3 = blue50;
+const aiBorderStart$3 = rgba(blue30, 0.64);
+const aiBorderEnd$3 = blue40;
+const aiDropShadow$3 = rgba(blue60, 0.1);
+const aiAuraHoverBackground$3 = blue10;
+const aiAuraHoverStart$3 = rgba(blue50, 0.32);
+const aiAuraHoverEnd$3 = rgba(white$2, 0);
+const aiPopoverBackground$3 = white$2;
+const aiPopoverShadowOuter01$3 = rgba(blue70, 0.06);
+const aiPopoverShadowOuter02$3 = rgba(black, 0.04);
+const aiSkeletonBackground$3 = blue20;
+const aiSkeletonElementBackground$3 = blue50;
+const aiOverlay$3 = rgba(blue100, 0.5);
+const aiPopoverCaretCenter$3 = "#A0C3FF";
+const aiPopoverCaretBottom$3 = blue40;
+const aiPopoverCaretBottomBackgroundActions$3 = "#E9EFFA";
+const aiPopoverCaretBottomBackground$3 = "#EAF1FF";
+const chatPromptBackground$3 = white$2;
+const chatPromptBorderStart$3 = gray10;
+const chatPromptBorderEnd$3 = rgba(gray10, 0);
+const chatBubbleUser$3 = gray20;
+const chatBubbleAgent$3 = white$2;
+const chatBubbleBorder$3 = gray20;
+const chatAvatarBot$3 = gray60;
+const chatAvatarAgent$3 = gray80;
+const chatAvatarUser$3 = blue60;
+const chatShellBackground$3 = white$2;
+const chatHeaderBackground$3 = white$2;
+const chatButton$3 = linkPrimary$7;
+const chatButtonHover$3 = backgroundHover$7;
+const chatButtonTextHover$3 = linkPrimaryHover$7;
+const chatButtonActive$3 = backgroundActive$7;
+const chatButtonSelected$3 = backgroundSelected$7;
+const chatButtonTextSelected$3 = textSecondary$7;
+
+var white$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  background: background$8,
+  backgroundInverse: backgroundInverse$7,
+  backgroundBrand: backgroundBrand$7,
+  backgroundActive: backgroundActive$7,
+  backgroundHover: backgroundHover$7,
+  backgroundInverseHover: backgroundInverseHover$7,
+  backgroundSelected: backgroundSelected$7,
+  backgroundSelectedHover: backgroundSelectedHover$7,
+  layer01: layer01$3,
+  layerActive01: layerActive01$3,
+  layerHover01: layerHover01$3,
+  layerSelected01: layerSelected01$3,
+  layerSelectedHover01: layerSelectedHover01$3,
+  layer02: layer02$3,
+  layerActive02: layerActive02$3,
+  layerHover02: layerHover02$3,
+  layerSelected02: layerSelected02$3,
+  layerSelectedHover02: layerSelectedHover02$3,
+  layer03: layer03$3,
+  layerActive03: layerActive03$3,
+  layerHover03: layerHover03$3,
+  layerSelected03: layerSelected03$3,
+  layerSelectedHover03: layerSelectedHover03$3,
+  layerSelectedInverse: layerSelectedInverse$7,
+  layerSelectedDisabled: layerSelectedDisabled$7,
+  layerAccent01: layerAccent01$3,
+  layerAccentActive01: layerAccentActive01$3,
+  layerAccentHover01: layerAccentHover01$3,
+  layerAccent02: layerAccent02$3,
+  layerAccentActive02: layerAccentActive02$3,
+  layerAccentHover02: layerAccentHover02$3,
+  layerAccent03: layerAccent03$3,
+  layerAccentActive03: layerAccentActive03$3,
+  layerAccentHover03: layerAccentHover03$3,
+  field01: field01$7,
+  fieldHover01: fieldHover01$3,
+  field02: field02$7,
+  fieldHover02: fieldHover02$3,
+  field03: field03$3,
+  fieldHover03: fieldHover03$3,
+  borderSubtle00: borderSubtle00$3,
+  borderSubtle01: borderSubtle01$3,
+  borderSubtleSelected01: borderSubtleSelected01$3,
+  borderSubtle02: borderSubtle02$3,
+  borderSubtleSelected02: borderSubtleSelected02$3,
+  borderSubtle03: borderSubtle03$3,
+  borderSubtleSelected03: borderSubtleSelected03$3,
+  borderStrong01: borderStrong01$3,
+  borderStrong02: borderStrong02$3,
+  borderStrong03: borderStrong03$3,
+  borderTile01: borderTile01$3,
+  borderTile02: borderTile02$3,
+  borderTile03: borderTile03$3,
+  borderInverse: borderInverse$7,
+  borderInteractive: borderInteractive$7,
+  borderDisabled: borderDisabled$7,
+  textPrimary: textPrimary$7,
+  textSecondary: textSecondary$7,
+  textPlaceholder: textPlaceholder$7,
+  textHelper: textHelper$7,
+  textError: textError$7,
+  textInverse: textInverse$7,
+  textOnColor: textOnColor$7,
+  textOnColorDisabled: textOnColorDisabled$7,
+  textDisabled: textDisabled$7,
+  linkPrimary: linkPrimary$7,
+  linkPrimaryHover: linkPrimaryHover$7,
+  linkSecondary: linkSecondary$7,
+  linkInverse: linkInverse$7,
+  linkVisited: linkVisited$7,
+  linkInverseVisited: linkInverseVisited$3,
+  linkInverseActive: linkInverseActive$3,
+  linkInverseHover: linkInverseHover$3,
+  iconPrimary: iconPrimary$7,
+  iconSecondary: iconSecondary$7,
+  iconInverse: iconInverse$7,
+  iconOnColor: iconOnColor$7,
+  iconOnColorDisabled: iconOnColorDisabled$7,
+  iconDisabled: iconDisabled$7,
+  iconInteractive: iconInteractive$3,
+  supportError: supportError$7,
+  supportSuccess: supportSuccess$7,
+  supportWarning: supportWarning$7,
+  supportInfo: supportInfo$7,
+  supportErrorInverse: supportErrorInverse$7,
+  supportSuccessInverse: supportSuccessInverse$7,
+  supportWarningInverse: supportWarningInverse$7,
+  supportInfoInverse: supportInfoInverse$7,
+  supportCautionMinor: supportCautionMinor$3,
+  supportCautionMajor: supportCautionMajor$3,
+  supportCautionUndefined: supportCautionUndefined$3,
+  focus: focus$8,
+  focusInset: focusInset$7,
+  focusInverse: focusInverse$7,
+  skeletonBackground: skeletonBackground$7,
+  skeletonElement: skeletonElement$7,
+  interactive: interactive$7,
+  highlight: highlight$7,
+  overlay: overlay$7,
+  toggleOff: toggleOff$7,
+  shadow: shadow$7,
+  aiInnerShadow: aiInnerShadow$3,
+  aiAuraStartSm: aiAuraStartSm$3,
+  aiAuraStart: aiAuraStart$3,
+  aiAuraEnd: aiAuraEnd$3,
+  aiBorderStrong: aiBorderStrong$3,
+  aiBorderStart: aiBorderStart$3,
+  aiBorderEnd: aiBorderEnd$3,
+  aiDropShadow: aiDropShadow$3,
+  aiAuraHoverBackground: aiAuraHoverBackground$3,
+  aiAuraHoverStart: aiAuraHoverStart$3,
+  aiAuraHoverEnd: aiAuraHoverEnd$3,
+  aiPopoverBackground: aiPopoverBackground$3,
+  aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
+  aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
+  aiSkeletonBackground: aiSkeletonBackground$3,
+  aiSkeletonElementBackground: aiSkeletonElementBackground$3,
+  aiOverlay: aiOverlay$3,
+  aiPopoverCaretCenter: aiPopoverCaretCenter$3,
+  aiPopoverCaretBottom: aiPopoverCaretBottom$3,
+  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$3,
+  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$3,
+  chatPromptBackground: chatPromptBackground$3,
+  chatPromptBorderStart: chatPromptBorderStart$3,
+  chatPromptBorderEnd: chatPromptBorderEnd$3,
+  chatBubbleUser: chatBubbleUser$3,
+  chatBubbleAgent: chatBubbleAgent$3,
+  chatBubbleBorder: chatBubbleBorder$3,
+  chatAvatarBot: chatAvatarBot$3,
+  chatAvatarAgent: chatAvatarAgent$3,
+  chatAvatarUser: chatAvatarUser$3,
+  chatShellBackground: chatShellBackground$3,
+  chatHeaderBackground: chatHeaderBackground$3,
+  chatButton: chatButton$3,
+  chatButtonHover: chatButtonHover$3,
+  chatButtonTextHover: chatButtonTextHover$3,
+  chatButtonActive: chatButtonActive$3,
+  chatButtonSelected: chatButtonSelected$3,
+  chatButtonTextSelected: chatButtonTextSelected$3,
+  caption01: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  sizeXSmall: sizeXSmall,
+  sizeSmall: sizeSmall,
+  sizeMedium: sizeMedium,
+  sizeLarge: sizeLarge,
+  sizeXLarge: sizeXLarge,
+  size2XLarge: size2XLarge,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07
+});
+
+const background$7 = gray10;
+const backgroundInverse$6 = gray80;
+const backgroundBrand$6 = blue60;
+const backgroundActive$6 = adjustAlpha(gray50, 0.5);
+const backgroundHover$6 = adjustAlpha(gray50, 0.12);
+const backgroundInverseHover$6 = gray80Hover;
+const backgroundSelected$6 = adjustAlpha(gray50, 0.2);
+const backgroundSelectedHover$6 = adjustAlpha(gray50, 0.32);
+const layer01$2 = white$2;
+const layerActive01$2 = gray30;
+const layerHover01$2 = whiteHover;
+const layerSelected01$2 = gray20;
+const layerSelectedHover01$2 = gray20Hover;
+const layer02$2 = gray10;
+const layerActive02$2 = gray30;
+const layerHover02$2 = gray10Hover;
+const layerSelected02$2 = gray20;
+const layerSelectedHover02$2 = gray20Hover;
+const layer03$2 = white$2;
+const layerActive03$2 = gray30;
+const layerHover03$2 = whiteHover;
+const layerSelected03$2 = gray20;
+const layerSelectedHover03$2 = gray20Hover;
+const layerSelectedInverse$6 = gray100;
+const layerSelectedDisabled$6 = gray50;
+const layerAccent01$2 = gray20;
+const layerAccentActive01$2 = gray40;
+const layerAccentHover01$2 = gray20Hover;
+const layerAccent02$2 = gray20;
+const layerAccentActive02$2 = gray40;
+const layerAccentHover02$2 = gray20Hover;
+const layerAccent03$2 = gray20;
+const layerAccentActive03$2 = gray40;
+const layerAccentHover03$2 = gray20Hover;
+const field01$6 = white$2;
+const fieldHover01$2 = whiteHover;
+const field02$6 = gray10;
+const fieldHover02$2 = gray10Hover;
+const field03$2 = white$2;
+const fieldHover03$2 = whiteHover;
+const borderSubtle00$2 = gray30;
+const borderSubtle01$2 = gray20;
+const borderSubtleSelected01$2 = gray30;
+const borderSubtle02$2 = gray30;
+const borderSubtleSelected02$2 = gray30;
+const borderSubtle03$2 = gray20;
+const borderSubtleSelected03$2 = gray30;
+const borderStrong01$2 = gray50;
+const borderStrong02$2 = gray50;
+const borderStrong03$2 = gray50;
+const borderTile01$2 = gray40;
+const borderTile02$2 = gray30;
+const borderTile03$2 = gray40;
+const borderInverse$6 = gray100;
+const borderInteractive$6 = blue60;
+const borderDisabled$6 = gray30;
+const textPrimary$6 = gray100;
+const textSecondary$6 = gray70;
+const textPlaceholder$6 = adjustAlpha(textPrimary$6, 0.4);
+const textHelper$6 = gray60;
+const textError$6 = red60;
+const textInverse$6 = white$2;
+const textOnColor$6 = white$2;
+const textOnColorDisabled$6 = gray50;
+const textDisabled$6 = adjustAlpha(textPrimary$6, 0.25);
+const linkPrimary$6 = blue60;
+const linkPrimaryHover$6 = blue70;
+const linkSecondary$6 = blue70;
+const linkInverse$6 = blue40;
+const linkVisited$6 = purple60;
+const linkInverseVisited$2 = purple40;
+const linkInverseActive$2 = gray10;
+const linkInverseHover$2 = blue30;
+const iconPrimary$6 = gray100;
+const iconSecondary$6 = gray70;
+const iconInverse$6 = white$2;
+const iconOnColor$6 = white$2;
+const iconOnColorDisabled$6 = gray50;
+const iconDisabled$6 = adjustAlpha(iconPrimary$6, 0.25);
+const iconInteractive$2 = blue60;
+const supportError$6 = red60;
+const supportSuccess$6 = green50;
+const supportWarning$6 = yellow30;
+const supportInfo$6 = blue70;
+const supportErrorInverse$6 = red50;
+const supportSuccessInverse$6 = green40;
+const supportWarningInverse$6 = yellow30;
+const supportInfoInverse$6 = blue50;
+const supportCautionMinor$2 = yellow30;
+const supportCautionMajor$2 = orange40;
+const supportCautionUndefined$2 = purple60;
+const focus$7 = blue60;
+const focusInset$6 = white$2;
+const focusInverse$6 = white$2;
+const skeletonBackground$6 = gray10Hover;
+const skeletonElement$6 = gray30;
+const interactive$6 = blue60;
+const highlight$6 = blue20;
+const overlay$6 = "rgba(22, 22, 22, 0.5)";
+const toggleOff$6 = gray50;
+const shadow$6 = "rgba(0, 0, 0, 0.3)";
+const aiInnerShadow$2 = rgba(blue50, 0.1);
+const aiAuraStartSm$2 = rgba(blue50, 0.16);
+const aiAuraStart$2 = rgba(blue50, 0.1);
+const aiAuraEnd$2 = rgba(white$2, 0);
+const aiBorderStrong$2 = blue50;
+const aiBorderStart$2 = rgba(blue30, 0.64);
+const aiBorderEnd$2 = blue40;
+const aiDropShadow$2 = rgba(blue60, 0.1);
+const aiAuraHoverBackground$2 = blue10;
+const aiAuraHoverStart$2 = rgba(blue50, 0.32);
+const aiAuraHoverEnd$2 = rgba(white$2, 0);
+const aiPopoverBackground$2 = white$2;
+const aiPopoverShadowOuter01$2 = rgba(blue70, 0.06);
+const aiPopoverShadowOuter02$2 = rgba(black, 0.04);
+const aiSkeletonBackground$2 = blue20;
+const aiSkeletonElementBackground$2 = blue50;
+const aiOverlay$2 = rgba(blue100, 0.5);
+const aiPopoverCaretCenter$2 = "#A0C3FF";
+const aiPopoverCaretBottom$2 = blue40;
+const aiPopoverCaretBottomBackgroundActions$2 = "#E9EFFA";
+const aiPopoverCaretBottomBackground$2 = "#EAF1FF";
+const chatPromptBackground$2 = white$2;
+const chatPromptBorderStart$2 = gray10;
+const chatPromptBorderEnd$2 = rgba(gray10, 0);
+const chatBubbleUser$2 = gray20;
+const chatBubbleAgent$2 = white$2;
+const chatBubbleBorder$2 = gray20;
+const chatAvatarBot$2 = gray60;
+const chatAvatarAgent$2 = gray80;
+const chatAvatarUser$2 = blue60;
+const chatShellBackground$2 = white$2;
+const chatHeaderBackground$2 = white$2;
+const chatButton$2 = linkPrimary$6;
+const chatButtonHover$2 = backgroundHover$6;
+const chatButtonTextHover$2 = linkPrimaryHover$6;
+const chatButtonActive$2 = backgroundActive$6;
+const chatButtonSelected$2 = backgroundSelected$6;
+const chatButtonTextSelected$2 = textSecondary$6;
+
+var g10$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  background: background$7,
+  backgroundInverse: backgroundInverse$6,
+  backgroundBrand: backgroundBrand$6,
+  backgroundActive: backgroundActive$6,
+  backgroundHover: backgroundHover$6,
+  backgroundInverseHover: backgroundInverseHover$6,
+  backgroundSelected: backgroundSelected$6,
+  backgroundSelectedHover: backgroundSelectedHover$6,
+  layer01: layer01$2,
+  layerActive01: layerActive01$2,
+  layerHover01: layerHover01$2,
+  layerSelected01: layerSelected01$2,
+  layerSelectedHover01: layerSelectedHover01$2,
+  layer02: layer02$2,
+  layerActive02: layerActive02$2,
+  layerHover02: layerHover02$2,
+  layerSelected02: layerSelected02$2,
+  layerSelectedHover02: layerSelectedHover02$2,
+  layer03: layer03$2,
+  layerActive03: layerActive03$2,
+  layerHover03: layerHover03$2,
+  layerSelected03: layerSelected03$2,
+  layerSelectedHover03: layerSelectedHover03$2,
+  layerSelectedInverse: layerSelectedInverse$6,
+  layerSelectedDisabled: layerSelectedDisabled$6,
+  layerAccent01: layerAccent01$2,
+  layerAccentActive01: layerAccentActive01$2,
+  layerAccentHover01: layerAccentHover01$2,
+  layerAccent02: layerAccent02$2,
+  layerAccentActive02: layerAccentActive02$2,
+  layerAccentHover02: layerAccentHover02$2,
+  layerAccent03: layerAccent03$2,
+  layerAccentActive03: layerAccentActive03$2,
+  layerAccentHover03: layerAccentHover03$2,
+  field01: field01$6,
+  fieldHover01: fieldHover01$2,
+  field02: field02$6,
+  fieldHover02: fieldHover02$2,
+  field03: field03$2,
+  fieldHover03: fieldHover03$2,
+  borderSubtle00: borderSubtle00$2,
+  borderSubtle01: borderSubtle01$2,
+  borderSubtleSelected01: borderSubtleSelected01$2,
+  borderSubtle02: borderSubtle02$2,
+  borderSubtleSelected02: borderSubtleSelected02$2,
+  borderSubtle03: borderSubtle03$2,
+  borderSubtleSelected03: borderSubtleSelected03$2,
+  borderStrong01: borderStrong01$2,
+  borderStrong02: borderStrong02$2,
+  borderStrong03: borderStrong03$2,
+  borderTile01: borderTile01$2,
+  borderTile02: borderTile02$2,
+  borderTile03: borderTile03$2,
+  borderInverse: borderInverse$6,
+  borderInteractive: borderInteractive$6,
+  borderDisabled: borderDisabled$6,
+  textPrimary: textPrimary$6,
+  textSecondary: textSecondary$6,
+  textPlaceholder: textPlaceholder$6,
+  textHelper: textHelper$6,
+  textError: textError$6,
+  textInverse: textInverse$6,
+  textOnColor: textOnColor$6,
+  textOnColorDisabled: textOnColorDisabled$6,
+  textDisabled: textDisabled$6,
+  linkPrimary: linkPrimary$6,
+  linkPrimaryHover: linkPrimaryHover$6,
+  linkSecondary: linkSecondary$6,
+  linkInverse: linkInverse$6,
+  linkVisited: linkVisited$6,
+  linkInverseVisited: linkInverseVisited$2,
+  linkInverseActive: linkInverseActive$2,
+  linkInverseHover: linkInverseHover$2,
+  iconPrimary: iconPrimary$6,
+  iconSecondary: iconSecondary$6,
+  iconInverse: iconInverse$6,
+  iconOnColor: iconOnColor$6,
+  iconOnColorDisabled: iconOnColorDisabled$6,
+  iconDisabled: iconDisabled$6,
+  iconInteractive: iconInteractive$2,
+  supportError: supportError$6,
+  supportSuccess: supportSuccess$6,
+  supportWarning: supportWarning$6,
+  supportInfo: supportInfo$6,
+  supportErrorInverse: supportErrorInverse$6,
+  supportSuccessInverse: supportSuccessInverse$6,
+  supportWarningInverse: supportWarningInverse$6,
+  supportInfoInverse: supportInfoInverse$6,
+  supportCautionMinor: supportCautionMinor$2,
+  supportCautionMajor: supportCautionMajor$2,
+  supportCautionUndefined: supportCautionUndefined$2,
+  focus: focus$7,
+  focusInset: focusInset$6,
+  focusInverse: focusInverse$6,
+  skeletonBackground: skeletonBackground$6,
+  skeletonElement: skeletonElement$6,
+  interactive: interactive$6,
+  highlight: highlight$6,
+  overlay: overlay$6,
+  toggleOff: toggleOff$6,
+  shadow: shadow$6,
+  aiInnerShadow: aiInnerShadow$2,
+  aiAuraStartSm: aiAuraStartSm$2,
+  aiAuraStart: aiAuraStart$2,
+  aiAuraEnd: aiAuraEnd$2,
+  aiBorderStrong: aiBorderStrong$2,
+  aiBorderStart: aiBorderStart$2,
+  aiBorderEnd: aiBorderEnd$2,
+  aiDropShadow: aiDropShadow$2,
+  aiAuraHoverBackground: aiAuraHoverBackground$2,
+  aiAuraHoverStart: aiAuraHoverStart$2,
+  aiAuraHoverEnd: aiAuraHoverEnd$2,
+  aiPopoverBackground: aiPopoverBackground$2,
+  aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
+  aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
+  aiSkeletonBackground: aiSkeletonBackground$2,
+  aiSkeletonElementBackground: aiSkeletonElementBackground$2,
+  aiOverlay: aiOverlay$2,
+  aiPopoverCaretCenter: aiPopoverCaretCenter$2,
+  aiPopoverCaretBottom: aiPopoverCaretBottom$2,
+  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$2,
+  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$2,
+  chatPromptBackground: chatPromptBackground$2,
+  chatPromptBorderStart: chatPromptBorderStart$2,
+  chatPromptBorderEnd: chatPromptBorderEnd$2,
+  chatBubbleUser: chatBubbleUser$2,
+  chatBubbleAgent: chatBubbleAgent$2,
+  chatBubbleBorder: chatBubbleBorder$2,
+  chatAvatarBot: chatAvatarBot$2,
+  chatAvatarAgent: chatAvatarAgent$2,
+  chatAvatarUser: chatAvatarUser$2,
+  chatShellBackground: chatShellBackground$2,
+  chatHeaderBackground: chatHeaderBackground$2,
+  chatButton: chatButton$2,
+  chatButtonHover: chatButtonHover$2,
+  chatButtonTextHover: chatButtonTextHover$2,
+  chatButtonActive: chatButtonActive$2,
+  chatButtonSelected: chatButtonSelected$2,
+  chatButtonTextSelected: chatButtonTextSelected$2,
+  caption01: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  sizeXSmall: sizeXSmall,
+  sizeSmall: sizeSmall,
+  sizeMedium: sizeMedium,
+  sizeLarge: sizeLarge,
+  sizeXLarge: sizeXLarge,
+  size2XLarge: size2XLarge,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07
+});
+
+const background$6 = gray90;
+const backgroundInverse$5 = gray10;
+const backgroundBrand$5 = blue60;
+const backgroundActive$5 = adjustAlpha(gray50, 0.4);
+const backgroundHover$5 = adjustAlpha(gray50, 0.16);
+const backgroundInverseHover$5 = gray10Hover;
+const backgroundSelected$5 = adjustAlpha(gray50, 0.24);
+const backgroundSelectedHover$5 = adjustAlpha(gray50, 0.32);
+const layer01$1 = gray80;
+const layerActive01$1 = gray60;
+const layerHover01$1 = gray80Hover;
+const layerSelected01$1 = gray70;
+const layerSelectedHover01$1 = gray70Hover;
+const layer02$1 = gray70;
+const layerActive02$1 = gray50;
+const layerHover02$1 = gray70Hover;
+const layerSelected02$1 = gray60;
+const layerSelectedHover02$1 = gray60Hover;
+const layer03$1 = gray60;
+const layerActive03$1 = gray80;
+const layerHover03$1 = gray60Hover;
+const layerSelected03$1 = gray70;
+const layerSelectedHover03$1 = gray70Hover;
+const layerSelectedInverse$5 = gray10;
+const layerSelectedDisabled$5 = gray40;
+const layerAccent01$1 = gray70;
+const layerAccentActive01$1 = gray50;
+const layerAccentHover01$1 = gray70Hover;
+const layerAccent02$1 = gray60;
+const layerAccentActive02$1 = gray80;
+const layerAccentHover02$1 = gray60Hover;
+const layerAccent03$1 = gray50;
+const layerAccentActive03$1 = gray70;
+const layerAccentHover03$1 = gray50Hover;
+const field01$5 = gray80;
+const fieldHover01$1 = gray80Hover;
+const field02$5 = gray70;
+const fieldHover02$1 = gray70Hover;
+const field03$1 = gray60;
+const fieldHover03$1 = gray60Hover;
+const borderSubtle00$1 = gray70;
+const borderSubtle01$1 = gray60;
+const borderSubtleSelected01$1 = gray50;
+const borderSubtle02$1 = gray50;
+const borderSubtleSelected02$1 = gray40;
+const borderSubtle03$1 = gray50;
+const borderSubtleSelected03$1 = gray40;
+const borderStrong01$1 = gray50;
+const borderStrong02$1 = gray40;
+const borderStrong03$1 = gray30;
+const borderTile01$1 = gray60;
+const borderTile02$1 = gray50;
+const borderTile03$1 = gray40;
+const borderInverse$5 = gray10;
+const borderInteractive$5 = blue50;
+const borderDisabled$5 = adjustAlpha(gray50, 0.5);
+const textPrimary$5 = gray10;
+const textSecondary$5 = gray30;
+const textPlaceholder$5 = adjustAlpha(textPrimary$5, 0.4);
+const textHelper$5 = gray30;
+const textError$5 = red30;
+const textInverse$5 = gray100;
+const textOnColor$5 = white$2;
+const textOnColorDisabled$5 = adjustAlpha(textOnColor$5, 0.25);
+const textDisabled$5 = adjustAlpha(textPrimary$5, 0.25);
+const linkPrimary$5 = blue40;
+const linkPrimaryHover$5 = blue30;
+const linkSecondary$5 = blue30;
+const linkInverse$5 = blue60;
+const linkVisited$5 = purple40;
+const linkInverseVisited$1 = purple60;
+const linkInverseActive$1 = gray100;
+const linkInverseHover$1 = blue70;
+const iconPrimary$5 = gray10;
+const iconSecondary$5 = gray30;
+const iconInverse$5 = gray100;
+const iconOnColor$5 = white$2;
+const iconOnColorDisabled$5 = adjustAlpha(iconOnColor$5, 0.25);
+const iconDisabled$5 = adjustAlpha(iconPrimary$5, 0.25);
+const iconInteractive$1 = white$2;
+const supportError$5 = red40;
+const supportSuccess$5 = green40;
+const supportWarning$5 = yellow30;
+const supportInfo$5 = blue50;
+const supportErrorInverse$5 = red60;
+const supportSuccessInverse$5 = green50;
+const supportWarningInverse$5 = yellow30;
+const supportInfoInverse$5 = blue70;
+const supportCautionMinor$1 = yellow30;
+const supportCautionMajor$1 = orange40;
+const supportCautionUndefined$1 = purple50;
+const focus$6 = white$2;
+const focusInset$5 = gray100;
+const focusInverse$5 = blue60;
+const skeletonBackground$5 = gray90Hover;
+const skeletonElement$5 = gray70;
+const interactive$5 = blue50;
+const highlight$5 = blue80;
+const overlay$5 = rgba(black, 0.65);
+const toggleOff$5 = gray50;
+const shadow$5 = rgba(black, 0.8);
+const aiInnerShadow$1 = rgba(blue50, 0.16);
+const aiAuraStartSm$1 = rgba(blue50, 0.16);
+const aiAuraStart$1 = rgba(blue50, 0.1);
+const aiAuraEnd$1 = rgba(black, 0);
+const aiBorderStrong$1 = blue40;
+const aiBorderStart$1 = rgba(blue30, 0.36);
+const aiBorderEnd$1 = blue50;
+const aiDropShadow$1 = rgba(black, 0.28);
+const aiAuraHoverBackground$1 = layerHover01$1;
+const aiAuraHoverStart$1 = rgba(blue50, 0.4);
+const aiAuraHoverEnd$1 = rgba(black, 0);
+const aiPopoverBackground$1 = gray100;
+const aiPopoverShadowOuter01$1 = rgba(black, 0.12);
+const aiPopoverShadowOuter02$1 = rgba(black, 0.08);
+const aiSkeletonBackground$1 = rgba(blue40, 0.5);
+const aiSkeletonElementBackground$1 = rgba(blue40, 0.3);
+const aiOverlay$1 = rgba(black, 0.5);
+const aiPopoverCaretCenter$1 = "#4870B5";
+const aiPopoverCaretBottom$1 = blue50;
+const aiPopoverCaretBottomBackgroundActions$1 = "#1E283A";
+const aiPopoverCaretBottomBackground$1 = "#202D45";
+const chatPromptBackground$1 = gray100;
+const chatPromptBorderStart$1 = gray90;
+const chatPromptBorderEnd$1 = rgba(gray90, 0);
+const chatBubbleUser$1 = gray80;
+const chatBubbleAgent$1 = gray90;
+const chatBubbleBorder$1 = gray70;
+const chatAvatarBot$1 = gray50;
+const chatAvatarAgent$1 = gray30;
+const chatAvatarUser$1 = blue50;
+const chatShellBackground$1 = gray90;
+const chatHeaderBackground$1 = gray90;
+const chatButton$1 = linkPrimary$5;
+const chatButtonHover$1 = backgroundHover$5;
+const chatButtonTextHover$1 = linkPrimaryHover$5;
+const chatButtonActive$1 = backgroundActive$5;
+const chatButtonSelected$1 = backgroundSelected$5;
+const chatButtonTextSelected$1 = textSecondary$5;
+
+var g90$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  background: background$6,
+  backgroundInverse: backgroundInverse$5,
+  backgroundBrand: backgroundBrand$5,
+  backgroundActive: backgroundActive$5,
+  backgroundHover: backgroundHover$5,
+  backgroundInverseHover: backgroundInverseHover$5,
+  backgroundSelected: backgroundSelected$5,
+  backgroundSelectedHover: backgroundSelectedHover$5,
+  layer01: layer01$1,
+  layerActive01: layerActive01$1,
+  layerHover01: layerHover01$1,
+  layerSelected01: layerSelected01$1,
+  layerSelectedHover01: layerSelectedHover01$1,
+  layer02: layer02$1,
+  layerActive02: layerActive02$1,
+  layerHover02: layerHover02$1,
+  layerSelected02: layerSelected02$1,
+  layerSelectedHover02: layerSelectedHover02$1,
+  layer03: layer03$1,
+  layerActive03: layerActive03$1,
+  layerHover03: layerHover03$1,
+  layerSelected03: layerSelected03$1,
+  layerSelectedHover03: layerSelectedHover03$1,
+  layerSelectedInverse: layerSelectedInverse$5,
+  layerSelectedDisabled: layerSelectedDisabled$5,
+  layerAccent01: layerAccent01$1,
+  layerAccentActive01: layerAccentActive01$1,
+  layerAccentHover01: layerAccentHover01$1,
+  layerAccent02: layerAccent02$1,
+  layerAccentActive02: layerAccentActive02$1,
+  layerAccentHover02: layerAccentHover02$1,
+  layerAccent03: layerAccent03$1,
+  layerAccentActive03: layerAccentActive03$1,
+  layerAccentHover03: layerAccentHover03$1,
+  field01: field01$5,
+  fieldHover01: fieldHover01$1,
+  field02: field02$5,
+  fieldHover02: fieldHover02$1,
+  field03: field03$1,
+  fieldHover03: fieldHover03$1,
+  borderSubtle00: borderSubtle00$1,
+  borderSubtle01: borderSubtle01$1,
+  borderSubtleSelected01: borderSubtleSelected01$1,
+  borderSubtle02: borderSubtle02$1,
+  borderSubtleSelected02: borderSubtleSelected02$1,
+  borderSubtle03: borderSubtle03$1,
+  borderSubtleSelected03: borderSubtleSelected03$1,
+  borderStrong01: borderStrong01$1,
+  borderStrong02: borderStrong02$1,
+  borderStrong03: borderStrong03$1,
+  borderTile01: borderTile01$1,
+  borderTile02: borderTile02$1,
+  borderTile03: borderTile03$1,
+  borderInverse: borderInverse$5,
+  borderInteractive: borderInteractive$5,
+  borderDisabled: borderDisabled$5,
+  textPrimary: textPrimary$5,
+  textSecondary: textSecondary$5,
+  textPlaceholder: textPlaceholder$5,
+  textHelper: textHelper$5,
+  textError: textError$5,
+  textInverse: textInverse$5,
+  textOnColor: textOnColor$5,
+  textOnColorDisabled: textOnColorDisabled$5,
+  textDisabled: textDisabled$5,
+  linkPrimary: linkPrimary$5,
+  linkPrimaryHover: linkPrimaryHover$5,
+  linkSecondary: linkSecondary$5,
+  linkInverse: linkInverse$5,
+  linkVisited: linkVisited$5,
+  linkInverseVisited: linkInverseVisited$1,
+  linkInverseActive: linkInverseActive$1,
+  linkInverseHover: linkInverseHover$1,
+  iconPrimary: iconPrimary$5,
+  iconSecondary: iconSecondary$5,
+  iconInverse: iconInverse$5,
+  iconOnColor: iconOnColor$5,
+  iconOnColorDisabled: iconOnColorDisabled$5,
+  iconDisabled: iconDisabled$5,
+  iconInteractive: iconInteractive$1,
+  supportError: supportError$5,
+  supportSuccess: supportSuccess$5,
+  supportWarning: supportWarning$5,
+  supportInfo: supportInfo$5,
+  supportErrorInverse: supportErrorInverse$5,
+  supportSuccessInverse: supportSuccessInverse$5,
+  supportWarningInverse: supportWarningInverse$5,
+  supportInfoInverse: supportInfoInverse$5,
+  supportCautionMinor: supportCautionMinor$1,
+  supportCautionMajor: supportCautionMajor$1,
+  supportCautionUndefined: supportCautionUndefined$1,
+  focus: focus$6,
+  focusInset: focusInset$5,
+  focusInverse: focusInverse$5,
+  skeletonBackground: skeletonBackground$5,
+  skeletonElement: skeletonElement$5,
+  interactive: interactive$5,
+  highlight: highlight$5,
+  overlay: overlay$5,
+  toggleOff: toggleOff$5,
+  shadow: shadow$5,
+  aiInnerShadow: aiInnerShadow$1,
+  aiAuraStartSm: aiAuraStartSm$1,
+  aiAuraStart: aiAuraStart$1,
+  aiAuraEnd: aiAuraEnd$1,
+  aiBorderStrong: aiBorderStrong$1,
+  aiBorderStart: aiBorderStart$1,
+  aiBorderEnd: aiBorderEnd$1,
+  aiDropShadow: aiDropShadow$1,
+  aiAuraHoverBackground: aiAuraHoverBackground$1,
+  aiAuraHoverStart: aiAuraHoverStart$1,
+  aiAuraHoverEnd: aiAuraHoverEnd$1,
+  aiPopoverBackground: aiPopoverBackground$1,
+  aiPopoverShadowOuter01: aiPopoverShadowOuter01$1,
+  aiPopoverShadowOuter02: aiPopoverShadowOuter02$1,
+  aiSkeletonBackground: aiSkeletonBackground$1,
+  aiSkeletonElementBackground: aiSkeletonElementBackground$1,
+  aiOverlay: aiOverlay$1,
+  aiPopoverCaretCenter: aiPopoverCaretCenter$1,
+  aiPopoverCaretBottom: aiPopoverCaretBottom$1,
+  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$1,
+  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$1,
+  chatPromptBackground: chatPromptBackground$1,
+  chatPromptBorderStart: chatPromptBorderStart$1,
+  chatPromptBorderEnd: chatPromptBorderEnd$1,
+  chatBubbleUser: chatBubbleUser$1,
+  chatBubbleAgent: chatBubbleAgent$1,
+  chatBubbleBorder: chatBubbleBorder$1,
+  chatAvatarBot: chatAvatarBot$1,
+  chatAvatarAgent: chatAvatarAgent$1,
+  chatAvatarUser: chatAvatarUser$1,
+  chatShellBackground: chatShellBackground$1,
+  chatHeaderBackground: chatHeaderBackground$1,
+  chatButton: chatButton$1,
+  chatButtonHover: chatButtonHover$1,
+  chatButtonTextHover: chatButtonTextHover$1,
+  chatButtonActive: chatButtonActive$1,
+  chatButtonSelected: chatButtonSelected$1,
+  chatButtonTextSelected: chatButtonTextSelected$1,
+  caption01: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  sizeXSmall: sizeXSmall,
+  sizeSmall: sizeSmall,
+  sizeMedium: sizeMedium,
+  sizeLarge: sizeLarge,
+  sizeXLarge: sizeXLarge,
+  size2XLarge: size2XLarge,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07
+});
+
+const background$5 = gray100;
+const backgroundInverse$4 = gray10;
+const backgroundBrand$4 = blue60;
+const backgroundActive$4 = adjustAlpha(gray50, 0.4);
+const backgroundHover$4 = adjustAlpha(gray50, 0.16);
+const backgroundInverseHover$4 = gray10Hover;
+const backgroundSelected$4 = adjustAlpha(gray50, 0.24);
+const backgroundSelectedHover$4 = adjustAlpha(gray50, 0.32);
+const layer01 = gray90;
+const layerActive01 = gray70;
+const layerHover01 = gray90Hover;
+const layerSelected01 = gray80;
+const layerSelectedHover01 = gray80Hover;
+const layer02 = gray80;
+const layerActive02 = gray60;
+const layerHover02 = gray80Hover;
+const layerSelected02 = gray70;
+const layerSelectedHover02 = gray70Hover;
+const layer03 = gray70;
+const layerActive03 = gray50;
+const layerHover03 = gray70Hover;
+const layerSelected03 = gray60;
+const layerSelectedHover03 = gray60Hover;
+const layerSelectedInverse$4 = gray10;
+const layerSelectedDisabled$4 = gray40;
+const layerAccent01 = gray80;
+const layerAccentActive01 = gray60;
+const layerAccentHover01 = gray80Hover;
+const layerAccent02 = gray70;
+const layerAccentActive02 = gray50;
+const layerAccentHover02 = gray70Hover;
+const layerAccent03 = gray60;
+const layerAccentActive03 = gray80;
+const layerAccentHover03 = gray60Hover;
+const field01$4 = gray90;
+const fieldHover01 = gray90Hover;
+const field02$4 = gray80;
+const fieldHover02 = gray80Hover;
+const field03 = gray70;
+const fieldHover03 = gray70Hover;
+const borderSubtle00 = gray80;
+const borderSubtle01 = gray70;
+const borderSubtleSelected01 = gray60;
+const borderSubtle02 = gray60;
+const borderSubtleSelected02 = gray50;
+const borderSubtle03 = gray60;
+const borderSubtleSelected03 = gray50;
+const borderStrong01 = gray60;
+const borderStrong02 = gray50;
+const borderStrong03 = gray40;
+const borderTile01 = gray70;
+const borderTile02 = gray60;
+const borderTile03 = gray50;
+const borderInverse$4 = gray10;
+const borderInteractive$4 = blue50;
+const borderDisabled$4 = adjustAlpha(gray50, 0.5);
+const textPrimary$4 = gray10;
+const textSecondary$4 = gray30;
+const textPlaceholder$4 = adjustAlpha(textPrimary$4, 0.4);
+const textHelper$4 = gray40;
+const textError$4 = red40;
+const textInverse$4 = gray100;
+const textOnColor$4 = white$2;
+const textOnColorDisabled$4 = adjustAlpha(textOnColor$4, 0.25);
+const textDisabled$4 = adjustAlpha(textPrimary$4, 0.25);
+const linkPrimary$4 = blue40;
+const linkPrimaryHover$4 = blue30;
+const linkSecondary$4 = blue30;
+const linkInverse$4 = blue60;
+const linkVisited$4 = purple40;
+const linkInverseVisited = purple60;
+const linkInverseActive = gray100;
+const linkInverseHover = blue70;
+const iconPrimary$4 = gray10;
+const iconSecondary$4 = gray30;
+const iconInverse$4 = gray100;
+const iconOnColor$4 = white$2;
+const iconOnColorDisabled$4 = adjustAlpha(iconOnColor$4, 0.25);
+const iconDisabled$4 = adjustAlpha(iconPrimary$4, 0.25);
+const iconInteractive = white$2;
+const supportError$4 = red50;
+const supportSuccess$4 = green40;
+const supportWarning$4 = yellow30;
+const supportInfo$4 = blue50;
+const supportErrorInverse$4 = red60;
+const supportSuccessInverse$4 = green50;
+const supportWarningInverse$4 = yellow30;
+const supportInfoInverse$4 = blue70;
+const supportCautionMinor = yellow30;
+const supportCautionMajor = orange40;
+const supportCautionUndefined = purple50;
+const focus$5 = white$2;
+const focusInset$4 = gray100;
+const focusInverse$4 = blue60;
+const skeletonBackground$4 = adjustLightness(background$5, 7);
+const skeletonElement$4 = gray80;
+const interactive$4 = blue50;
+const highlight$4 = blue90;
+const overlay$4 = rgba(black, 0.65);
+const toggleOff$4 = gray60;
+const shadow$4 = rgba(black, 0.8);
+const aiInnerShadow = rgba(blue50, 0.16);
+const aiAuraStartSm = rgba(blue50, 0.16);
+const aiAuraStart = rgba(blue50, 0.1);
+const aiAuraEnd = rgba(black, 0);
+const aiBorderStrong = blue40;
+const aiBorderStart = rgba(blue30, 0.36);
+const aiBorderEnd = blue50;
+const aiDropShadow = rgba(black, 0.28);
+const aiAuraHoverBackground = layerHover01;
+const aiAuraHoverStart = rgba(blue50, 0.4);
+const aiAuraHoverEnd = rgba(black, 0);
+const aiPopoverBackground = gray100;
+const aiPopoverShadowOuter01 = rgba(black, 0.12);
+const aiPopoverShadowOuter02 = rgba(black, 0.08);
+const aiSkeletonBackground = rgba(blue40, 0.5);
+const aiSkeletonElementBackground = rgba(blue40, 0.3);
+const aiOverlay = rgba(black, 0.5);
+const aiPopoverCaretCenter = "#4870B5";
+const aiPopoverCaretBottom = blue50;
+const aiPopoverCaretBottomBackgroundActions = "#1E283A";
+const aiPopoverCaretBottomBackground = "#202D45";
+const chatPromptBackground = gray100;
+const chatPromptBorderStart = gray90;
+const chatPromptBorderEnd = rgba(gray90, 0);
+const chatBubbleUser = gray80;
+const chatBubbleAgent = gray90;
+const chatBubbleBorder = gray70;
+const chatAvatarBot = gray50;
+const chatAvatarAgent = gray30;
+const chatAvatarUser = blue50;
+const chatShellBackground = gray90;
+const chatHeaderBackground = gray90;
+const chatButton = linkPrimary$4;
+const chatButtonHover = backgroundHover$4;
+const chatButtonTextHover = linkPrimaryHover$4;
+const chatButtonActive = backgroundActive$4;
+const chatButtonSelected = backgroundSelected$4;
+const chatButtonTextSelected = textSecondary$4;
+
+var g100$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  background: background$5,
+  backgroundInverse: backgroundInverse$4,
+  backgroundBrand: backgroundBrand$4,
+  backgroundActive: backgroundActive$4,
+  backgroundHover: backgroundHover$4,
+  backgroundInverseHover: backgroundInverseHover$4,
+  backgroundSelected: backgroundSelected$4,
+  backgroundSelectedHover: backgroundSelectedHover$4,
+  layer01: layer01,
+  layerActive01: layerActive01,
+  layerHover01: layerHover01,
+  layerSelected01: layerSelected01,
+  layerSelectedHover01: layerSelectedHover01,
+  layer02: layer02,
+  layerActive02: layerActive02,
+  layerHover02: layerHover02,
+  layerSelected02: layerSelected02,
+  layerSelectedHover02: layerSelectedHover02,
+  layer03: layer03,
+  layerActive03: layerActive03,
+  layerHover03: layerHover03,
+  layerSelected03: layerSelected03,
+  layerSelectedHover03: layerSelectedHover03,
+  layerSelectedInverse: layerSelectedInverse$4,
+  layerSelectedDisabled: layerSelectedDisabled$4,
+  layerAccent01: layerAccent01,
+  layerAccentActive01: layerAccentActive01,
+  layerAccentHover01: layerAccentHover01,
+  layerAccent02: layerAccent02,
+  layerAccentActive02: layerAccentActive02,
+  layerAccentHover02: layerAccentHover02,
+  layerAccent03: layerAccent03,
+  layerAccentActive03: layerAccentActive03,
+  layerAccentHover03: layerAccentHover03,
+  field01: field01$4,
+  fieldHover01: fieldHover01,
+  field02: field02$4,
+  fieldHover02: fieldHover02,
+  field03: field03,
+  fieldHover03: fieldHover03,
+  borderSubtle00: borderSubtle00,
+  borderSubtle01: borderSubtle01,
+  borderSubtleSelected01: borderSubtleSelected01,
+  borderSubtle02: borderSubtle02,
+  borderSubtleSelected02: borderSubtleSelected02,
+  borderSubtle03: borderSubtle03,
+  borderSubtleSelected03: borderSubtleSelected03,
+  borderStrong01: borderStrong01,
+  borderStrong02: borderStrong02,
+  borderStrong03: borderStrong03,
+  borderTile01: borderTile01,
+  borderTile02: borderTile02,
+  borderTile03: borderTile03,
+  borderInverse: borderInverse$4,
+  borderInteractive: borderInteractive$4,
+  borderDisabled: borderDisabled$4,
+  textPrimary: textPrimary$4,
+  textSecondary: textSecondary$4,
+  textPlaceholder: textPlaceholder$4,
+  textHelper: textHelper$4,
+  textError: textError$4,
+  textInverse: textInverse$4,
+  textOnColor: textOnColor$4,
+  textOnColorDisabled: textOnColorDisabled$4,
+  textDisabled: textDisabled$4,
+  linkPrimary: linkPrimary$4,
+  linkPrimaryHover: linkPrimaryHover$4,
+  linkSecondary: linkSecondary$4,
+  linkInverse: linkInverse$4,
+  linkVisited: linkVisited$4,
+  linkInverseVisited: linkInverseVisited,
+  linkInverseActive: linkInverseActive,
+  linkInverseHover: linkInverseHover,
+  iconPrimary: iconPrimary$4,
+  iconSecondary: iconSecondary$4,
+  iconInverse: iconInverse$4,
+  iconOnColor: iconOnColor$4,
+  iconOnColorDisabled: iconOnColorDisabled$4,
+  iconDisabled: iconDisabled$4,
+  iconInteractive: iconInteractive,
+  supportError: supportError$4,
+  supportSuccess: supportSuccess$4,
+  supportWarning: supportWarning$4,
+  supportInfo: supportInfo$4,
+  supportErrorInverse: supportErrorInverse$4,
+  supportSuccessInverse: supportSuccessInverse$4,
+  supportWarningInverse: supportWarningInverse$4,
+  supportInfoInverse: supportInfoInverse$4,
+  supportCautionMinor: supportCautionMinor,
+  supportCautionMajor: supportCautionMajor,
+  supportCautionUndefined: supportCautionUndefined,
+  focus: focus$5,
+  focusInset: focusInset$4,
+  focusInverse: focusInverse$4,
+  skeletonBackground: skeletonBackground$4,
+  skeletonElement: skeletonElement$4,
+  interactive: interactive$4,
+  highlight: highlight$4,
+  overlay: overlay$4,
+  toggleOff: toggleOff$4,
+  shadow: shadow$4,
+  aiInnerShadow: aiInnerShadow,
+  aiAuraStartSm: aiAuraStartSm,
+  aiAuraStart: aiAuraStart,
+  aiAuraEnd: aiAuraEnd,
+  aiBorderStrong: aiBorderStrong,
+  aiBorderStart: aiBorderStart,
+  aiBorderEnd: aiBorderEnd,
+  aiDropShadow: aiDropShadow,
+  aiAuraHoverBackground: aiAuraHoverBackground,
+  aiAuraHoverStart: aiAuraHoverStart,
+  aiAuraHoverEnd: aiAuraHoverEnd,
+  aiPopoverBackground: aiPopoverBackground,
+  aiPopoverShadowOuter01: aiPopoverShadowOuter01,
+  aiPopoverShadowOuter02: aiPopoverShadowOuter02,
+  aiSkeletonBackground: aiSkeletonBackground,
+  aiSkeletonElementBackground: aiSkeletonElementBackground,
+  aiOverlay: aiOverlay,
+  aiPopoverCaretCenter: aiPopoverCaretCenter,
+  aiPopoverCaretBottom: aiPopoverCaretBottom,
+  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions,
+  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground,
+  chatPromptBackground: chatPromptBackground,
+  chatPromptBorderStart: chatPromptBorderStart,
+  chatPromptBorderEnd: chatPromptBorderEnd,
+  chatBubbleUser: chatBubbleUser,
+  chatBubbleAgent: chatBubbleAgent,
+  chatBubbleBorder: chatBubbleBorder,
+  chatAvatarBot: chatAvatarBot,
+  chatAvatarAgent: chatAvatarAgent,
+  chatAvatarUser: chatAvatarUser,
+  chatShellBackground: chatShellBackground,
+  chatHeaderBackground: chatHeaderBackground,
+  chatButton: chatButton,
+  chatButtonHover: chatButtonHover,
+  chatButtonTextHover: chatButtonTextHover,
+  chatButtonActive: chatButtonActive,
+  chatButtonSelected: chatButtonSelected,
+  chatButtonTextSelected: chatButtonTextSelected,
+  caption01: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  sizeXSmall: sizeXSmall,
+  sizeSmall: sizeSmall,
+  sizeMedium: sizeMedium,
+  sizeLarge: sizeLarge,
+  sizeXLarge: sizeXLarge,
+  size2XLarge: size2XLarge,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07
+});
+
+const interactive01$3 = blue60;
+const interactive02$3 = gray80;
+const interactive03$3 = blue60;
+const interactive04$3 = blue60;
+const uiBackground$3 = white$2;
+const ui01$3 = gray10;
+const ui02$3 = white$2;
+const ui03$3 = gray20;
+const ui04$3 = gray50;
+const ui05$3 = gray100;
+const text01$3 = gray100;
+const text02$3 = gray70;
+const text03$3 = gray40;
+const text04$3 = white$2;
+const text05$3 = gray60;
+const textError$3 = red60;
+const icon01$3 = gray100;
+const icon02$3 = gray70;
+const icon03$3 = white$2;
+const link01$3 = blue60;
+const link02$3 = blue70;
+const inverseLink$3 = blue40;
+const field01$3 = gray10;
+const field02$3 = white$2;
+const inverse01$3 = white$2;
+const inverse02$3 = gray80;
+const support01$3 = red60;
+const support02$3 = green60;
+const support03$3 = yellow30;
+const support04$3 = blue70;
+const inverseSupport01$3 = red50;
+const inverseSupport02$3 = green40;
+const inverseSupport03$3 = yellow30;
+const inverseSupport04$3 = blue50;
+const overlay01$3 = rgba(gray100, 0.5);
+const danger01$3 = red60;
+const danger02$3 = red60;
+const focus$4 = blue60;
+const inverseFocusUi$3 = white$2;
+const hoverPrimary$3 = "#0353e9";
+const activePrimary$3 = blue80;
+const hoverPrimaryText$3 = blue70;
+const hoverSecondary$3 = "#4c4c4c";
+const activeSecondary$3 = gray60;
+const hoverTertiary$3 = "#0353e9";
+const activeTertiary$3 = blue80;
+const hoverUI$3 = "#e5e5e5";
+const hoverLightUI$3 = "#e5e5e5";
+const activeUI$3 = gray30;
+const activeLightUI$3 = gray30;
+const selectedUI$3 = gray20;
+const selectedLightUI$3 = gray20;
+const inverseHoverUI$3 = "#4c4c4c";
+const hoverSelectedUI$3 = "#cacaca";
+const hoverDanger$3 = adjustLightness(danger01$3, -8);
+const activeDanger$3 = red80;
+const hoverRow$3 = "#e5e5e5";
+const visitedLink$3 = purple60;
+const disabled01$3 = gray10;
+const disabled02$3 = gray30;
+const disabled03$3 = gray50;
+const highlight$3 = blue20;
+const decorative01$3 = gray20;
+const buttonSeparator$4 = "#e0e0e0";
+const skeleton01$3 = "#e5e5e5";
+const skeleton02$3 = gray30;
+const background$4 = uiBackground$3;
+const layer$4 = ui01$3;
+const layerAccent$3 = ui03$3;
+const layerAccentActive$3 = gray40;
+const layerAccentHover$3 = adjustLightness(layerAccent$3, -6);
+const field$4 = field01$3;
+const backgroundInverse$3 = inverse02$3;
+const backgroundBrand$3 = interactive01$3;
+const interactive$3 = interactive04$3;
+const borderSubtle$3 = ui03$3;
+const borderStrong$3 = ui04$3;
+const borderInverse$3 = ui05$3;
+const borderInteractive$3 = interactive04$3;
+const textPrimary$3 = text01$3;
+const textSecondary$3 = text02$3;
+const textPlaceholder$3 = text03$3;
+const textHelper$3 = text05$3;
+const textOnColor$3 = text04$3;
+const textInverse$3 = inverse01$3;
+const linkPrimary$3 = link01$3;
+const linkSecondary$3 = link02$3;
+const linkVisited$3 = visitedLink$3;
+const linkInverse$3 = inverseLink$3;
+const iconPrimary$3 = icon01$3;
+const iconSecondary$3 = icon02$3;
+const iconOnColor$3 = icon03$3;
+const iconInverse$3 = inverse01$3;
+const supportError$3 = support01$3;
+const supportSuccess$3 = support02$3;
+const supportWarning$3 = support03$3;
+const supportInfo$3 = support04$3;
+const supportErrorInverse$3 = inverseSupport01$3;
+const supportSuccessInverse$3 = inverseSupport02$3;
+const supportWarningInverse$3 = inverseSupport03$3;
+const supportInfoInverse$3 = inverseSupport04$3;
+const overlay$3 = overlay01$3;
+const toggleOff$3 = ui04$3;
+const shadow$3 = rgba(black, 0.3);
+const buttonPrimary$4 = interactive01$3;
+const buttonSecondary$4 = interactive02$3;
+const buttonTertiary$4 = interactive03$3;
+const buttonDangerPrimary$4 = danger01$3;
+const buttonDangerSecondary$4 = danger02$3;
+const backgroundActive$3 = activeUI$3;
+const layerActive$3 = activeUI$3;
+const buttonDangerActive$4 = activeDanger$3;
+const buttonPrimaryActive$4 = activePrimary$3;
+const buttonSecondaryActive$4 = activeSecondary$3;
+const buttonTertiaryActive$4 = activeTertiary$3;
+const focusInset$3 = inverse01$3;
+const focusInverse$3 = inverseFocusUi$3;
+const backgroundHover$3 = hoverUI$3;
+const layerHover$3 = hoverUI$3;
+const fieldHover$3 = hoverUI$3;
+const backgroundInverseHover$3 = inverseHoverUI$3;
+const linkPrimaryHover$3 = hoverPrimaryText$3;
+const buttonDangerHover$4 = hoverDanger$3;
+const buttonPrimaryHover$4 = hoverPrimary$3;
+const buttonSecondaryHover$4 = hoverSecondary$3;
+const buttonTertiaryHover$4 = hoverTertiary$3;
+const backgroundSelected$3 = selectedUI$3;
+const backgroundSelectedHover$3 = hoverSelectedUI$3;
+const layerSelected$3 = selectedUI$3;
+const layerSelectedHover$3 = hoverSelectedUI$3;
+const layerSelectedInverse$3 = ui05$3;
+const borderSubtleSelected$3 = activeUI$3;
+const borderDisabled$3 = disabled01$3;
+const textDisabled$3 = disabled02$3;
+const buttonDisabled$4 = disabled02$3;
+const iconDisabled$3 = disabled02$3;
+const textOnColorDisabled$3 = disabled03$3;
+const iconOnColorDisabled$3 = disabled03$3;
+const layerSelectedDisabled$3 = disabled03$3;
+const skeletonBackground$3 = skeleton01$3;
+const skeletonElement$3 = skeleton02$3;
+const brand01$3 = interactive01$3;
+const brand02$3 = interactive02$3;
+const brand03$3 = interactive03$3;
+const active01$3 = activeUI$3;
+const hoverField$3 = hoverUI$3;
+const danger$3 = danger01$3;
+
+var white = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  interactive01: interactive01$3,
+  interactive02: interactive02$3,
+  interactive03: interactive03$3,
+  interactive04: interactive04$3,
+  uiBackground: uiBackground$3,
+  ui01: ui01$3,
+  ui02: ui02$3,
+  ui03: ui03$3,
+  ui04: ui04$3,
+  ui05: ui05$3,
+  text01: text01$3,
+  text02: text02$3,
+  text03: text03$3,
+  text04: text04$3,
+  text05: text05$3,
+  textError: textError$3,
+  icon01: icon01$3,
+  icon02: icon02$3,
+  icon03: icon03$3,
+  link01: link01$3,
+  link02: link02$3,
+  inverseLink: inverseLink$3,
+  field01: field01$3,
+  field02: field02$3,
+  inverse01: inverse01$3,
+  inverse02: inverse02$3,
+  support01: support01$3,
+  support02: support02$3,
+  support03: support03$3,
+  support04: support04$3,
+  inverseSupport01: inverseSupport01$3,
+  inverseSupport02: inverseSupport02$3,
+  inverseSupport03: inverseSupport03$3,
+  inverseSupport04: inverseSupport04$3,
+  overlay01: overlay01$3,
+  danger01: danger01$3,
+  danger02: danger02$3,
+  focus: focus$4,
+  inverseFocusUi: inverseFocusUi$3,
+  hoverPrimary: hoverPrimary$3,
+  activePrimary: activePrimary$3,
+  hoverPrimaryText: hoverPrimaryText$3,
+  hoverSecondary: hoverSecondary$3,
+  activeSecondary: activeSecondary$3,
+  hoverTertiary: hoverTertiary$3,
+  activeTertiary: activeTertiary$3,
+  hoverUI: hoverUI$3,
+  hoverLightUI: hoverLightUI$3,
+  activeUI: activeUI$3,
+  activeLightUI: activeLightUI$3,
+  selectedUI: selectedUI$3,
+  selectedLightUI: selectedLightUI$3,
+  inverseHoverUI: inverseHoverUI$3,
+  hoverSelectedUI: hoverSelectedUI$3,
+  hoverDanger: hoverDanger$3,
+  activeDanger: activeDanger$3,
+  hoverRow: hoverRow$3,
+  visitedLink: visitedLink$3,
+  disabled01: disabled01$3,
+  disabled02: disabled02$3,
+  disabled03: disabled03$3,
+  highlight: highlight$3,
+  decorative01: decorative01$3,
+  buttonSeparator: buttonSeparator$4,
+  skeleton01: skeleton01$3,
+  skeleton02: skeleton02$3,
+  background: background$4,
+  layer: layer$4,
+  layerAccent: layerAccent$3,
+  layerAccentActive: layerAccentActive$3,
+  layerAccentHover: layerAccentHover$3,
+  field: field$4,
+  backgroundInverse: backgroundInverse$3,
+  backgroundBrand: backgroundBrand$3,
+  interactive: interactive$3,
+  borderSubtle: borderSubtle$3,
+  borderStrong: borderStrong$3,
+  borderInverse: borderInverse$3,
+  borderInteractive: borderInteractive$3,
+  textPrimary: textPrimary$3,
+  textSecondary: textSecondary$3,
+  textPlaceholder: textPlaceholder$3,
+  textHelper: textHelper$3,
+  textOnColor: textOnColor$3,
+  textInverse: textInverse$3,
+  linkPrimary: linkPrimary$3,
+  linkSecondary: linkSecondary$3,
+  linkVisited: linkVisited$3,
+  linkInverse: linkInverse$3,
+  iconPrimary: iconPrimary$3,
+  iconSecondary: iconSecondary$3,
+  iconOnColor: iconOnColor$3,
+  iconInverse: iconInverse$3,
+  supportError: supportError$3,
+  supportSuccess: supportSuccess$3,
+  supportWarning: supportWarning$3,
+  supportInfo: supportInfo$3,
+  supportErrorInverse: supportErrorInverse$3,
+  supportSuccessInverse: supportSuccessInverse$3,
+  supportWarningInverse: supportWarningInverse$3,
+  supportInfoInverse: supportInfoInverse$3,
+  overlay: overlay$3,
+  toggleOff: toggleOff$3,
+  shadow: shadow$3,
+  buttonPrimary: buttonPrimary$4,
+  buttonSecondary: buttonSecondary$4,
+  buttonTertiary: buttonTertiary$4,
+  buttonDangerPrimary: buttonDangerPrimary$4,
+  buttonDangerSecondary: buttonDangerSecondary$4,
+  backgroundActive: backgroundActive$3,
+  layerActive: layerActive$3,
+  buttonDangerActive: buttonDangerActive$4,
+  buttonPrimaryActive: buttonPrimaryActive$4,
+  buttonSecondaryActive: buttonSecondaryActive$4,
+  buttonTertiaryActive: buttonTertiaryActive$4,
+  focusInset: focusInset$3,
+  focusInverse: focusInverse$3,
+  backgroundHover: backgroundHover$3,
+  layerHover: layerHover$3,
+  fieldHover: fieldHover$3,
+  backgroundInverseHover: backgroundInverseHover$3,
+  linkPrimaryHover: linkPrimaryHover$3,
+  buttonDangerHover: buttonDangerHover$4,
+  buttonPrimaryHover: buttonPrimaryHover$4,
+  buttonSecondaryHover: buttonSecondaryHover$4,
+  buttonTertiaryHover: buttonTertiaryHover$4,
+  backgroundSelected: backgroundSelected$3,
+  backgroundSelectedHover: backgroundSelectedHover$3,
+  layerSelected: layerSelected$3,
+  layerSelectedHover: layerSelectedHover$3,
+  layerSelectedInverse: layerSelectedInverse$3,
+  borderSubtleSelected: borderSubtleSelected$3,
+  borderDisabled: borderDisabled$3,
+  textDisabled: textDisabled$3,
+  buttonDisabled: buttonDisabled$4,
+  iconDisabled: iconDisabled$3,
+  textOnColorDisabled: textOnColorDisabled$3,
+  iconOnColorDisabled: iconOnColorDisabled$3,
+  layerSelectedDisabled: layerSelectedDisabled$3,
+  skeletonBackground: skeletonBackground$3,
+  skeletonElement: skeletonElement$3,
+  brand01: brand01$3,
+  brand02: brand02$3,
+  brand03: brand03$3,
+  active01: active01$3,
+  hoverField: hoverField$3,
+  danger: danger$3,
+  caption01: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  legal01: legal01,
+  legal02: legal02,
+  bodyCompact01: bodyCompact01,
+  bodyCompact02: bodyCompact02,
+  body01: body01,
+  body02: body02,
+  headingCompact01: headingCompact01,
+  headingCompact02: headingCompact02,
+  heading03: heading03,
+  heading04: heading04,
+  heading05: heading05,
+  heading06: heading06,
+  heading07: heading07,
+  fluidHeading03: fluidHeading03,
+  fluidHeading04: fluidHeading04,
+  fluidHeading05: fluidHeading05,
+  fluidHeading06: fluidHeading06,
+  fluidParagraph01: fluidParagraph01,
+  fluidQuotation01: fluidQuotation01,
+  fluidQuotation02: fluidQuotation02,
+  fluidDisplay01: fluidDisplay01,
+  fluidDisplay02: fluidDisplay02,
+  fluidDisplay03: fluidDisplay03,
+  fluidDisplay04: fluidDisplay04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  sizeXSmall: sizeXSmall,
+  sizeSmall: sizeSmall,
+  sizeMedium: sizeMedium,
+  sizeLarge: sizeLarge,
+  sizeXLarge: sizeXLarge,
+  size2XLarge: size2XLarge,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07
+});
+
+const interactive01$2 = blue60;
+const interactive02$2 = gray80;
+const interactive03$2 = blue60;
+const interactive04$2 = blue60;
+const uiBackground$2 = gray10;
+const ui01$2 = white$2;
+const ui02$2 = gray10;
+const ui03$2 = gray20;
+const ui04$2 = gray50;
+const ui05$2 = gray100;
+const text01$2 = gray100;
+const text02$2 = gray70;
+const text03$2 = gray40;
+const text04$2 = white$2;
+const text05$2 = gray60;
+const textError$2 = red60;
+const icon01$2 = gray100;
+const icon02$2 = gray70;
+const icon03$2 = white$2;
+const link01$2 = blue60;
+const link02$2 = blue70;
+const inverseLink$2 = blue40;
+const field01$2 = white$2;
+const field02$2 = gray10;
+const inverse01$2 = white$2;
+const inverse02$2 = gray80;
+const support01$2 = red60;
+const support02$2 = green60;
+const support03$2 = yellow30;
+const support04$2 = blue70;
+const inverseSupport01$2 = red50;
+const inverseSupport02$2 = green40;
+const inverseSupport03$2 = yellow30;
+const inverseSupport04$2 = blue50;
+const overlay01$2 = rgba(gray100, 0.5);
+const danger01$2 = red60;
+const danger02$2 = red60;
+const focus$3 = blue60;
+const inverseFocusUi$2 = white$2;
+const hoverPrimary$2 = "#0353e9";
+const activePrimary$2 = blue80;
+const hoverPrimaryText$2 = blue70;
+const hoverSecondary$2 = "#4c4c4c";
+const activeSecondary$2 = gray60;
+const hoverTertiary$2 = "#0353e9";
+const activeTertiary$2 = blue80;
+const hoverUI$2 = "#e5e5e5";
+const hoverLightUI$2 = "#e5e5e5";
+const activeUI$2 = gray30;
+const activeLightUI$2 = gray30;
+const selectedUI$2 = gray20;
+const selectedLightUI$2 = gray20;
+const inverseHoverUI$2 = "#4c4c4c";
+const hoverSelectedUI$2 = "#cacaca";
+const hoverDanger$2 = adjustLightness(danger01$2, -8);
+const activeDanger$2 = red80;
+const hoverRow$2 = "#e5e5e5";
+const visitedLink$2 = purple60;
+const disabled01$2 = white$2;
+const disabled02$2 = gray30;
+const disabled03$2 = gray50;
+const highlight$2 = blue20;
+const decorative01$2 = gray20;
+const buttonSeparator$3 = "#e0e0e0";
+const skeleton01$2 = "#e5e5e5";
+const skeleton02$2 = gray30;
+const background$3 = uiBackground$2;
+const layer$3 = ui01$2;
+const layerAccent$2 = ui03$2;
+const layerAccentActive$2 = gray40;
+const layerAccentHover$2 = adjustLightness(layerAccent$2, -6);
+const field$3 = field01$2;
+const backgroundInverse$2 = inverse02$2;
+const backgroundBrand$2 = interactive01$2;
+const interactive$2 = interactive04$2;
+const borderSubtle$2 = ui03$2;
+const borderStrong$2 = ui04$2;
+const borderInverse$2 = ui05$2;
+const borderInteractive$2 = interactive04$2;
+const textPrimary$2 = text01$2;
+const textSecondary$2 = text02$2;
+const textPlaceholder$2 = text03$2;
+const textHelper$2 = text05$2;
+const textOnColor$2 = text04$2;
+const textInverse$2 = inverse01$2;
+const linkPrimary$2 = link01$2;
+const linkSecondary$2 = link02$2;
+const linkVisited$2 = visitedLink$2;
+const linkInverse$2 = inverseLink$2;
+const iconPrimary$2 = icon01$2;
+const iconSecondary$2 = icon02$2;
+const iconOnColor$2 = icon03$2;
+const iconInverse$2 = inverse01$2;
+const supportError$2 = support01$2;
+const supportSuccess$2 = support02$2;
+const supportWarning$2 = support03$2;
+const supportInfo$2 = support04$2;
+const supportErrorInverse$2 = inverseSupport01$2;
+const supportSuccessInverse$2 = inverseSupport02$2;
+const supportWarningInverse$2 = inverseSupport03$2;
+const supportInfoInverse$2 = inverseSupport04$2;
+const overlay$2 = overlay01$2;
+const toggleOff$2 = ui04$2;
+const shadow$2 = rgba(black, 0.3);
+const buttonPrimary$3 = interactive01$2;
+const buttonSecondary$3 = interactive02$2;
+const buttonTertiary$3 = interactive03$2;
+const buttonDangerPrimary$3 = danger01$2;
+const buttonDangerSecondary$3 = danger02$2;
+const backgroundActive$2 = activeUI$2;
+const layerActive$2 = activeUI$2;
+const buttonDangerActive$3 = activeDanger$2;
+const buttonPrimaryActive$3 = activePrimary$2;
+const buttonSecondaryActive$3 = activeSecondary$2;
+const buttonTertiaryActive$3 = activeTertiary$2;
+const focusInset$2 = inverse01$2;
+const focusInverse$2 = inverseFocusUi$2;
+const backgroundHover$2 = hoverUI$2;
+const layerHover$2 = hoverUI$2;
+const fieldHover$2 = hoverUI$2;
+const backgroundInverseHover$2 = inverseHoverUI$2;
+const linkPrimaryHover$2 = hoverPrimaryText$2;
+const buttonDangerHover$3 = hoverDanger$2;
+const buttonPrimaryHover$3 = hoverPrimary$2;
+const buttonSecondaryHover$3 = hoverSecondary$2;
+const buttonTertiaryHover$3 = hoverTertiary$2;
+const backgroundSelected$2 = selectedUI$2;
+const backgroundSelectedHover$2 = hoverSelectedUI$2;
+const layerSelected$2 = selectedUI$2;
+const layerSelectedHover$2 = hoverSelectedUI$2;
+const layerSelectedInverse$2 = ui05$2;
+const borderSubtleSelected$2 = activeUI$2;
+const borderDisabled$2 = disabled01$2;
+const textDisabled$2 = disabled02$2;
+const buttonDisabled$3 = disabled02$2;
+const iconDisabled$2 = disabled02$2;
+const textOnColorDisabled$2 = disabled03$2;
+const iconOnColorDisabled$2 = disabled03$2;
+const layerSelectedDisabled$2 = disabled03$2;
+const skeletonBackground$2 = skeleton01$2;
+const skeletonElement$2 = skeleton02$2;
+const brand01$2 = interactive01$2;
+const brand02$2 = interactive02$2;
+const brand03$2 = interactive03$2;
+const active01$2 = activeUI$2;
+const hoverField$2 = hoverUI$2;
+const danger$2 = danger01$2;
+
+var g10 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  interactive01: interactive01$2,
+  interactive02: interactive02$2,
+  interactive03: interactive03$2,
+  interactive04: interactive04$2,
+  uiBackground: uiBackground$2,
+  ui01: ui01$2,
+  ui02: ui02$2,
+  ui03: ui03$2,
+  ui04: ui04$2,
+  ui05: ui05$2,
+  text01: text01$2,
+  text02: text02$2,
+  text03: text03$2,
+  text04: text04$2,
+  text05: text05$2,
+  textError: textError$2,
+  icon01: icon01$2,
+  icon02: icon02$2,
+  icon03: icon03$2,
+  link01: link01$2,
+  link02: link02$2,
+  inverseLink: inverseLink$2,
+  field01: field01$2,
+  field02: field02$2,
+  inverse01: inverse01$2,
+  inverse02: inverse02$2,
+  support01: support01$2,
+  support02: support02$2,
+  support03: support03$2,
+  support04: support04$2,
+  inverseSupport01: inverseSupport01$2,
+  inverseSupport02: inverseSupport02$2,
+  inverseSupport03: inverseSupport03$2,
+  inverseSupport04: inverseSupport04$2,
+  overlay01: overlay01$2,
+  danger01: danger01$2,
+  danger02: danger02$2,
+  focus: focus$3,
+  inverseFocusUi: inverseFocusUi$2,
+  hoverPrimary: hoverPrimary$2,
+  activePrimary: activePrimary$2,
+  hoverPrimaryText: hoverPrimaryText$2,
+  hoverSecondary: hoverSecondary$2,
+  activeSecondary: activeSecondary$2,
+  hoverTertiary: hoverTertiary$2,
+  activeTertiary: activeTertiary$2,
+  hoverUI: hoverUI$2,
+  hoverLightUI: hoverLightUI$2,
+  activeUI: activeUI$2,
+  activeLightUI: activeLightUI$2,
+  selectedUI: selectedUI$2,
+  selectedLightUI: selectedLightUI$2,
+  inverseHoverUI: inverseHoverUI$2,
+  hoverSelectedUI: hoverSelectedUI$2,
+  hoverDanger: hoverDanger$2,
+  activeDanger: activeDanger$2,
+  hoverRow: hoverRow$2,
+  visitedLink: visitedLink$2,
+  disabled01: disabled01$2,
+  disabled02: disabled02$2,
+  disabled03: disabled03$2,
+  highlight: highlight$2,
+  decorative01: decorative01$2,
+  buttonSeparator: buttonSeparator$3,
+  skeleton01: skeleton01$2,
+  skeleton02: skeleton02$2,
+  background: background$3,
+  layer: layer$3,
+  layerAccent: layerAccent$2,
+  layerAccentActive: layerAccentActive$2,
+  layerAccentHover: layerAccentHover$2,
+  field: field$3,
+  backgroundInverse: backgroundInverse$2,
+  backgroundBrand: backgroundBrand$2,
+  interactive: interactive$2,
+  borderSubtle: borderSubtle$2,
+  borderStrong: borderStrong$2,
+  borderInverse: borderInverse$2,
+  borderInteractive: borderInteractive$2,
+  textPrimary: textPrimary$2,
+  textSecondary: textSecondary$2,
+  textPlaceholder: textPlaceholder$2,
+  textHelper: textHelper$2,
+  textOnColor: textOnColor$2,
+  textInverse: textInverse$2,
+  linkPrimary: linkPrimary$2,
+  linkSecondary: linkSecondary$2,
+  linkVisited: linkVisited$2,
+  linkInverse: linkInverse$2,
+  iconPrimary: iconPrimary$2,
+  iconSecondary: iconSecondary$2,
+  iconOnColor: iconOnColor$2,
+  iconInverse: iconInverse$2,
+  supportError: supportError$2,
+  supportSuccess: supportSuccess$2,
+  supportWarning: supportWarning$2,
+  supportInfo: supportInfo$2,
+  supportErrorInverse: supportErrorInverse$2,
+  supportSuccessInverse: supportSuccessInverse$2,
+  supportWarningInverse: supportWarningInverse$2,
+  supportInfoInverse: supportInfoInverse$2,
+  overlay: overlay$2,
+  toggleOff: toggleOff$2,
+  shadow: shadow$2,
+  buttonPrimary: buttonPrimary$3,
+  buttonSecondary: buttonSecondary$3,
+  buttonTertiary: buttonTertiary$3,
+  buttonDangerPrimary: buttonDangerPrimary$3,
+  buttonDangerSecondary: buttonDangerSecondary$3,
+  backgroundActive: backgroundActive$2,
+  layerActive: layerActive$2,
+  buttonDangerActive: buttonDangerActive$3,
+  buttonPrimaryActive: buttonPrimaryActive$3,
+  buttonSecondaryActive: buttonSecondaryActive$3,
+  buttonTertiaryActive: buttonTertiaryActive$3,
+  focusInset: focusInset$2,
+  focusInverse: focusInverse$2,
+  backgroundHover: backgroundHover$2,
+  layerHover: layerHover$2,
+  fieldHover: fieldHover$2,
+  backgroundInverseHover: backgroundInverseHover$2,
+  linkPrimaryHover: linkPrimaryHover$2,
+  buttonDangerHover: buttonDangerHover$3,
+  buttonPrimaryHover: buttonPrimaryHover$3,
+  buttonSecondaryHover: buttonSecondaryHover$3,
+  buttonTertiaryHover: buttonTertiaryHover$3,
+  backgroundSelected: backgroundSelected$2,
+  backgroundSelectedHover: backgroundSelectedHover$2,
+  layerSelected: layerSelected$2,
+  layerSelectedHover: layerSelectedHover$2,
+  layerSelectedInverse: layerSelectedInverse$2,
+  borderSubtleSelected: borderSubtleSelected$2,
+  borderDisabled: borderDisabled$2,
+  textDisabled: textDisabled$2,
+  buttonDisabled: buttonDisabled$3,
+  iconDisabled: iconDisabled$2,
+  textOnColorDisabled: textOnColorDisabled$2,
+  iconOnColorDisabled: iconOnColorDisabled$2,
+  layerSelectedDisabled: layerSelectedDisabled$2,
+  skeletonBackground: skeletonBackground$2,
+  skeletonElement: skeletonElement$2,
+  brand01: brand01$2,
+  brand02: brand02$2,
+  brand03: brand03$2,
+  active01: active01$2,
+  hoverField: hoverField$2,
+  danger: danger$2,
+  caption01: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  legal01: legal01,
+  legal02: legal02,
+  bodyCompact01: bodyCompact01,
+  bodyCompact02: bodyCompact02,
+  body01: body01,
+  body02: body02,
+  headingCompact01: headingCompact01,
+  headingCompact02: headingCompact02,
+  heading03: heading03,
+  heading04: heading04,
+  heading05: heading05,
+  heading06: heading06,
+  heading07: heading07,
+  fluidHeading03: fluidHeading03,
+  fluidHeading04: fluidHeading04,
+  fluidHeading05: fluidHeading05,
+  fluidHeading06: fluidHeading06,
+  fluidParagraph01: fluidParagraph01,
+  fluidQuotation01: fluidQuotation01,
+  fluidQuotation02: fluidQuotation02,
+  fluidDisplay01: fluidDisplay01,
+  fluidDisplay02: fluidDisplay02,
+  fluidDisplay03: fluidDisplay03,
+  fluidDisplay04: fluidDisplay04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  sizeXSmall: sizeXSmall,
+  sizeSmall: sizeSmall,
+  sizeMedium: sizeMedium,
+  sizeLarge: sizeLarge,
+  sizeXLarge: sizeXLarge,
+  size2XLarge: size2XLarge,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07
+});
+
+const interactive01$1 = blue60;
+const interactive02$1 = gray60;
+const interactive03$1 = white$2;
+const interactive04$1 = blue50;
+const uiBackground$1 = gray90;
+const ui01$1 = gray80;
+const ui02$1 = gray70;
+const ui03$1 = gray70;
+const ui04$1 = gray50;
+const ui05$1 = gray10;
+const text01$1 = gray10;
+const text02$1 = gray30;
+const text03$1 = gray60;
+const text04$1 = white$2;
+const text05$1 = gray50;
+const textError$1 = red30;
+const icon01$1 = gray10;
+const icon02$1 = gray30;
+const icon03$1 = white$2;
+const link01$1 = blue40;
+const link02$1 = blue30;
+const inverseLink$1 = blue60;
+const field01$1 = gray80;
+const field02$1 = gray70;
+const inverse01$1 = gray100;
+const inverse02$1 = gray10;
+const support01$1 = red40;
+const support02$1 = green40;
+const support03$1 = yellow30;
+const support04$1 = blue50;
+const inverseSupport01$1 = red60;
+const inverseSupport02$1 = green50;
+const inverseSupport03$1 = yellow30;
+const inverseSupport04$1 = blue60;
+const overlay01$1 = rgba(black, 0.65);
+const danger01$1 = red60;
+const danger02$1 = red40;
+const focus$2 = white$2;
+const inverseFocusUi$1 = blue60;
+const hoverPrimary$1 = "#0353e9";
+const activePrimary$1 = blue80;
+const hoverPrimaryText$1 = blue30;
+const hoverSecondary$1 = "#606060";
+const activeSecondary$1 = gray80;
+const hoverTertiary$1 = gray10;
+const activeTertiary$1 = gray30;
+const hoverUI$1 = "#4c4c4c";
+const hoverLightUI$1 = "#656565";
+const activeUI$1 = gray60;
+const activeLightUI$1 = gray50;
+const selectedUI$1 = gray70;
+const selectedLightUI$1 = gray60;
+const inverseHoverUI$1 = "#e5e5e5";
+const hoverSelectedUI$1 = "#656565";
+const hoverDanger$1 = adjustLightness(danger01$1, -8);
+const activeDanger$1 = red80;
+const hoverRow$1 = "#4c4c4c";
+const visitedLink$1 = purple40;
+const disabled01$1 = gray80;
+const disabled02$1 = gray60;
+const disabled03$1 = gray40;
+const highlight$1 = blue70;
+const decorative01$1 = gray60;
+const buttonSeparator$2 = "#161616";
+const skeleton01$1 = "#353535";
+const skeleton02$1 = gray70;
+const background$2 = uiBackground$1;
+const layer$2 = ui01$1;
+const layerAccent$1 = ui03$1;
+const layerAccentActive$1 = gray50;
+const layerAccentHover$1 = adjustLightness(layerAccent$1, 7);
+const field$2 = field01$1;
+const backgroundInverse$1 = inverse02$1;
+const backgroundBrand$1 = interactive01$1;
+const interactive$1 = interactive04$1;
+const borderSubtle$1 = ui03$1;
+const borderStrong$1 = ui04$1;
+const borderInverse$1 = ui05$1;
+const borderInteractive$1 = interactive04$1;
+const textPrimary$1 = text01$1;
+const textSecondary$1 = text02$1;
+const textPlaceholder$1 = text03$1;
+const textHelper$1 = text05$1;
+const textOnColor$1 = text04$1;
+const textInverse$1 = inverse01$1;
+const linkPrimary$1 = link01$1;
+const linkSecondary$1 = link02$1;
+const linkVisited$1 = visitedLink$1;
+const linkInverse$1 = inverseLink$1;
+const iconPrimary$1 = icon01$1;
+const iconSecondary$1 = icon02$1;
+const iconOnColor$1 = icon03$1;
+const iconInverse$1 = inverse01$1;
+const supportError$1 = support01$1;
+const supportSuccess$1 = support02$1;
+const supportWarning$1 = support03$1;
+const supportInfo$1 = support04$1;
+const supportErrorInverse$1 = inverseSupport01$1;
+const supportSuccessInverse$1 = inverseSupport02$1;
+const supportWarningInverse$1 = inverseSupport03$1;
+const supportInfoInverse$1 = inverseSupport04$1;
+const overlay$1 = overlay01$1;
+const toggleOff$1 = ui04$1;
+const shadow$1 = rgba(black, 0.8);
+const buttonPrimary$2 = interactive01$1;
+const buttonSecondary$2 = interactive02$1;
+const buttonTertiary$2 = interactive03$1;
+const buttonDangerPrimary$2 = danger01$1;
+const buttonDangerSecondary$2 = danger02$1;
+const backgroundActive$1 = activeUI$1;
+const layerActive$1 = activeUI$1;
+const buttonDangerActive$2 = activeDanger$1;
+const buttonPrimaryActive$2 = activePrimary$1;
+const buttonSecondaryActive$2 = activeSecondary$1;
+const buttonTertiaryActive$2 = activeTertiary$1;
+const focusInset$1 = inverse01$1;
+const focusInverse$1 = inverseFocusUi$1;
+const backgroundHover$1 = hoverUI$1;
+const layerHover$1 = hoverUI$1;
+const fieldHover$1 = hoverUI$1;
+const backgroundInverseHover$1 = inverseHoverUI$1;
+const linkPrimaryHover$1 = hoverPrimaryText$1;
+const buttonDangerHover$2 = hoverDanger$1;
+const buttonPrimaryHover$2 = hoverPrimary$1;
+const buttonSecondaryHover$2 = hoverSecondary$1;
+const buttonTertiaryHover$2 = hoverTertiary$1;
+const backgroundSelected$1 = selectedUI$1;
+const backgroundSelectedHover$1 = hoverSelectedUI$1;
+const layerSelected$1 = selectedUI$1;
+const layerSelectedHover$1 = hoverSelectedUI$1;
+const layerSelectedInverse$1 = ui05$1;
+const borderSubtleSelected$1 = activeUI$1;
+const borderDisabled$1 = disabled01$1;
+const textDisabled$1 = disabled02$1;
+const buttonDisabled$2 = disabled02$1;
+const iconDisabled$1 = disabled02$1;
+const textOnColorDisabled$1 = disabled03$1;
+const iconOnColorDisabled$1 = disabled03$1;
+const layerSelectedDisabled$1 = disabled03$1;
+const skeletonBackground$1 = skeleton01$1;
+const skeletonElement$1 = skeleton02$1;
+const brand01$1 = interactive01$1;
+const brand02$1 = interactive02$1;
+const brand03$1 = interactive03$1;
+const active01$1 = activeUI$1;
+const hoverField$1 = hoverUI$1;
+const danger$1 = danger01$1;
+
+var g90 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  interactive01: interactive01$1,
+  interactive02: interactive02$1,
+  interactive03: interactive03$1,
+  interactive04: interactive04$1,
+  uiBackground: uiBackground$1,
+  ui01: ui01$1,
+  ui02: ui02$1,
+  ui03: ui03$1,
+  ui04: ui04$1,
+  ui05: ui05$1,
+  text01: text01$1,
+  text02: text02$1,
+  text03: text03$1,
+  text04: text04$1,
+  text05: text05$1,
+  textError: textError$1,
+  icon01: icon01$1,
+  icon02: icon02$1,
+  icon03: icon03$1,
+  link01: link01$1,
+  link02: link02$1,
+  inverseLink: inverseLink$1,
+  field01: field01$1,
+  field02: field02$1,
+  inverse01: inverse01$1,
+  inverse02: inverse02$1,
+  support01: support01$1,
+  support02: support02$1,
+  support03: support03$1,
+  support04: support04$1,
+  inverseSupport01: inverseSupport01$1,
+  inverseSupport02: inverseSupport02$1,
+  inverseSupport03: inverseSupport03$1,
+  inverseSupport04: inverseSupport04$1,
+  overlay01: overlay01$1,
+  danger01: danger01$1,
+  danger02: danger02$1,
+  focus: focus$2,
+  inverseFocusUi: inverseFocusUi$1,
+  hoverPrimary: hoverPrimary$1,
+  activePrimary: activePrimary$1,
+  hoverPrimaryText: hoverPrimaryText$1,
+  hoverSecondary: hoverSecondary$1,
+  activeSecondary: activeSecondary$1,
+  hoverTertiary: hoverTertiary$1,
+  activeTertiary: activeTertiary$1,
+  hoverUI: hoverUI$1,
+  hoverLightUI: hoverLightUI$1,
+  activeUI: activeUI$1,
+  activeLightUI: activeLightUI$1,
+  selectedUI: selectedUI$1,
+  selectedLightUI: selectedLightUI$1,
+  inverseHoverUI: inverseHoverUI$1,
+  hoverSelectedUI: hoverSelectedUI$1,
+  hoverDanger: hoverDanger$1,
+  activeDanger: activeDanger$1,
+  hoverRow: hoverRow$1,
+  visitedLink: visitedLink$1,
+  disabled01: disabled01$1,
+  disabled02: disabled02$1,
+  disabled03: disabled03$1,
+  highlight: highlight$1,
+  decorative01: decorative01$1,
+  buttonSeparator: buttonSeparator$2,
+  skeleton01: skeleton01$1,
+  skeleton02: skeleton02$1,
+  background: background$2,
+  layer: layer$2,
+  layerAccent: layerAccent$1,
+  layerAccentActive: layerAccentActive$1,
+  layerAccentHover: layerAccentHover$1,
+  field: field$2,
+  backgroundInverse: backgroundInverse$1,
+  backgroundBrand: backgroundBrand$1,
+  interactive: interactive$1,
+  borderSubtle: borderSubtle$1,
+  borderStrong: borderStrong$1,
+  borderInverse: borderInverse$1,
+  borderInteractive: borderInteractive$1,
+  textPrimary: textPrimary$1,
+  textSecondary: textSecondary$1,
+  textPlaceholder: textPlaceholder$1,
+  textHelper: textHelper$1,
+  textOnColor: textOnColor$1,
+  textInverse: textInverse$1,
+  linkPrimary: linkPrimary$1,
+  linkSecondary: linkSecondary$1,
+  linkVisited: linkVisited$1,
+  linkInverse: linkInverse$1,
+  iconPrimary: iconPrimary$1,
+  iconSecondary: iconSecondary$1,
+  iconOnColor: iconOnColor$1,
+  iconInverse: iconInverse$1,
+  supportError: supportError$1,
+  supportSuccess: supportSuccess$1,
+  supportWarning: supportWarning$1,
+  supportInfo: supportInfo$1,
+  supportErrorInverse: supportErrorInverse$1,
+  supportSuccessInverse: supportSuccessInverse$1,
+  supportWarningInverse: supportWarningInverse$1,
+  supportInfoInverse: supportInfoInverse$1,
+  overlay: overlay$1,
+  toggleOff: toggleOff$1,
+  shadow: shadow$1,
+  buttonPrimary: buttonPrimary$2,
+  buttonSecondary: buttonSecondary$2,
+  buttonTertiary: buttonTertiary$2,
+  buttonDangerPrimary: buttonDangerPrimary$2,
+  buttonDangerSecondary: buttonDangerSecondary$2,
+  backgroundActive: backgroundActive$1,
+  layerActive: layerActive$1,
+  buttonDangerActive: buttonDangerActive$2,
+  buttonPrimaryActive: buttonPrimaryActive$2,
+  buttonSecondaryActive: buttonSecondaryActive$2,
+  buttonTertiaryActive: buttonTertiaryActive$2,
+  focusInset: focusInset$1,
+  focusInverse: focusInverse$1,
+  backgroundHover: backgroundHover$1,
+  layerHover: layerHover$1,
+  fieldHover: fieldHover$1,
+  backgroundInverseHover: backgroundInverseHover$1,
+  linkPrimaryHover: linkPrimaryHover$1,
+  buttonDangerHover: buttonDangerHover$2,
+  buttonPrimaryHover: buttonPrimaryHover$2,
+  buttonSecondaryHover: buttonSecondaryHover$2,
+  buttonTertiaryHover: buttonTertiaryHover$2,
+  backgroundSelected: backgroundSelected$1,
+  backgroundSelectedHover: backgroundSelectedHover$1,
+  layerSelected: layerSelected$1,
+  layerSelectedHover: layerSelectedHover$1,
+  layerSelectedInverse: layerSelectedInverse$1,
+  borderSubtleSelected: borderSubtleSelected$1,
+  borderDisabled: borderDisabled$1,
+  textDisabled: textDisabled$1,
+  buttonDisabled: buttonDisabled$2,
+  iconDisabled: iconDisabled$1,
+  textOnColorDisabled: textOnColorDisabled$1,
+  iconOnColorDisabled: iconOnColorDisabled$1,
+  layerSelectedDisabled: layerSelectedDisabled$1,
+  skeletonBackground: skeletonBackground$1,
+  skeletonElement: skeletonElement$1,
+  brand01: brand01$1,
+  brand02: brand02$1,
+  brand03: brand03$1,
+  active01: active01$1,
+  hoverField: hoverField$1,
+  danger: danger$1,
+  caption01: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  legal01: legal01,
+  legal02: legal02,
+  bodyCompact01: bodyCompact01,
+  bodyCompact02: bodyCompact02,
+  body01: body01,
+  body02: body02,
+  headingCompact01: headingCompact01,
+  headingCompact02: headingCompact02,
+  heading03: heading03,
+  heading04: heading04,
+  heading05: heading05,
+  heading06: heading06,
+  heading07: heading07,
+  fluidHeading03: fluidHeading03,
+  fluidHeading04: fluidHeading04,
+  fluidHeading05: fluidHeading05,
+  fluidHeading06: fluidHeading06,
+  fluidParagraph01: fluidParagraph01,
+  fluidQuotation01: fluidQuotation01,
+  fluidQuotation02: fluidQuotation02,
+  fluidDisplay01: fluidDisplay01,
+  fluidDisplay02: fluidDisplay02,
+  fluidDisplay03: fluidDisplay03,
+  fluidDisplay04: fluidDisplay04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  sizeXSmall: sizeXSmall,
+  sizeSmall: sizeSmall,
+  sizeMedium: sizeMedium,
+  sizeLarge: sizeLarge,
+  sizeXLarge: sizeXLarge,
+  size2XLarge: size2XLarge,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07
+});
+
+const interactive01 = blue60;
+const interactive02 = gray60;
+const interactive03 = white$2;
+const interactive04 = blue50;
+const uiBackground = gray100;
+const ui01 = gray90;
+const ui02 = gray80;
+const ui03 = gray80;
+const ui04 = gray60;
+const ui05 = gray10;
+const text01 = gray10;
+const text02 = gray30;
+const text03 = gray60;
+const text04 = white$2;
+const text05 = gray50;
+const textError = red40;
+const icon01 = gray10;
+const icon02 = gray30;
+const icon03 = white$2;
+const link01 = blue40;
+const link02 = blue30;
+const inverseLink = blue60;
+const field01 = gray90;
+const field02 = gray80;
+const inverse01 = gray100;
+const inverse02 = gray10;
+const support01 = red50;
+const support02 = green40;
+const support03 = yellow30;
+const support04 = blue50;
+const inverseSupport01 = red60;
+const inverseSupport02 = green50;
+const inverseSupport03 = yellow30;
+const inverseSupport04 = blue60;
+const overlay01 = rgba(black, 0.65);
+const danger01 = red60;
+const danger02 = red50;
+const focus$1 = white$2;
+const inverseFocusUi = blue60;
+const hoverPrimary = "#0353e9";
+const activePrimary = blue80;
+const hoverPrimaryText = blue30;
+const hoverSecondary = "#606060";
+const activeSecondary = gray80;
+const hoverTertiary = gray10;
+const activeTertiary = gray30;
+const hoverUI = "#353535";
+const hoverLightUI = "#4c4c4c";
+const activeUI = gray70;
+const activeLightUI = gray60;
+const selectedUI = gray80;
+const selectedLightUI = gray70;
+const inverseHoverUI = "#e5e5e5";
+const hoverSelectedUI = "#4c4c4c";
+const hoverDanger = adjustLightness(danger01, -8);
+const activeDanger = red80;
+const hoverRow = "#353535";
+const visitedLink = purple40;
+const disabled01 = gray90;
+const disabled02 = gray70;
+const disabled03 = gray50;
+const highlight = blue80;
+const decorative01 = gray70;
+const buttonSeparator$1 = "#161616";
+const skeleton01 = "#353535";
+const skeleton02 = gray70;
+const background$1 = uiBackground;
+const layer$1 = ui01;
+const layerAccent = ui03;
+const layerAccentActive = gray60;
+const layerAccentHover = adjustLightness(layerAccent, 6);
+const field$1 = field01;
+const backgroundInverse = inverse02;
+const backgroundBrand = interactive01;
+const interactive = interactive04;
+const borderSubtle = ui03;
+const borderStrong = ui04;
+const borderInverse = ui05;
+const borderInteractive = interactive04;
+const textPrimary = text01;
+const textSecondary = text02;
+const textPlaceholder = text03;
+const textHelper = text05;
+const textOnColor = text04;
+const textInverse = inverse01;
+const linkPrimary = link01;
+const linkSecondary = link02;
+const linkVisited = visitedLink;
+const linkInverse = inverseLink;
+const iconPrimary = icon01;
+const iconSecondary = icon02;
+const iconOnColor = icon03;
+const iconInverse = inverse01;
+const supportError = support01;
+const supportSuccess = support02;
+const supportWarning = support03;
+const supportInfo = support04;
+const supportErrorInverse = inverseSupport01;
+const supportSuccessInverse = inverseSupport02;
+const supportWarningInverse = inverseSupport03;
+const supportInfoInverse = inverseSupport04;
+const overlay = overlay01;
+const toggleOff = ui04;
+const shadow = rgba(black, 0.8);
+const buttonPrimary$1 = interactive01;
+const buttonSecondary$1 = interactive02;
+const buttonTertiary$1 = interactive03;
+const buttonDangerPrimary$1 = danger01;
+const buttonDangerSecondary$1 = danger02;
+const backgroundActive = activeUI;
+const layerActive = activeUI;
+const buttonDangerActive$1 = activeDanger;
+const buttonPrimaryActive$1 = activePrimary;
+const buttonSecondaryActive$1 = activeSecondary;
+const buttonTertiaryActive$1 = activeTertiary;
+const focusInset = inverse01;
+const focusInverse = inverseFocusUi;
+const backgroundHover = hoverUI;
+const layerHover = hoverUI;
+const fieldHover = hoverUI;
+const backgroundInverseHover = inverseHoverUI;
+const linkPrimaryHover = hoverPrimaryText;
+const buttonDangerHover$1 = hoverDanger;
+const buttonPrimaryHover$1 = hoverPrimary;
+const buttonSecondaryHover$1 = hoverSecondary;
+const buttonTertiaryHover$1 = hoverTertiary;
+const backgroundSelected = selectedUI;
+const backgroundSelectedHover = hoverSelectedUI;
+const layerSelected = selectedUI;
+const layerSelectedHover = hoverSelectedUI;
+const layerSelectedInverse = ui05;
+const borderSubtleSelected = activeUI;
+const borderDisabled = disabled01;
+const textDisabled = disabled02;
+const buttonDisabled$1 = disabled02;
+const iconDisabled = disabled02;
+const textOnColorDisabled = disabled03;
+const iconOnColorDisabled = disabled03;
+const layerSelectedDisabled = disabled03;
+const skeletonBackground = skeleton01;
+const skeletonElement = skeleton02;
+const brand01 = interactive01;
+const brand02 = interactive02;
+const brand03 = interactive03;
+const active01 = activeUI;
+const hoverField = hoverUI;
+const danger = danger01;
+
+var g100 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  interactive01: interactive01,
+  interactive02: interactive02,
+  interactive03: interactive03,
+  interactive04: interactive04,
+  uiBackground: uiBackground,
+  ui01: ui01,
+  ui02: ui02,
+  ui03: ui03,
+  ui04: ui04,
+  ui05: ui05,
+  text01: text01,
+  text02: text02,
+  text03: text03,
+  text04: text04,
+  text05: text05,
+  textError: textError,
+  icon01: icon01,
+  icon02: icon02,
+  icon03: icon03,
+  link01: link01,
+  link02: link02,
+  inverseLink: inverseLink,
+  field01: field01,
+  field02: field02,
+  inverse01: inverse01,
+  inverse02: inverse02,
+  support01: support01,
+  support02: support02,
+  support03: support03,
+  support04: support04,
+  inverseSupport01: inverseSupport01,
+  inverseSupport02: inverseSupport02,
+  inverseSupport03: inverseSupport03,
+  inverseSupport04: inverseSupport04,
+  overlay01: overlay01,
+  danger01: danger01,
+  danger02: danger02,
+  focus: focus$1,
+  inverseFocusUi: inverseFocusUi,
+  hoverPrimary: hoverPrimary,
+  activePrimary: activePrimary,
+  hoverPrimaryText: hoverPrimaryText,
+  hoverSecondary: hoverSecondary,
+  activeSecondary: activeSecondary,
+  hoverTertiary: hoverTertiary,
+  activeTertiary: activeTertiary,
+  hoverUI: hoverUI,
+  hoverLightUI: hoverLightUI,
+  activeUI: activeUI,
+  activeLightUI: activeLightUI,
+  selectedUI: selectedUI,
+  selectedLightUI: selectedLightUI,
+  inverseHoverUI: inverseHoverUI,
+  hoverSelectedUI: hoverSelectedUI,
+  hoverDanger: hoverDanger,
+  activeDanger: activeDanger,
+  hoverRow: hoverRow,
+  visitedLink: visitedLink,
+  disabled01: disabled01,
+  disabled02: disabled02,
+  disabled03: disabled03,
+  highlight: highlight,
+  decorative01: decorative01,
+  buttonSeparator: buttonSeparator$1,
+  skeleton01: skeleton01,
+  skeleton02: skeleton02,
+  background: background$1,
+  layer: layer$1,
+  layerAccent: layerAccent,
+  layerAccentActive: layerAccentActive,
+  layerAccentHover: layerAccentHover,
+  field: field$1,
+  backgroundInverse: backgroundInverse,
+  backgroundBrand: backgroundBrand,
+  interactive: interactive,
+  borderSubtle: borderSubtle,
+  borderStrong: borderStrong,
+  borderInverse: borderInverse,
+  borderInteractive: borderInteractive,
+  textPrimary: textPrimary,
+  textSecondary: textSecondary,
+  textPlaceholder: textPlaceholder,
+  textHelper: textHelper,
+  textOnColor: textOnColor,
+  textInverse: textInverse,
+  linkPrimary: linkPrimary,
+  linkSecondary: linkSecondary,
+  linkVisited: linkVisited,
+  linkInverse: linkInverse,
+  iconPrimary: iconPrimary,
+  iconSecondary: iconSecondary,
+  iconOnColor: iconOnColor,
+  iconInverse: iconInverse,
+  supportError: supportError,
+  supportSuccess: supportSuccess,
+  supportWarning: supportWarning,
+  supportInfo: supportInfo,
+  supportErrorInverse: supportErrorInverse,
+  supportSuccessInverse: supportSuccessInverse,
+  supportWarningInverse: supportWarningInverse,
+  supportInfoInverse: supportInfoInverse,
+  overlay: overlay,
+  toggleOff: toggleOff,
+  shadow: shadow,
+  buttonPrimary: buttonPrimary$1,
+  buttonSecondary: buttonSecondary$1,
+  buttonTertiary: buttonTertiary$1,
+  buttonDangerPrimary: buttonDangerPrimary$1,
+  buttonDangerSecondary: buttonDangerSecondary$1,
+  backgroundActive: backgroundActive,
+  layerActive: layerActive,
+  buttonDangerActive: buttonDangerActive$1,
+  buttonPrimaryActive: buttonPrimaryActive$1,
+  buttonSecondaryActive: buttonSecondaryActive$1,
+  buttonTertiaryActive: buttonTertiaryActive$1,
+  focusInset: focusInset,
+  focusInverse: focusInverse,
+  backgroundHover: backgroundHover,
+  layerHover: layerHover,
+  fieldHover: fieldHover,
+  backgroundInverseHover: backgroundInverseHover,
+  linkPrimaryHover: linkPrimaryHover,
+  buttonDangerHover: buttonDangerHover$1,
+  buttonPrimaryHover: buttonPrimaryHover$1,
+  buttonSecondaryHover: buttonSecondaryHover$1,
+  buttonTertiaryHover: buttonTertiaryHover$1,
+  backgroundSelected: backgroundSelected,
+  backgroundSelectedHover: backgroundSelectedHover,
+  layerSelected: layerSelected,
+  layerSelectedHover: layerSelectedHover,
+  layerSelectedInverse: layerSelectedInverse,
+  borderSubtleSelected: borderSubtleSelected,
+  borderDisabled: borderDisabled,
+  textDisabled: textDisabled,
+  buttonDisabled: buttonDisabled$1,
+  iconDisabled: iconDisabled,
+  textOnColorDisabled: textOnColorDisabled,
+  iconOnColorDisabled: iconOnColorDisabled,
+  layerSelectedDisabled: layerSelectedDisabled,
+  skeletonBackground: skeletonBackground,
+  skeletonElement: skeletonElement,
+  brand01: brand01,
+  brand02: brand02,
+  brand03: brand03,
+  active01: active01,
+  hoverField: hoverField,
+  danger: danger,
+  caption01: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  legal01: legal01,
+  legal02: legal02,
+  bodyCompact01: bodyCompact01,
+  bodyCompact02: bodyCompact02,
+  body01: body01,
+  body02: body02,
+  headingCompact01: headingCompact01,
+  headingCompact02: headingCompact02,
+  heading03: heading03,
+  heading04: heading04,
+  heading05: heading05,
+  heading06: heading06,
+  heading07: heading07,
+  fluidHeading03: fluidHeading03,
+  fluidHeading04: fluidHeading04,
+  fluidHeading05: fluidHeading05,
+  fluidHeading06: fluidHeading06,
+  fluidParagraph01: fluidParagraph01,
+  fluidQuotation01: fluidQuotation01,
+  fluidQuotation02: fluidQuotation02,
+  fluidDisplay01: fluidDisplay01,
+  fluidDisplay02: fluidDisplay02,
+  fluidDisplay03: fluidDisplay03,
+  fluidDisplay04: fluidDisplay04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  sizeXSmall: sizeXSmall,
+  sizeSmall: sizeSmall,
+  sizeMedium: sizeMedium,
+  sizeLarge: sizeLarge,
+  sizeXLarge: sizeXLarge,
+  size2XLarge: size2XLarge,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07
+});
+
+const colors = [
+  // Core
+  "interactive01",
+  "interactive02",
+  "interactive03",
+  "interactive04",
+  "uiBackground",
+  "ui01",
+  "ui02",
+  "ui03",
+  "ui04",
+  "ui05",
+  "text01",
+  "text02",
+  "text03",
+  "text04",
+  "text05",
+  "textError",
+  "icon01",
+  "icon02",
+  "icon03",
+  "link01",
+  "link02",
+  "inverseLink",
+  "field01",
+  "field02",
+  "inverse01",
+  "inverse02",
+  "support01",
+  "support02",
+  "support03",
+  "support04",
+  "inverseSupport01",
+  "inverseSupport02",
+  "inverseSupport03",
+  "inverseSupport04",
+  "overlay01",
+  "danger01",
+  "danger02",
+  // Interactive states
+  "focus",
+  "inverseFocusUi",
+  "hoverPrimary",
+  "activePrimary",
+  "hoverPrimaryText",
+  "hoverSecondary",
+  "activeSecondary",
+  "hoverTertiary",
+  "activeTertiary",
+  "hoverUI",
+  "hoverLightUI",
+  "hoverSelectedUI",
+  "activeUI",
+  "activeLightUI",
+  "selectedUI",
+  "selectedLightUI",
+  "inverseHoverUI",
+  "hoverDanger",
+  "activeDanger",
+  "hoverRow",
+  "visitedLink",
+  "disabled01",
+  "disabled02",
+  "disabled03",
+  "highlight",
+  "decorative01",
+  "buttonSeparator",
+  "skeleton01",
+  "skeleton02",
+  // New color tokens
+  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
+  "background",
+  "layer",
+  "layerAccent",
+  "layerAccentHover",
+  "layerAccentActive",
+  "field",
+  "backgroundInverse",
+  "backgroundBrand",
+  "interactive",
+  "borderSubtle",
+  "borderStrong",
+  "borderInverse",
+  "borderInteractive",
+  "textPrimary",
+  "textSecondary",
+  "textPlaceholder",
+  "textHelper",
+  "textOnColor",
+  "textInverse",
+  "linkPrimary",
+  "linkSecondary",
+  "linkVisited",
+  "linkInverse",
+  "iconPrimary",
+  "iconSecondary",
+  "iconOnColor",
+  "iconInverse",
+  "supportError",
+  "supportSuccess",
+  "supportWarning",
+  "supportInfo",
+  "supportErrorInverse",
+  "supportSuccessInverse",
+  "supportWarningInverse",
+  "supportInfoInverse",
+  "overlay",
+  "toggleOff",
+  "shadow",
+  "buttonPrimary",
+  "buttonSecondary",
+  "buttonTertiary",
+  "buttonDangerPrimary",
+  "buttonDangerSecondary",
+  "backgroundActive",
+  "layerActive",
+  "buttonDangerActive",
+  "buttonPrimaryActive",
+  "buttonSecondaryActive",
+  "buttonTertiaryActive",
+  "focusInset",
+  "focusInverse",
+  "backgroundHover",
+  "layerHover",
+  "fieldHover",
+  "backgroundInverseHover",
+  "linkPrimaryHover",
+  "buttonDangerHover",
+  "buttonPrimaryHover",
+  "buttonSecondaryHover",
+  "buttonTertiaryHover",
+  "backgroundSelected",
+  "backgroundSelectedHover",
+  "layerSelected",
+  "layerSelectedHover",
+  "layerSelectedInverse",
+  "borderSubtleSelected",
+  "borderDisabled",
+  "textDisabled",
+  "buttonDisabled",
+  "iconDisabled",
+  "textOnColorDisabled",
+  "iconOnColorDisabled",
+  "layerSelectedDisabled",
+  "skeletonBackground",
+  "skeletonElement",
+  // Deprecated
+  "brand01",
+  "brand02",
+  "brand03",
+  "active01",
+  "hoverField",
+  "danger"
+];
+const tokens$3 = {
+  colors,
+  type: unstable_tokens,
+  layout: unstable_tokens$1
+};
+
+const themes$1 = {
+  white,
+  g10,
+  g90,
+  g100
+};
+
+var index$3 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  white: white,
+  g10: g10,
+  g90: g90,
+  g100: g100,
+  themes: themes$1,
+  tokens: tokens$3,
+  caption01: caption01,
+  caption02: caption02,
+  label01: label01,
+  label02: label02,
+  helperText01: helperText01,
+  helperText02: helperText02,
+  bodyShort01: bodyShort01,
+  bodyLong01: bodyLong01,
+  bodyShort02: bodyShort02,
+  bodyLong02: bodyLong02,
+  code01: code01,
+  code02: code02,
+  heading01: heading01,
+  productiveHeading01: productiveHeading01,
+  heading02: heading02,
+  productiveHeading02: productiveHeading02,
+  productiveHeading03: productiveHeading03,
+  productiveHeading04: productiveHeading04,
+  productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
+  expressiveHeading03: expressiveHeading03,
+  expressiveHeading04: expressiveHeading04,
+  expressiveHeading05: expressiveHeading05,
+  expressiveHeading06: expressiveHeading06,
+  expressiveParagraph01: expressiveParagraph01,
+  quotation01: quotation01,
+  quotation02: quotation02,
+  display01: display01,
+  display02: display02,
+  display03: display03,
+  display04: display04,
+  legal01: legal01,
+  legal02: legal02,
+  bodyCompact01: bodyCompact01,
+  bodyCompact02: bodyCompact02,
+  body01: body01,
+  body02: body02,
+  headingCompact01: headingCompact01,
+  headingCompact02: headingCompact02,
+  heading03: heading03,
+  heading04: heading04,
+  heading05: heading05,
+  heading06: heading06,
+  heading07: heading07,
+  fluidHeading03: fluidHeading03,
+  fluidHeading04: fluidHeading04,
+  fluidHeading05: fluidHeading05,
+  fluidHeading06: fluidHeading06,
+  fluidParagraph01: fluidParagraph01,
+  fluidQuotation01: fluidQuotation01,
+  fluidQuotation02: fluidQuotation02,
+  fluidDisplay01: fluidDisplay01,
+  fluidDisplay02: fluidDisplay02,
+  fluidDisplay03: fluidDisplay03,
+  fluidDisplay04: fluidDisplay04,
+  spacing01: spacing01,
+  spacing02: spacing02,
+  spacing03: spacing03,
+  spacing04: spacing04,
+  spacing05: spacing05,
+  spacing06: spacing06,
+  spacing07: spacing07,
+  spacing08: spacing08,
+  spacing09: spacing09,
+  spacing10: spacing10,
+  spacing11: spacing11,
+  spacing12: spacing12,
+  spacing13: spacing13,
+  fluidSpacing01: fluidSpacing01,
+  fluidSpacing02: fluidSpacing02,
+  fluidSpacing03: fluidSpacing03,
+  fluidSpacing04: fluidSpacing04,
+  container01: container01,
+  container02: container02,
+  container03: container03,
+  container04: container04,
+  container05: container05,
+  sizeXSmall: sizeXSmall,
+  sizeSmall: sizeSmall,
+  sizeMedium: sizeMedium,
+  sizeLarge: sizeLarge,
+  sizeXLarge: sizeXLarge,
+  size2XLarge: size2XLarge,
+  iconSize01: iconSize01,
+  iconSize02: iconSize02,
+  layout01: layout01,
+  layout02: layout02,
+  layout03: layout03,
+  layout04: layout04,
+  layout05: layout05,
+  layout06: layout06,
+  layout07: layout07,
+  interactive01: interactive01$3,
+  interactive02: interactive02$3,
+  interactive03: interactive03$3,
+  interactive04: interactive04$3,
+  uiBackground: uiBackground$3,
+  ui01: ui01$3,
+  ui02: ui02$3,
+  ui03: ui03$3,
+  ui04: ui04$3,
+  ui05: ui05$3,
+  text01: text01$3,
+  text02: text02$3,
+  text03: text03$3,
+  text04: text04$3,
+  text05: text05$3,
+  textError: textError$3,
+  icon01: icon01$3,
+  icon02: icon02$3,
+  icon03: icon03$3,
+  link01: link01$3,
+  link02: link02$3,
+  inverseLink: inverseLink$3,
+  field01: field01$3,
+  field02: field02$3,
+  inverse01: inverse01$3,
+  inverse02: inverse02$3,
+  support01: support01$3,
+  support02: support02$3,
+  support03: support03$3,
+  support04: support04$3,
+  inverseSupport01: inverseSupport01$3,
+  inverseSupport02: inverseSupport02$3,
+  inverseSupport03: inverseSupport03$3,
+  inverseSupport04: inverseSupport04$3,
+  overlay01: overlay01$3,
+  danger01: danger01$3,
+  danger02: danger02$3,
+  focus: focus$4,
+  inverseFocusUi: inverseFocusUi$3,
+  hoverPrimary: hoverPrimary$3,
+  activePrimary: activePrimary$3,
+  hoverPrimaryText: hoverPrimaryText$3,
+  hoverSecondary: hoverSecondary$3,
+  activeSecondary: activeSecondary$3,
+  hoverTertiary: hoverTertiary$3,
+  activeTertiary: activeTertiary$3,
+  hoverUI: hoverUI$3,
+  hoverLightUI: hoverLightUI$3,
+  activeUI: activeUI$3,
+  activeLightUI: activeLightUI$3,
+  selectedUI: selectedUI$3,
+  selectedLightUI: selectedLightUI$3,
+  inverseHoverUI: inverseHoverUI$3,
+  hoverSelectedUI: hoverSelectedUI$3,
+  hoverDanger: hoverDanger$3,
+  activeDanger: activeDanger$3,
+  hoverRow: hoverRow$3,
+  visitedLink: visitedLink$3,
+  disabled01: disabled01$3,
+  disabled02: disabled02$3,
+  disabled03: disabled03$3,
+  highlight: highlight$3,
+  decorative01: decorative01$3,
+  buttonSeparator: buttonSeparator$4,
+  skeleton01: skeleton01$3,
+  skeleton02: skeleton02$3,
+  background: background$4,
+  layer: layer$4,
+  layerAccent: layerAccent$3,
+  layerAccentActive: layerAccentActive$3,
+  layerAccentHover: layerAccentHover$3,
+  field: field$4,
+  backgroundInverse: backgroundInverse$3,
+  backgroundBrand: backgroundBrand$3,
+  interactive: interactive$3,
+  borderSubtle: borderSubtle$3,
+  borderStrong: borderStrong$3,
+  borderInverse: borderInverse$3,
+  borderInteractive: borderInteractive$3,
+  textPrimary: textPrimary$3,
+  textSecondary: textSecondary$3,
+  textPlaceholder: textPlaceholder$3,
+  textHelper: textHelper$3,
+  textOnColor: textOnColor$3,
+  textInverse: textInverse$3,
+  linkPrimary: linkPrimary$3,
+  linkSecondary: linkSecondary$3,
+  linkVisited: linkVisited$3,
+  linkInverse: linkInverse$3,
+  iconPrimary: iconPrimary$3,
+  iconSecondary: iconSecondary$3,
+  iconOnColor: iconOnColor$3,
+  iconInverse: iconInverse$3,
+  supportError: supportError$3,
+  supportSuccess: supportSuccess$3,
+  supportWarning: supportWarning$3,
+  supportInfo: supportInfo$3,
+  supportErrorInverse: supportErrorInverse$3,
+  supportSuccessInverse: supportSuccessInverse$3,
+  supportWarningInverse: supportWarningInverse$3,
+  supportInfoInverse: supportInfoInverse$3,
+  overlay: overlay$3,
+  toggleOff: toggleOff$3,
+  shadow: shadow$3,
+  buttonPrimary: buttonPrimary$4,
+  buttonSecondary: buttonSecondary$4,
+  buttonTertiary: buttonTertiary$4,
+  buttonDangerPrimary: buttonDangerPrimary$4,
+  buttonDangerSecondary: buttonDangerSecondary$4,
+  backgroundActive: backgroundActive$3,
+  layerActive: layerActive$3,
+  buttonDangerActive: buttonDangerActive$4,
+  buttonPrimaryActive: buttonPrimaryActive$4,
+  buttonSecondaryActive: buttonSecondaryActive$4,
+  buttonTertiaryActive: buttonTertiaryActive$4,
+  focusInset: focusInset$3,
+  focusInverse: focusInverse$3,
+  backgroundHover: backgroundHover$3,
+  layerHover: layerHover$3,
+  fieldHover: fieldHover$3,
+  backgroundInverseHover: backgroundInverseHover$3,
+  linkPrimaryHover: linkPrimaryHover$3,
+  buttonDangerHover: buttonDangerHover$4,
+  buttonPrimaryHover: buttonPrimaryHover$4,
+  buttonSecondaryHover: buttonSecondaryHover$4,
+  buttonTertiaryHover: buttonTertiaryHover$4,
+  backgroundSelected: backgroundSelected$3,
+  backgroundSelectedHover: backgroundSelectedHover$3,
+  layerSelected: layerSelected$3,
+  layerSelectedHover: layerSelectedHover$3,
+  layerSelectedInverse: layerSelectedInverse$3,
+  borderSubtleSelected: borderSubtleSelected$3,
+  borderDisabled: borderDisabled$3,
+  textDisabled: textDisabled$3,
+  buttonDisabled: buttonDisabled$4,
+  iconDisabled: iconDisabled$3,
+  textOnColorDisabled: textOnColorDisabled$3,
+  iconOnColorDisabled: iconOnColorDisabled$3,
+  layerSelectedDisabled: layerSelectedDisabled$3,
+  skeletonBackground: skeletonBackground$3,
+  skeletonElement: skeletonElement$3,
+  brand01: brand01$3,
+  brand02: brand02$3,
+  brand03: brand03$3,
+  active01: active01$3,
+  hoverField: hoverField$3,
+  danger: danger$3
+});
+
+const buttonSeparator = {
+  fallback: "#e0e0e0",
+  whiteTheme: "#e0e0e0",
+  g10: "#e0e0e0",
+  g90: "#161616",
+  g100: "#161616"
+};
+const buttonPrimary = {
+  whiteTheme: "#0f62fe",
+  g10: "#0f62fe",
+  g90: "#0f62fe",
+  g100: "#0f62fe"
+};
+const buttonSecondary = {
+  whiteTheme: "#393939",
+  g10: "#393939",
+  g90: "#6f6f6f",
+  g100: "#6f6f6f"
+};
+const buttonTertiary = {
+  whiteTheme: "#0f62fe",
+  g10: "#0f62fe",
+  g90: "#ffffff",
+  g100: "#ffffff"
+};
+const buttonDangerPrimary = {
+  whiteTheme: "#da1e28",
+  g10: "#da1e28",
+  g90: "#da1e28",
+  g100: "#da1e28"
+};
+const buttonDangerSecondary = {
+  whiteTheme: "#da1e28",
+  g10: "#da1e28",
+  g90: "#ff8389",
+  g100: "#fa4d56"
+};
+const buttonDangerActive = {
+  whiteTheme: "#750e13",
+  g10: "#750e13",
+  g90: "#750e13",
+  g100: "#750e13"
+};
+const buttonPrimaryActive = {
+  whiteTheme: "#002d9c",
+  g10: "#002d9c",
+  g90: "#002d9c",
+  g100: "#002d9c"
+};
+const buttonSecondaryActive = {
+  whiteTheme: "#6f6f6f",
+  g10: "#6f6f6f",
+  g90: "#393939",
+  g100: "#393939"
+};
+const buttonTertiaryActive = {
+  whiteTheme: "#002d9c",
+  g10: "#002d9c",
+  g90: "#c6c6c6",
+  g100: "#c6c6c6"
+};
+const buttonDangerHover = {
+  whiteTheme: "#b81921",
+  g10: "#b81921",
+  g90: "#b81921",
+  g100: "#b81921"
+};
+const buttonPrimaryHover = {
+  whiteTheme: "#0050e6",
+  g10: "#0050e6",
+  g90: "#0050e6",
+  g100: "#0050e6"
+};
+const buttonSecondaryHover = {
+  whiteTheme: "#474747",
+  g10: "#474747",
+  g90: "#5e5e5e",
+  g100: "#5e5e5e"
+};
+const buttonTertiaryHover = {
+  whiteTheme: "#0050e6",
+  g10: "#0050e6",
+  g90: "#f4f4f4",
+  g100: "#f4f4f4"
+};
+const buttonDisabled = {
+  whiteTheme: "#c6c6c6",
+  g10: "#c6c6c6",
+  g90: "rgb(141 141 141 / 30%)",
+  g100: "rgb(141 141 141 / 30%)"
+};
+
+var tokens$2 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  buttonSeparator: buttonSeparator,
+  buttonPrimary: buttonPrimary,
+  buttonSecondary: buttonSecondary,
+  buttonTertiary: buttonTertiary,
+  buttonDangerPrimary: buttonDangerPrimary,
+  buttonDangerSecondary: buttonDangerSecondary,
+  buttonDangerActive: buttonDangerActive,
+  buttonPrimaryActive: buttonPrimaryActive,
+  buttonSecondaryActive: buttonSecondaryActive,
+  buttonTertiaryActive: buttonTertiaryActive,
+  buttonDangerHover: buttonDangerHover,
+  buttonPrimaryHover: buttonPrimaryHover,
+  buttonSecondaryHover: buttonSecondaryHover,
+  buttonTertiaryHover: buttonTertiaryHover,
+  buttonDisabled: buttonDisabled
+});
+
+var index$2 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  buttonTokens: tokens$2
+});
+
+const tagBackgroundRed = {
+  whiteTheme: red20,
+  g10: red20,
+  g90: red70,
+  g100: red70
+};
+const tagColorRed = {
+  whiteTheme: red70,
+  g10: red70,
+  g90: red20,
+  g100: red20
+};
+const tagHoverRed = {
+  whiteTheme: red20Hover,
+  g10: red20Hover,
+  g90: red70Hover,
+  g100: red70Hover
+};
+const tagBackgroundMagenta = {
+  whiteTheme: magenta20,
+  g10: magenta20,
+  g90: magenta70,
+  g100: magenta70
+};
+const tagColorMagenta = {
+  whiteTheme: magenta70,
+  g10: magenta70,
+  g90: magenta20,
+  g100: magenta20
+};
+const tagHoverMagenta = {
+  whiteTheme: magenta20Hover,
+  g10: magenta20Hover,
+  g90: magenta70Hover,
+  g100: magenta70Hover
+};
+const tagBackgroundPurple = {
+  whiteTheme: purple20,
+  g10: purple20,
+  g90: purple70,
+  g100: purple70
+};
+const tagColorPurple = {
+  whiteTheme: purple70,
+  g10: purple70,
+  g90: purple20,
+  g100: purple20
+};
+const tagHoverPurple = {
+  whiteTheme: purple20Hover,
+  g10: purple20Hover,
+  g90: purple70Hover,
+  g100: purple70Hover
+};
+const tagBackgroundBlue = {
+  whiteTheme: blue20,
+  g10: blue20,
+  g90: blue70,
+  g100: blue70
+};
+const tagColorBlue = {
+  whiteTheme: blue70,
+  g10: blue70,
+  g90: blue20,
+  g100: blue20
+};
+const tagHoverBlue = {
+  whiteTheme: blue20Hover,
+  g10: blue20Hover,
+  g90: blue70Hover,
+  g100: blue70Hover
+};
+const tagBackgroundCyan = {
+  whiteTheme: cyan20,
+  g10: cyan20,
+  g90: cyan70,
+  g100: cyan70
+};
+const tagColorCyan = {
+  whiteTheme: cyan70,
+  g10: cyan70,
+  g90: cyan20,
+  g100: cyan20
+};
+const tagHoverCyan = {
+  whiteTheme: cyan20Hover,
+  g10: cyan20Hover,
+  g90: cyan70Hover,
+  g100: cyan70Hover
+};
+const tagBackgroundTeal = {
+  whiteTheme: teal20,
+  g10: teal20,
+  g90: teal70,
+  g100: teal70
+};
+const tagColorTeal = {
+  whiteTheme: teal70,
+  g10: teal70,
+  g90: teal20,
+  g100: teal20
+};
+const tagHoverTeal = {
+  whiteTheme: teal20Hover,
+  g10: teal20Hover,
+  g90: teal70Hover,
+  g100: teal70Hover
+};
+const tagBackgroundGreen = {
+  whiteTheme: green20,
+  g10: green20,
+  g90: green70,
+  g100: green70
+};
+const tagColorGreen = {
+  whiteTheme: green70,
+  g10: green70,
+  g90: green20,
+  g100: green20
+};
+const tagHoverGreen = {
+  whiteTheme: green20Hover,
+  g10: green20Hover,
+  g90: green70Hover,
+  g100: green70Hover
+};
+const tagBackgroundGray = {
+  whiteTheme: gray20,
+  g10: gray20,
+  g90: gray70,
+  g100: gray70
+};
+const tagColorGray = {
+  whiteTheme: gray100,
+  g10: gray100,
+  g90: gray10,
+  g100: gray10
+};
+const tagHoverGray = {
+  whiteTheme: gray20Hover,
+  g10: gray20Hover,
+  g90: gray70Hover,
+  g100: gray70Hover
+};
+const tagBackgroundCoolGray = {
+  whiteTheme: coolGray20,
+  g10: coolGray20,
+  g90: coolGray70,
+  g100: coolGray70
+};
+const tagColorCoolGray = {
+  whiteTheme: coolGray100,
+  g10: coolGray100,
+  g90: coolGray10,
+  g100: coolGray10
+};
+const tagHoverCoolGray = {
+  whiteTheme: coolGray20Hover,
+  g10: coolGray20Hover,
+  g90: coolGray70Hover,
+  g100: coolGray70Hover
+};
+const tagBackgroundWarmGray = {
+  whiteTheme: warmGray20,
+  g10: warmGray20,
+  g90: warmGray70,
+  g100: warmGray70
+};
+const tagColorWarmGray = {
+  whiteTheme: warmGray100,
+  g10: warmGray100,
+  g90: warmGray10,
+  g100: warmGray10
+};
+const tagHoverWarmGray = {
+  whiteTheme: warmGray20Hover,
+  g10: warmGray20Hover,
+  g90: warmGray70Hover,
+  g100: warmGray70Hover
+};
+const tagBorderRed = {
+  whiteTheme: red40,
+  g10: red40,
+  g90: red50,
+  g100: red50
+};
+const tagBorderBlue = {
+  whiteTheme: blue40,
+  g10: blue40,
+  g90: blue50,
+  g100: blue50
+};
+const tagBorderCyan = {
+  whiteTheme: cyan40,
+  g10: cyan40,
+  g90: cyan50,
+  g100: cyan50
+};
+const tagBorderTeal = {
+  whiteTheme: teal40,
+  g10: teal40,
+  g90: teal50,
+  g100: teal50
+};
+const tagBorderGreen = {
+  whiteTheme: green40,
+  g10: green40,
+  g90: green50,
+  g100: green50
+};
+const tagBorderMagenta = {
+  whiteTheme: magenta40,
+  g10: magenta40,
+  g90: magenta50,
+  g100: magenta50
+};
+const tagBorderPurple = {
+  whiteTheme: purple40,
+  g10: purple40,
+  g90: purple50,
+  g100: purple50
+};
+const tagBorderGray = {
+  whiteTheme: gray40,
+  g10: gray40,
+  g90: gray50,
+  g100: gray50
+};
+const tagBorderCoolGray = {
+  whiteTheme: coolGray40,
+  g10: coolGray40,
+  g90: coolGray50,
+  g100: coolGray50
+};
+const tagBorderWarmGray = {
+  whiteTheme: warmGray40,
+  g10: warmGray40,
+  g90: warmGray50,
+  g100: warmGray50
+};
+
+var tokens$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  tagBackgroundRed: tagBackgroundRed,
+  tagColorRed: tagColorRed,
+  tagHoverRed: tagHoverRed,
+  tagBackgroundMagenta: tagBackgroundMagenta,
+  tagColorMagenta: tagColorMagenta,
+  tagHoverMagenta: tagHoverMagenta,
+  tagBackgroundPurple: tagBackgroundPurple,
+  tagColorPurple: tagColorPurple,
+  tagHoverPurple: tagHoverPurple,
+  tagBackgroundBlue: tagBackgroundBlue,
+  tagColorBlue: tagColorBlue,
+  tagHoverBlue: tagHoverBlue,
+  tagBackgroundCyan: tagBackgroundCyan,
+  tagColorCyan: tagColorCyan,
+  tagHoverCyan: tagHoverCyan,
+  tagBackgroundTeal: tagBackgroundTeal,
+  tagColorTeal: tagColorTeal,
+  tagHoverTeal: tagHoverTeal,
+  tagBackgroundGreen: tagBackgroundGreen,
+  tagColorGreen: tagColorGreen,
+  tagHoverGreen: tagHoverGreen,
+  tagBackgroundGray: tagBackgroundGray,
+  tagColorGray: tagColorGray,
+  tagHoverGray: tagHoverGray,
+  tagBackgroundCoolGray: tagBackgroundCoolGray,
+  tagColorCoolGray: tagColorCoolGray,
+  tagHoverCoolGray: tagHoverCoolGray,
+  tagBackgroundWarmGray: tagBackgroundWarmGray,
+  tagColorWarmGray: tagColorWarmGray,
+  tagHoverWarmGray: tagHoverWarmGray,
+  tagBorderRed: tagBorderRed,
+  tagBorderBlue: tagBorderBlue,
+  tagBorderCyan: tagBorderCyan,
+  tagBorderTeal: tagBorderTeal,
+  tagBorderGreen: tagBorderGreen,
+  tagBorderMagenta: tagBorderMagenta,
+  tagBorderPurple: tagBorderPurple,
+  tagBorderGray: tagBorderGray,
+  tagBorderCoolGray: tagBorderCoolGray,
+  tagBorderWarmGray: tagBorderWarmGray
+});
+
+var index$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  tagTokens: tokens$1
+});
+
+const notificationBackgroundError = {
+  whiteTheme: red10,
+  g10: red10,
+  g90: gray80,
+  g100: gray90
+};
+const notificationBackgroundSuccess = {
+  whiteTheme: green10,
+  g10: green10,
+  g90: gray80,
+  g100: gray90
+};
+const notificationBackgroundInfo = {
+  whiteTheme: blue10,
+  g10: blue10,
+  g90: gray80,
+  g100: gray90
+};
+const notificationBackgroundWarning = {
+  whiteTheme: yellow10,
+  g10: yellow10,
+  g90: gray80,
+  g100: gray90
+};
+const notificationActionHover = {
+  whiteTheme: white0,
+  g10: white0
+};
+const notificationActionTertiaryInverse = {
+  whiteTheme: buttonTertiary.g100,
+  g10: buttonTertiary.g90,
+  g90: buttonTertiary.g10,
+  g100: buttonTertiary.whiteTheme
+};
+const notificationActionTertiaryInverseActive = {
+  whiteTheme: buttonTertiaryActive.g100,
+  g10: buttonTertiaryActive.g90,
+  g90: buttonTertiaryActive.g10,
+  g100: buttonTertiaryActive.whiteTheme
+};
+const notificationActionTertiaryInverseHover = {
+  whiteTheme: buttonTertiaryHover.g100,
+  g10: buttonTertiaryHover.g90,
+  g90: buttonTertiaryHover.g10,
+  g100: buttonTertiaryHover.whiteTheme
+};
+const notificationActionTertiaryInverseText = {
+  whiteTheme: textInverse$4,
+  g10: textInverse$5,
+  g90: textInverse$6,
+  g100: textInverse$7
+};
+const notificationActionTertiaryInverseTextOnColorDisabled = {
+  whiteTheme: textOnColorDisabled$4,
+  g10: textOnColorDisabled$5,
+  g90: textOnColorDisabled$6,
+  g100: textOnColorDisabled$7
+};
+
+var tokens = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  notificationBackgroundError: notificationBackgroundError,
+  notificationBackgroundSuccess: notificationBackgroundSuccess,
+  notificationBackgroundInfo: notificationBackgroundInfo,
+  notificationBackgroundWarning: notificationBackgroundWarning,
+  notificationActionHover: notificationActionHover,
+  notificationActionTertiaryInverse: notificationActionTertiaryInverse,
+  notificationActionTertiaryInverseActive: notificationActionTertiaryInverseActive,
+  notificationActionTertiaryInverseHover: notificationActionTertiaryInverseHover,
+  notificationActionTertiaryInverseText: notificationActionTertiaryInverseText,
+  notificationActionTertiaryInverseTextOnColorDisabled: notificationActionTertiaryInverseTextOnColorDisabled
+});
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  notificationTokens: tokens
+});
+
+class Token {
+  static create(token) {
+    if (typeof token === "string") {
+      return new Token(token);
+    }
+    return new Token(token.name, token.properties, token.state);
+  }
+  constructor(name, properties, state) {
+    this.kind = "Token";
+    this.name = name;
+    if (properties) {
+      this.properties = properties;
+    }
+    if (state) {
+      this.state = state;
+    }
+  }
+}
+
+class TokenGroup {
+  static create({ name, properties, tokens = [] }) {
+    return new TokenGroup(name, tokens, properties);
+  }
+  constructor(name, tokens, properties) {
+    this.kind = "TokenGroup";
+    this.name = name;
+    if (properties) {
+      this.properties = properties;
+    }
+    this.children = tokens.map((child) => {
+      if (child.kind === "TokenGroup") {
+        return child;
+      }
+      return Token.create(child);
+    });
+  }
+  *[Symbol.iterator]() {
+    yield this;
+    for (const child of this.children) {
+      yield child;
+      if (child.kind === "TokenGroup") {
+        yield* child;
+      }
+    }
+  }
+  /**
+   * Get all the tokens available in every Token Group in this TokenGroup,
+   * including itself.
+   * @returns {Array<Token>}
+   */
+  getTokens(parentContext = {}) {
+    const context = {
+      ...parentContext,
+      groups: parentContext.groups ? parentContext.groups.concat(this) : [this],
+      properties: this.properties || parentContext.properties
+    };
+    return this.children.flatMap((child) => {
+      if (child.kind === "TokenGroup") {
+        return child.getTokens(context);
+      }
+      const token = {
+        ...context,
+        name: child.name,
+        properties: child.properties || context.properties
+      };
+      if (child.state) {
+        token.state = child.state;
+      }
+      return token;
+    });
+  }
+  /**
+   * Get a specific token from the TokenGroup, or form one of its nested
+   * TokenGroups
+   * @returns {Token}
+   */
+  getToken(tokenOrName) {
+    const name = typeof tokenOrName === "string" ? tokenOrName : tokenOrName.name;
+    for (const child of this) {
+      if (child.kind === "TokenGroup") {
+        continue;
+      }
+      if (child.name === name) {
+        return child;
+      }
+    }
+    return null;
+  }
+  /**
+   * Get all the unique groups in the token group, including this group
+   * @returns {Array<TokenGroup>}
+   */
+  getTokenGroups() {
+    const set = /* @__PURE__ */ new Set();
+    for (const child of this) {
+      if (child.kind !== "TokenGroup") {
+        continue;
+      }
+      set.add(child);
+    }
+    return Array.from(set);
+  }
+  /**
+   * Get all the unique properties in the token group, including this group
+   * @returns {Array<string>}
+   */
+  getTokenProperties() {
+    const set = /* @__PURE__ */ new Set();
+    for (const child of this) {
+      if (!Array.isArray(child.properties)) {
+        continue;
+      }
+      for (const property of child.properties) {
+        set.add(property);
+      }
+    }
+    return Array.from(set);
+  }
+  /**
+   * Get all the unique states in the token group, including this group
+   * @returns {Array<string>}
+   */
+  getTokenStates() {
+    const set = /* @__PURE__ */ new Set();
+    for (const child of this) {
+      if (child.kind !== "Token") {
+        continue;
+      }
+      if (child.state) {
+        set.add(child.state);
+      }
+    }
+    return Array.from(set);
+  }
+}
+
+class TokenSet {
+  static create({ name, tokens }) {
+    return new TokenSet(name, tokens);
+  }
+  constructor(name, tokens = []) {
+    this.kind = "TokenSet";
+    this.name = name;
+    this.children = tokens;
+  }
+  *[Symbol.iterator]() {
+    for (const child of this.children) {
+      yield child;
+      if (child.kind === "TokenSet") {
+        yield* child;
+      }
+    }
+  }
+  getTokenSets() {
+    const children = this.children.filter((child) => {
+      return child.kind === "TokenSet";
+    }).flatMap((child) => {
+      return child.getTokenSets();
+    });
+    return [this, ...children];
+  }
+  getTokenSet(name) {
+    for (const child of this) {
+      if (!child.kind === "TokenSet") {
+        continue;
+      }
+      if (child.name === name) {
+        return child;
+      }
+    }
+    return null;
+  }
+  hasToken(tokenOrName) {
+    const name = typeof tokenOrName === "string" ? tokenOrName : tokenOrName.name;
+    for (const child of this) {
+      if (child.kind === "TokenSet") {
+        continue;
+      }
+      if (child.name === name) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
+
+const background = TokenGroup.create({
+  name: "Background",
+  properties: ["background"],
+  tokens: [
+    "background",
+    {
+      name: "background-active",
+      state: "active"
+    },
+    {
+      name: "background-selected",
+      state: "selected"
+    },
+    {
+      name: "background-selected-hover",
+      state: "hover"
+    },
+    {
+      name: "background-hover",
+      state: "hover"
+    },
+    "background-brand",
+    "background-inverse",
+    {
+      state: "hover",
+      name: "background-inverse-hover"
+    }
+  ]
+});
+const layer = TokenGroup.create({
+  name: "Layer",
+  properties: ["background"],
+  tokens: [
+    {
+      name: "layer-01"
+    },
+    {
+      state: "active",
+      name: "layer-active-01"
+    },
+    {
+      state: "hover",
+      name: "layer-hover-01"
+    },
+    {
+      state: "selected",
+      name: "layer-selected-01"
+    },
+    {
+      state: "hover",
+      name: "layer-selected-hover-01"
+    },
+    {
+      name: "layer-02"
+    },
+    {
+      state: "active",
+      name: "layer-active-02"
+    },
+    {
+      state: "hover",
+      name: "layer-hover-02"
+    },
+    {
+      state: "selected",
+      name: "layer-selected-02"
+    },
+    {
+      state: "hover",
+      name: "layer-selected-hover-02"
+    },
+    {
+      name: "layer-03"
+    },
+    {
+      state: "active",
+      name: "layer-active-03"
+    },
+    {
+      state: "hover",
+      name: "layer-hover-03"
+    },
+    {
+      state: "selected",
+      name: "layer-selected-03"
+    },
+    {
+      state: "hover",
+      name: "layer-selected-hover-03"
+    },
+    {
+      name: "layer-selected-inverse"
+    },
+    {
+      state: "disabled",
+      name: "layer-selected-disabled"
+    },
+    {
+      name: "layer-accent-01"
+    },
+    {
+      state: "active",
+      name: "layer-accent-active-01"
+    },
+    {
+      state: "hover",
+      name: "layer-accent-hover-01"
+    },
+    {
+      name: "layer-accent-02"
+    },
+    {
+      state: "active",
+      name: "layer-accent-active-02"
+    },
+    {
+      state: "hover",
+      name: "layer-accent-hover-02"
+    },
+    {
+      name: "layer-accent-03"
+    },
+    {
+      state: "active",
+      name: "layer-accent-active-03"
+    },
+    {
+      state: "hover",
+      name: "layer-accent-hover-03"
+    }
+  ]
+});
+const field = TokenGroup.create({
+  name: "Field",
+  properties: ["background"],
+  tokens: [
+    {
+      name: "field-01"
+    },
+    {
+      state: "hover",
+      name: "field-hover-01"
+    },
+    {
+      name: "field-02"
+    },
+    {
+      state: "hover",
+      name: "field-hover-02"
+    },
+    {
+      name: "field-03"
+    },
+    {
+      state: "hover",
+      name: "field-hover-03"
+    }
+  ]
+});
+const border = TokenGroup.create({
+  name: "Borders",
+  properties: ["border"],
+  tokens: [
+    {
+      name: "border-subtle-00"
+    },
+    {
+      name: "border-subtle-01"
+    },
+    {
+      state: "selected",
+      name: "border-subtle-selected-01"
+    },
+    {
+      name: "border-subtle-02"
+    },
+    {
+      state: "selected",
+      name: "border-subtle-selected-02"
+    },
+    {
+      name: "border-subtle-03"
+    },
+    {
+      state: "selected",
+      name: "border-subtle-selected-03"
+    },
+    // Border strong
+    "border-strong-01",
+    "border-strong-02",
+    "border-strong-03",
+    // Border tile
+    "border-tile-01",
+    "border-tile-02",
+    "border-tile-03",
+    // Border inverse
+    "border-inverse",
+    // Border interactive
+    "border-interactive",
+    {
+      state: "disabled",
+      name: "border-disabled"
+    }
+  ]
+});
+const text = TokenGroup.create({
+  name: "Text",
+  properties: ["text"],
+  tokens: [
+    "text-primary",
+    "text-secondary",
+    "text-placeholder",
+    "text-helper",
+    "text-error",
+    "text-inverse",
+    {
+      name: "text-on-color"
+    },
+    {
+      state: "disabled",
+      name: "text-on-color-disabled"
+    },
+    {
+      state: "disabled",
+      name: "text-disabled"
+    }
+  ]
+});
+const link = TokenGroup.create({
+  name: "Link",
+  properties: ["text"],
+  tokens: [
+    {
+      name: "link-primary"
+    },
+    {
+      state: "hover",
+      name: "link-primary-hover"
+    },
+    "link-secondary",
+    {
+      state: "visited",
+      name: "link-inverse-visited"
+    },
+    "link-visited",
+    "link-inverse",
+    "link-inverse-active",
+    "link-inverse-hover"
+  ]
+});
+const icon = TokenGroup.create({
+  name: "Icons",
+  properties: ["background", "fill", "stroke"],
+  tokens: [
+    "icon-primary",
+    "icon-secondary",
+    "icon-inverse",
+    {
+      name: "icon-on-color"
+    },
+    {
+      state: "disabled",
+      name: "icon-on-color-disabled"
+    },
+    {
+      state: "disabled",
+      name: "icon-disabled"
+    },
+    "icon-interactive"
+  ]
+});
+const support = TokenGroup.create({
+  name: "Support",
+  properties: ["background", "fill", "stroke"],
+  tokens: [
+    "support-error",
+    "support-success",
+    "support-warning",
+    "support-info",
+    "support-error-inverse",
+    "support-success-inverse",
+    "support-warning-inverse",
+    "support-info-inverse",
+    "support-caution-major",
+    "support-caution-minor",
+    "support-caution-undefined"
+  ]
+});
+const focus = TokenGroup.create({
+  name: "Focus",
+  properties: ["border"],
+  tokens: ["focus", "focus-inset", "focus-inverse"]
+});
+const skeleton = TokenGroup.create({
+  name: "Skeleton",
+  properties: ["background"],
+  tokens: ["skeleton-background", "skeleton-element"]
+});
+const contextual = TokenGroup.create({
+  name: "Contextual",
+  properties: [],
+  tokens: [
+    "layer",
+    "layer-active",
+    "layer-hover",
+    "layer-selected",
+    "layer-selected-hover",
+    "layer-accent",
+    "layer-accent-hover",
+    "layer-accent-active",
+    "field",
+    "field-hover",
+    "border-subtle",
+    "border-subtle-selected",
+    "border-strong",
+    "border-tile"
+  ]
+});
+const ai = TokenGroup.create({
+  name: "AI",
+  properties: ["background"],
+  tokens: [
+    // Phase 2
+    "ai-popover-background",
+    "ai-popover-shadow-outer-01",
+    "ai-popover-shadow-outer-02",
+    // Linear gradient refactor
+    "ai-inner-shadow",
+    "ai-aura-start-sm",
+    "ai-aura-start",
+    "ai-aura-end",
+    "ai-aura-hover-background",
+    "ai-aura-hover-start",
+    "ai-aura-hover-end",
+    "ai-border-strong",
+    "ai-border-start",
+    "ai-border-end",
+    "ai-drop-shadow",
+    "ai-skeleton-background",
+    "ai-skeleton-element-background",
+    "ai-overlay",
+    // Caret tokens
+    "ai-popover-caret-center",
+    "ai-popover-caret-bottom",
+    "ai-popover-caret-bottom-background",
+    "ai-popover-caret-bottom-background-actions",
+    // Chat tokens
+    "chat-prompt-background",
+    "chat-prompt-border-start",
+    "chat-prompt-border-end",
+    "chat-bubble-user",
+    "chat-bubble-agent",
+    "chat-bubble-border",
+    "chat-avatar-bot",
+    "chat-avatar-agent",
+    "chat-avatar-user",
+    "chat-shell-background",
+    "chat-header-background",
+    // Chat button tokens
+    "chat-button",
+    "chat-button-hover",
+    "chat-button-text-hover",
+    "chat-button-active",
+    "chat-button-selected",
+    "chat-button-text-selected"
+  ]
+});
+const group = TokenGroup.create({
+  name: "All",
+  tokens: [
+    background,
+    layer,
+    field,
+    // Interactive
+    {
+      name: "interactive",
+      properties: ["background", "text"]
+    },
+    border,
+    text,
+    link,
+    icon,
+    support,
+    ai,
+    // Misc
+    {
+      name: "highlight"
+    },
+    {
+      name: "overlay",
+      properties: ["background"]
+    },
+    {
+      name: "toggle-off"
+    },
+    {
+      name: "shadow"
+    },
+    focus,
+    skeleton
+  ]
+});
+
+TokenSet.create({
+  name: "All",
+  tokens: [
+    TokenSet.create({
+      name: "Base set",
+      tokens: [
+        background.getToken("background"),
+        background.getToken("background-hover"),
+        background.getToken("background-selected"),
+        background.getToken("background-selected-hover"),
+        border.getToken("border-subtle-00")
+      ]
+    }),
+    TokenSet.create({
+      name: "01 Layer set",
+      tokens: [
+        layer.getToken("layer-01"),
+        layer.getToken("layer-active-01"),
+        layer.getToken("layer-hover-01"),
+        layer.getToken("layer-selected-hover-01"),
+        layer.getToken("layer-accent-01"),
+        layer.getToken("layer-accent-active-01"),
+        layer.getToken("layer-accent-hover-01"),
+        field.getToken("field-01"),
+        field.getToken("field-hover-01"),
+        border.getToken("border-subtle-01"),
+        border.getToken("border-subtle-selected-01"),
+        border.getToken("border-strong-01"),
+        border.getToken("border-tile-01")
+      ]
+    }),
+    TokenSet.create({
+      name: "02 Layer set",
+      tokens: [
+        layer.getToken("layer-02"),
+        layer.getToken("layer-active-02"),
+        layer.getToken("layer-hover-02"),
+        layer.getToken("layer-selected-hover-02"),
+        layer.getToken("layer-accent-02"),
+        layer.getToken("layer-accent-active-02"),
+        layer.getToken("layer-accent-hover-02"),
+        field.getToken("field-02"),
+        field.getToken("field-hover-02"),
+        border.getToken("border-subtle-02"),
+        border.getToken("border-subtle-selected-02"),
+        border.getToken("border-strong-02"),
+        border.getToken("border-tile-02")
+      ]
+    }),
+    TokenSet.create({
+      name: "03 Layer set",
+      tokens: [
+        layer.getToken("layer-03"),
+        layer.getToken("layer-active-03"),
+        layer.getToken("layer-hover-03"),
+        layer.getToken("layer-selected-hover-03"),
+        layer.getToken("layer-accent-03"),
+        layer.getToken("layer-accent-active-03"),
+        layer.getToken("layer-accent-hover-03"),
+        field.getToken("field-03"),
+        field.getToken("field-hover-03"),
+        border.getToken("border-subtle-03"),
+        border.getToken("border-subtle-selected-03"),
+        border.getToken("border-strong-03"),
+        border.getToken("border-tile-03")
+      ]
+    })
+  ]
+});
+
+const button = TokenGroup.create({
+  name: "Button",
+  properties: [],
+  tokens: [
+    "button-separator",
+    "button-primary",
+    "button-secondary",
+    "button-tertiary",
+    "button-danger-primary",
+    "button-danger-secondary",
+    "button-danger-active",
+    "button-primary-active",
+    "button-secondary-active",
+    "button-tertiary-active",
+    "button-danger-hover",
+    "button-primary-hover",
+    "button-secondary-hover",
+    "button-tertiary-hover",
+    "button-disabled"
+  ]
+});
+const notification = TokenGroup.create({
+  name: "Notification",
+  properties: [],
+  tokens: [
+    "notification-background-error",
+    "notification-background-success",
+    "notification-background-info",
+    "notification-background-warning",
+    "notification-action-hover",
+    "notification-action-tertiary-inverse",
+    "notification-action-tertiary-inverse-active",
+    "notification-action-tertiary-inverse-hover",
+    "notification-action-tertiary-inverse-text",
+    "notification-action-tertiary-inverse-text-on-color-disabled"
+  ]
+});
+const tag = TokenGroup.create({
+  name: "Tag",
+  properties: [],
+  tokens: [
+    "tag-background-red",
+    "tag-color-red",
+    "tag-hover-red",
+    "tag-background-magenta",
+    "tag-color-magenta",
+    "tag-hover-magenta",
+    "tag-background-purple",
+    "tag-color-purple",
+    "tag-hover-purple",
+    "tag-background-blue",
+    "tag-color-blue",
+    "tag-hover-blue",
+    "tag-background-cyan",
+    "tag-color-cyan",
+    "tag-hover-cyan",
+    "tag-background-teal",
+    "tag-color-teal",
+    "tag-hover-teal",
+    "tag-background-green",
+    "tag-color-green",
+    "tag-hover-green",
+    "tag-background-gray",
+    "tag-color-gray",
+    "tag-hover-gray",
+    "tag-border-red",
+    "tag-border-blue",
+    "tag-border-cyan",
+    "tag-border-teal",
+    "tag-border-green",
+    "tag-border-magenta",
+    "tag-border-purple",
+    "tag-border-gray",
+    "tag-border-cool-gray",
+    "tag-border-warm-gray",
+    "tag-background-cool-gray",
+    "tag-color-cool-gray",
+    "tag-hover-cool-gray",
+    "tag-background-warm-gray",
+    "tag-color-warm-gray",
+    "tag-hover-warm-gray"
+  ]
+});
+
+var components = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  button: button,
+  notification: notification,
+  tag: tag
+});
+
+const type$1 = TokenGroup.create({
+  name: "Type",
+  properties: [],
+  tokens: [
+    "caption-01",
+    "caption-02",
+    "label-01",
+    "label-02",
+    "helper-text-01",
+    "helper-text-02",
+    "body-short-01",
+    "body-long-01",
+    "body-short-02",
+    "body-long-02",
+    "code-01",
+    "code-02",
+    "heading-01",
+    "productive-heading-01",
+    "heading-02",
+    "productive-Heading-02",
+    "productive-heading-03",
+    "productive-heading-04",
+    "productive-heading-05",
+    "productive-heading-06",
+    "productive-heading-07",
+    "expressive-heading-01",
+    "expressive-heading-02",
+    "expressive-heading-03",
+    "expressive-heading-04",
+    "expressive-heading-05",
+    "expressive-heading-06",
+    "expressive-paragraph-01",
+    "quotation-01",
+    "quotation-02",
+    "display-01",
+    "display-02",
+    "display-03",
+    "display-04"
+  ]
+});
+
+const layout$1 = TokenGroup.create({
+  name: "Layout",
+  properties: [],
+  tokens: [
+    "spacing-01",
+    "spacing-02",
+    "spacing-03",
+    "spacing-04",
+    "spacing-05",
+    "spacing-06",
+    "spacing-07",
+    "spacing-08",
+    "spacing-09",
+    "spacing-10",
+    "spacing-11",
+    "spacing-12",
+    "spacing-13",
+    "fluid-spacing-01",
+    "fluid-spacing-02",
+    "fluid-spacing-03",
+    "fluid-spacing-04",
+    "container-01",
+    "container-02",
+    "container-03",
+    "container-04",
+    "container-05",
+    "icon-size-01",
+    "icon-size-02"
+  ]
+});
+
+const color = TokenGroup.create({
+  name: "Color",
+  properties: [],
+  tokens: [
+    "interactive-01",
+    "interactive-02",
+    "interactive-03",
+    "interactive-04",
+    "ui-background",
+    "ui-01",
+    "ui-02",
+    "ui-03",
+    "ui-04",
+    "ui-05",
+    "text-01",
+    "text-02",
+    "text-03",
+    "text-04",
+    "text-05",
+    "text-error",
+    "icon-01",
+    "icon-02",
+    "icon-03",
+    "link-01",
+    "link-02",
+    "inverse-link",
+    "field-01",
+    "field-02",
+    "inverse-01",
+    "inverse-02",
+    "support-01",
+    "support-02",
+    "support-03",
+    "support-04",
+    "inverse-support-01",
+    "inverse-support-02",
+    "inverse-support-03",
+    "inverse-support-04",
+    "overlay-01",
+    "danger-01",
+    "danger-02",
+    "focus",
+    "inverse-focus-ui",
+    "hover-primary",
+    "active-primary",
+    "hover-primary-text",
+    "hover-secondary",
+    "active-secondary",
+    "hover-tertiary",
+    "active-tertiary",
+    "hover-ui",
+    "hover-light-ui",
+    "hover-selected-ui",
+    "active-ui",
+    "active-light-ui",
+    "selected-ui",
+    "selected-light-ui",
+    "inverse-hover-ui",
+    "hover-danger",
+    "active-danger",
+    "hover-row",
+    "visited-link",
+    "disabled-01",
+    "disabled-02",
+    "disabled-03",
+    "highlight",
+    "decorative-01",
+    "button-separator",
+    "skeleton-01",
+    "skeleton-02",
+    // deprecated
+    "brand-01",
+    "brand-02",
+    "brand-03",
+    "active-01",
+    "hover-field",
+    "danger"
+  ]
+});
+const type = TokenGroup.create({
+  name: "Type",
+  properties: [],
+  tokens: [
+    "caption-01",
+    "caption-02",
+    "label-01",
+    "label-02",
+    "helper-text-01",
+    "helper-text-02",
+    "body-short-01",
+    "body-long-01",
+    "body-short-02",
+    "body-long-02",
+    "code-01",
+    "code-02",
+    "heading-01",
+    "productive-heading-01",
+    "heading-02",
+    "productive-Heading-02",
+    "productive-heading-03",
+    "productive-heading-04",
+    "productive-heading-05",
+    "productive-heading-06",
+    "productive-heading-07",
+    "expressive-heading-01",
+    "expressive-heading-02",
+    "expressive-heading-03",
+    "expressive-heading-04",
+    "expressive-heading-05",
+    "expressive-heading-06",
+    "expressive-paragraph-01",
+    "quotation-01",
+    "quotation-02",
+    "display-01",
+    "display-02",
+    "display-03",
+    "display-04"
+  ]
+});
+const layout = TokenGroup.create({
+  name: "Layout",
+  properties: [],
+  tokens: [
+    "spacing-01",
+    "spacing-02",
+    "spacing-03",
+    "spacing-04",
+    "spacing-05",
+    "spacing-06",
+    "spacing-07",
+    "spacing-08",
+    "spacing-09",
+    "spacing-10",
+    "spacing-11",
+    "spacing-12",
+    "spacing-13",
+    "layout-01",
+    "layout-02",
+    "layout-03",
+    "layout-04",
+    "layout-05",
+    "layout-06",
+    "layout-07",
+    "fluid-spacing-01",
+    "fluid-spacing-02",
+    "fluid-spacing-03",
+    "fluid-spacing-04",
+    "container-01",
+    "container-02",
+    "container-03",
+    "container-04",
+    "container-05",
+    "icon-size-01",
+    "icon-size-02"
+  ]
+});
+const v10 = [
+  ...color.getTokens().map((token) => {
+    return {
+      name: token.name,
+      type: "color"
+    };
+  }),
+  ...type.getTokens().map((token) => {
+    return {
+      name: token.name,
+      type: "type"
+    };
+  }),
+  ...layout.getTokens().map((token) => {
+    return {
+      name: token.name,
+      type: "layout"
+    };
+  })
+];
+
+const v11 = [
+  // Base color tokens
+  ...group.getTokens().map((token) => {
+    return {
+      name: token.name,
+      type: "color"
+    };
+  }),
+  // Contextual tokens
+  ...contextual.getTokens().map((token) => {
+    return {
+      name: token.name,
+      type: "color"
+    };
+  }),
+  // Component tokens
+  ...Object.values(components).flatMap((group2) => {
+    return group2.getTokens().map((token) => {
+      return {
+        name: token.name,
+        type: "color"
+      };
+    });
+  }),
+  // Typography
+  ...type$1.getTokens().map((token) => {
+    return {
+      name: token.name,
+      type: "type"
+    };
+  }),
+  // Layout (spacing)
+  ...layout$1.getTokens().map((token) => {
+    return {
+      name: token.name,
+      type: "layout"
+    };
+  })
+];
+const unstable_metadata = {
+  v11,
+  v10
+};
+
+const themes = {
+  white: white$1,
+  g10: g10$1,
+  g90: g90$1,
+  g100: g100$1
+};
+
+export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartSm$3 as aiAuraStartSm, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, aiPopoverBackground$3 as aiPopoverBackground, aiPopoverCaretBottom$3 as aiPopoverCaretBottom, aiPopoverCaretBottomBackground$3 as aiPopoverCaretBottomBackground, aiPopoverCaretBottomBackgroundActions$3 as aiPopoverCaretBottomBackgroundActions, aiPopoverCaretCenter$3 as aiPopoverCaretCenter, aiPopoverShadowOuter01$3 as aiPopoverShadowOuter01, aiPopoverShadowOuter02$3 as aiPopoverShadowOuter02, aiSkeletonBackground$3 as aiSkeletonBackground, aiSkeletonElementBackground$3 as aiSkeletonElementBackground, background$8 as background, backgroundActive$7 as backgroundActive, backgroundBrand$7 as backgroundBrand, backgroundHover$7 as backgroundHover, backgroundInverse$7 as backgroundInverse, backgroundInverseHover$7 as backgroundInverseHover, backgroundSelected$7 as backgroundSelected, backgroundSelectedHover$7 as backgroundSelectedHover, borderDisabled$7 as borderDisabled, borderInteractive$7 as borderInteractive, borderInverse$7 as borderInverse, borderStrong01$3 as borderStrong01, borderStrong02$3 as borderStrong02, borderStrong03$3 as borderStrong03, borderSubtle00$3 as borderSubtle00, borderSubtle01$3 as borderSubtle01, borderSubtle02$3 as borderSubtle02, borderSubtle03$3 as borderSubtle03, borderSubtleSelected01$3 as borderSubtleSelected01, borderSubtleSelected02$3 as borderSubtleSelected02, borderSubtleSelected03$3 as borderSubtleSelected03, borderTile01$3 as borderTile01, borderTile02$3 as borderTile02, borderTile03$3 as borderTile03, index$2 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleBorder$3 as chatBubbleBorder, chatBubbleUser$3 as chatBubbleUser, chatButton$3 as chatButton, chatButtonActive$3 as chatButtonActive, chatButtonHover$3 as chatButtonHover, chatButtonSelected$3 as chatButtonSelected, chatButtonTextHover$3 as chatButtonTextHover, chatButtonTextSelected$3 as chatButtonTextSelected, chatHeaderBackground$3 as chatHeaderBackground, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatShellBackground$3 as chatShellBackground, field01$7 as field01, field02$7 as field02, field03$3 as field03, fieldHover01$3 as fieldHover01, fieldHover02$3 as fieldHover02, fieldHover03$3 as fieldHover03, focus$8 as focus, focusInset$7 as focusInset, focusInverse$7 as focusInverse, formatTokenName, g10$1 as g10, g100$1 as g100, g90$1 as g90, highlight$7 as highlight, iconDisabled$7 as iconDisabled, iconInteractive$3 as iconInteractive, iconInverse$7 as iconInverse, iconOnColor$7 as iconOnColor, iconOnColorDisabled$7 as iconOnColorDisabled, iconPrimary$7 as iconPrimary, iconSecondary$7 as iconSecondary, interactive$7 as interactive, layer01$3 as layer01, layer02$3 as layer02, layer03$3 as layer03, layerAccent01$3 as layerAccent01, layerAccent02$3 as layerAccent02, layerAccent03$3 as layerAccent03, layerAccentActive01$3 as layerAccentActive01, layerAccentActive02$3 as layerAccentActive02, layerAccentActive03$3 as layerAccentActive03, layerAccentHover01$3 as layerAccentHover01, layerAccentHover02$3 as layerAccentHover02, layerAccentHover03$3 as layerAccentHover03, layerActive01$3 as layerActive01, layerActive02$3 as layerActive02, layerActive03$3 as layerActive03, layerHover01$3 as layerHover01, layerHover02$3 as layerHover02, layerHover03$3 as layerHover03, layerSelected01$3 as layerSelected01, layerSelected02$3 as layerSelected02, layerSelected03$3 as layerSelected03, layerSelectedDisabled$7 as layerSelectedDisabled, layerSelectedHover01$3 as layerSelectedHover01, layerSelectedHover02$3 as layerSelectedHover02, layerSelectedHover03$3 as layerSelectedHover03, layerSelectedInverse$7 as layerSelectedInverse, linkInverse$7 as linkInverse, linkInverseActive$3 as linkInverseActive, linkInverseHover$3 as linkInverseHover, linkInverseVisited$3 as linkInverseVisited, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, supportCautionMajor$3 as supportCautionMajor, supportCautionMinor$3 as supportCautionMinor, supportCautionUndefined$3 as supportCautionUndefined, supportError$7 as supportError, supportErrorInverse$7 as supportErrorInverse, supportInfo$7 as supportInfo, supportInfoInverse$7 as supportInfoInverse, supportSuccess$7 as supportSuccess, supportSuccessInverse$7 as supportSuccessInverse, supportWarning$7 as supportWarning, supportWarningInverse$7 as supportWarningInverse, index$1 as tagTokens, textDisabled$7 as textDisabled, textError$7 as textError, textHelper$7 as textHelper, textInverse$7 as textInverse, textOnColor$7 as textOnColor, textOnColorDisabled$7 as textOnColorDisabled, textPlaceholder$7 as textPlaceholder, textPrimary$7 as textPrimary, textSecondary$7 as textSecondary, themes, toggleOff$7 as toggleOff, unstable_metadata, index$3 as v10, white$1 as white };