@common-origin/design-system 2.19.0 → 2.20.0

package/dist/client.js

@@ -161,7 +161,7 @@ var initials = tokens.component.avatar.initials;
 var color$b = semantic$l.color,
   size$3 = semantic$l.size;
 var radius$6 = semantic$l.radius;
-var AvatarContainer = styled__default.default.div.withConfig({
+var AvatarContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -174,14 +174,14 @@ var AvatarContainer = styled__default.default.div.withConfig({
   var $size = _a.$size;
   return size$3.avatar[$size];
 }, radius$6.full, color$b.fill.muted);
-var AvatarImage = styled__default.default.img.withConfig({
+var AvatarImage = /*#__PURE__*/styled__default.default.img.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
   displayName: "Avatar__AvatarImage",
   componentId: "sc-ezn4ax-1"
 })(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: ", ";\n  /* Remove the img role since the container already has role=\"img\" */\n"], ["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: ", ";\n  /* Remove the img role since the container already has role=\"img\" */\n"])), radius$6.full);
-var AvatarInitials = styled__default.default.span.withConfig({
+var AvatarInitials = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -461,7 +461,7 @@ var getDefaultElement = function getDefaultElement(variant) {
   };
   return elementMap[variant] || 'span';
 };
-var StyledTypography = styled__default.default.span.withConfig({
+var StyledTypography = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -539,11 +539,11 @@ var _a$9 = tokens.component.badge,
   count = _a$9.count,
   ring = _a$9.ring;
 var scaleIn$2 = styled.keyframes(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n"], ["\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n"])));
-var BadgeWrapper = styled__default.default.span.withConfig({
+var BadgeWrapper = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "Badge__BadgeWrapper",
   componentId: "sc-tjz4pp-0"
 })(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle;\n  flex-shrink: 0;\n"], ["\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle;\n  flex-shrink: 0;\n"])));
-var BadgeIndicator = styled__default.default.span.withConfig({
+var BadgeIndicator = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -575,7 +575,7 @@ var BadgeIndicator = styled__default.default.span.withConfig({
       return "\n          background-color: ".concat(color$9.fill.emphasis, ";\n          color: ").concat(color$9.text.inverse, ";\n        ");
   }
 });
-var ScreenReaderOnly$1 = styled__default.default.span.withConfig({
+var ScreenReaderOnly$1 = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "Badge__ScreenReaderOnly",
   componentId: "sc-tjz4pp-2"
 })(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), visuallyHidden);
@@ -734,7 +734,7 @@ var borderColorByKey = {
   error: color$8.border.danger
 };
 
-var StyledBox = styled__default.default.div.withConfig({
+var StyledBox = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -969,7 +969,7 @@ var BoxTransform = function BoxTransform(props) {
 var Box = BoxTransform;
 var templateObject_1$I, templateObject_2$v, templateObject_3$t, templateObject_4$m, templateObject_5$i, templateObject_6$d, templateObject_7$b, templateObject_8$8, templateObject_9$6, templateObject_10$4, templateObject_11$4, templateObject_12$4, templateObject_13$4, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1, templateObject_23$1, templateObject_24$1, templateObject_25$1, templateObject_26$1, templateObject_27$1, templateObject_28$1, templateObject_29$1, templateObject_30$1, templateObject_31$1, templateObject_32$1, templateObject_33$1, templateObject_34$1, templateObject_35$1, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51;
 
-var IconStyled = styled__default.default.span.withConfig({
+var IconStyled = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -1133,14 +1133,14 @@ var getSizeStyles = function getSizeStyles(_a) {
       return "\n        font: ".concat(button$1.sizes.large.font, ";\n        min-height: ").concat(control$1.lg, ";\n        padding: 0 ").concat(inset.lg, ";\n      ");
   }
 };
-var StyledButton = styled__default.default.button.withConfig({
+var StyledButton = /*#__PURE__*/styled__default.default.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
   displayName: "Button__StyledButton",
   componentId: "sc-1eiuum9-0"
 })(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n  ", "\n  border-radius: ", ";\n  \n  ", "\n  ", "\n"], ["\n  ", "\n  border-radius: ", ";\n  \n  ", "\n  ", "\n"])), baseButtonStyles, button$1.primary.borderRadius, getVariantStyles$1, getSizeStyles);
-var StyledLink = styled__default.default.a.withConfig({
+var StyledLink = /*#__PURE__*/styled__default.default.a.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -1269,7 +1269,7 @@ var categoryText = {
   orange: category['orange-text'],
   gray: category['gray-text']
 };
-var StyledCategoryLabel = styled__default.default.span.withConfig({
+var StyledCategoryLabel = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -1315,11 +1315,11 @@ var StyledCategoryLabel = styled__default.default.span.withConfig({
 });
 // The visible content, hidden from assistive technology when an aria-label replaces it.
 // display: contents keeps the root's flex layout and gap.
-var VisibleContent$1 = styled__default.default.span.withConfig({
+var VisibleContent$1 = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "CategoryLabel__VisibleContent",
   componentId: "sc-1jx7bjo-1"
 })(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  display: contents;\n"], ["\n  display: contents;\n"])));
-var HiddenLabel = styled__default.default.span.withConfig({
+var HiddenLabel = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "CategoryLabel__HiddenLabel",
   componentId: "sc-1jx7bjo-2"
 })(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"
@@ -1456,7 +1456,7 @@ var sizeStyles = "\n  font: ".concat(chip$1.sizes.medium.font, ";\n  min-height:
 var chip = tokens.component.chip,
   semantic$f = tokens.semantic;
 // Base styled component using direct prop interpolation like Button
-var StyledChip = styled__default.default.span.withConfig({
+var StyledChip = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -1470,14 +1470,14 @@ var StyledChip = styled__default.default.span.withConfig({
   return props.$disabled ? "".concat(forcedColors, " { color: GrayText; }") : '';
 }, getVariantStyles, sizeStyles, chip.focus.outline, semantic$f.border.focusOffset);
 // Icon container for selected indicator or leading icons
-var IconContainer = styled__default.default.span.withConfig({
+var IconContainer = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "ChipBase__IconContainer",
   componentId: "sc-moa6zc-1"
 })(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  margin-right: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  margin-right: ", ";\n"
 // Close button for dismissible chips
 ])), tokens.semantic.space[100]);
 // Close button for dismissible chips
-var CloseButton = styled__default.default.button.withConfig({
+var CloseButton = /*#__PURE__*/styled__default.default.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -1724,7 +1724,7 @@ var BooleanChip = function BooleanChip(_a) {
 };
 
 var space$c = tokens.semantic.space;
-var StyledContainer$2 = styled__default.default.div.withConfig({
+var StyledContainer$2 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Container__StyledContainer",
   componentId: "sc-17dbj6n-0"
 })(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: ", ";\n  padding-right: ", ";\n  \n  ", " {\n    max-width: ", ";\n  }\n  \n  ", " {\n    max-width: ", ";\n  }\n  \n  ", " {\n    max-width: ", ";\n  }\n  \n  ", " {\n    max-width: ", ";\n  }\n  \n  ", " {\n    max-width: ", ";\n  }\n"], ["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: ", ";\n  padding-right: ", ";\n  \n  ", " {\n    max-width: ", ";\n  }\n  \n  ", " {\n    max-width: ", ";\n  }\n  \n  ", " {\n    max-width: ", ";\n  }\n  \n  ", " {\n    max-width: ", ";\n  }\n  \n  ", " {\n    max-width: ", ";\n  }\n"])), space$c[600], space$c[600], media$1.sm, breakpoints$1.sm, media$1.md, breakpoints$1.md, media$1.lg, breakpoints$1.lg, media$1.xl, breakpoints$1.xl, media$1['2xl'], breakpoints$1['2xl']);
@@ -1737,7 +1737,7 @@ var Container$1 = function Container(_a) {
 };
 var templateObject_1$D;
 
-var PictureWrapper = styled__default.default.div.withConfig({
+var PictureWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Picture__PictureWrapper",
   componentId: "sc-11d9tei-0"
 })(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  margin: 0 auto;\n  \n  ", " {\n    margin-left: 0;\n    margin-right: 0;\n  }\n"], ["\n  margin: 0 auto;\n  \n  ", " {\n    margin-left: 0;\n    margin-right: 0;\n  }\n"
@@ -1749,15 +1749,15 @@ var PictureWrapper = styled__default.default.div.withConfig({
 // one step further while pressed, and draws the system focus ring around the image, following its
 // rounded corners. Fading isn't movement, so it stays under reduced motion.
 var clickableImage = styled.css(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  display: block;\n  cursor: pointer;\n\n  img {\n    transition: ", ";\n  }\n\n  &:hover img {\n    opacity: ", ";\n  }\n\n  &:active img {\n    opacity: ", ";\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:focus-visible img {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"], ["\n  display: block;\n  cursor: pointer;\n\n  img {\n    transition: ", ";\n  }\n\n  &:hover img {\n    opacity: ", ";\n  }\n\n  &:active img {\n    opacity: ", ";\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:focus-visible img {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"])), tokens.semantic.motion.transition.press, tokens.semantic.opacity.hover, tokens.semantic.opacity.pressed, tokens.semantic.border.focus, tokens.semantic.border.focusOffset);
-var ImageLink = styled__default.default.a.withConfig({
+var ImageLink = /*#__PURE__*/styled__default.default.a.withConfig({
   displayName: "Picture__ImageLink",
   componentId: "sc-11d9tei-1"
 })(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), clickableImage);
-var ImageButton = styled__default.default.button.withConfig({
+var ImageButton = /*#__PURE__*/styled__default.default.button.withConfig({
   displayName: "Picture__ImageButton",
   componentId: "sc-11d9tei-2"
 })(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n  border: none;\n  background: none;\n  padding: 0;\n  width: 100%;\n  ", "\n"], ["\n  border: none;\n  background: none;\n  padding: 0;\n  width: 100%;\n  ", "\n"])), clickableImage);
-var StyledImage = styled__default.default.img.withConfig({
+var StyledImage = /*#__PURE__*/styled__default.default.img.withConfig({
   displayName: "Picture__StyledImage",
   componentId: "sc-11d9tei-3"
 })(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n  width: 100%;\n  height: auto;\n  border-radius: ", ";\n  display: block;\n"], ["\n  width: 100%;\n  height: auto;\n  border-radius: ", ";\n  display: block;\n"])), tokens.semantic.radius.sm);
@@ -1795,7 +1795,7 @@ var templateObject_1$C, templateObject_2$r, templateObject_3$q, templateObject_4
 var _a$8 = tokens.semantic,
   typography$1 = _a$8.typography,
   color$6 = _a$8.color;
-var TimeStyled = styled__default.default.time.withConfig({
+var TimeStyled = /*#__PURE__*/styled__default.default.time.withConfig({
   displayName: "DateFormatter__TimeStyled",
   componentId: "sc-5464cc-0"
 })(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n"], ["\n  font: ", ";\n  color: ", ";\n"
@@ -1899,7 +1899,7 @@ var colours = function colours(variant) {
   var _a;
   return (_a = variants[variant]) !== null && _a !== void 0 ? _a : variants.primary;
 };
-var IconButtonStyled = styled__default.default.button.withConfig({
+var IconButtonStyled = /*#__PURE__*/styled__default.default.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -1985,7 +1985,7 @@ var IconButton = function IconButton(_a) {
 };
 var templateObject_1$A;
 
-var StyledWrapper = styled__default.default.span.withConfig({
+var StyledWrapper = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2109,7 +2109,7 @@ var _a$6 = __assign(__assign({}, semantic$e), {
   motion$4 = _a$6.motion,
   radius$2 = _a$6.radius,
   component$2 = _a$6.component;
-var ProgressBarContainer = styled__default.default.div.withConfig({
+var ProgressBarContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2120,7 +2120,7 @@ var ProgressBarContainer = styled__default.default.div.withConfig({
 }, function (props) {
   return props.$variant === 'vertical' && styled.css(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n    width: ", ";\n    height: 100%;\n  "], ["\n    width: ", ";\n    height: 100%;\n  "])), props.$width ? component$2.progressBar.sizes[props.$width].height : component$2.progressBar.sizes.md.height);
 });
-var ProgressBarFill = styled__default.default.div.withConfig({
+var ProgressBarFill = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2185,7 +2185,7 @@ var templateObject_1$y, templateObject_2$q, templateObject_3$p, templateObject_4
 var separatorTokens = tokens.component.separator;
 // Margins come from the semantic separator spacing: no component spacing tokens (decision 0022)
 var space$a = tokens.semantic.space;
-var StyledDivider = styled__default.default.div.withConfig({
+var StyledDivider = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2306,7 +2306,7 @@ var Divider = function Divider(_a) {
 };
 var templateObject_1$x;
 
-var StyledStack = styled__default.default.div.withConfig({
+var StyledStack = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2440,7 +2440,7 @@ var sizeConfig$1 = {
     iconSize: 'sm'
   }
 };
-var StyledStatusLabel = styled__default.default.span.withConfig({
+var StyledStatusLabel = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2455,7 +2455,7 @@ var StyledStatusLabel = styled__default.default.span.withConfig({
   var config = getStatusConfig($status);
   return "\n      background-color: ".concat(config.bgColor, ";\n      color: ").concat(config.color, ";\n    ");
 });
-var ScreenReaderOnly = styled__default.default.span.withConfig({
+var ScreenReaderOnly = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "StatusLabelBase__ScreenReaderOnly",
   componentId: "sc-1ye9xz5-1"
 })(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"
@@ -2464,7 +2464,7 @@ var ScreenReaderOnly = styled__default.default.span.withConfig({
 ])), visuallyHidden);
 // The visible content, hidden from assistive technology when an aria-label replaces it.
 // display: contents keeps the root's flex layout and gap.
-var VisibleContent = styled__default.default.span.withConfig({
+var VisibleContent = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "StatusLabelBase__VisibleContent",
   componentId: "sc-1ye9xz5-2"
 })(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n  display: contents;\n"], ["\n  display: contents;\n"
@@ -2556,7 +2556,7 @@ var color$4 = semantic$d.color,
 var label = tokens.component.badge.label;
 var space$8 = semantic$d.space;
 var radius = semantic$d.radius;
-var StyledTag = styled__default.default.span.withConfig({
+var StyledTag = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2659,23 +2659,23 @@ var templateObject_1$u;
 // Destructure tokens for cleaner access
 var semantic$c = tokens.semantic;
 var space$7 = semantic$c.space;
-var StyledBalanceSection = styled__default.default.div.withConfig({
+var StyledBalanceSection = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AccountCard__StyledBalanceSection",
   componentId: "sc-1erp7zn-0"
 })(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n  margin-bottom: ", ";\n"], ["\n  margin-bottom: ", ";\n"])), space$7[400]);
-var StyledTrendSection = styled__default.default.div.withConfig({
+var StyledTrendSection = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AccountCard__StyledTrendSection",
   componentId: "sc-1erp7zn-1"
 })(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n"])), space$7[100]);
-styled__default.default.div.withConfig({
+/*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AccountCard__StyledActions",
   componentId: "sc-1erp7zn-2"
 })(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n  display: flex;\n  gap: ", ";\n  margin-top: auto;\n"], ["\n  display: flex;\n  gap: ", ";\n  margin-top: auto;\n"])), space$7[200]);
-var StyledStackWrapper = styled__default.default.div.withConfig({
+var StyledStackWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AccountCard__StyledStackWrapper",
   componentId: "sc-1erp7zn-3"
 })(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
-var StyledHeaderWrapper = styled__default.default.div.withConfig({
+var StyledHeaderWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AccountCard__StyledHeaderWrapper",
   componentId: "sc-1erp7zn-4"
 })(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n  min-height: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: ", ";\n\n  & > span {\n    margin-top: calc(-1 * ", ");\n  }\n"], ["\n  min-height: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: ", ";\n\n  & > span {\n    margin-top: calc(-1 * ", ");\n  }\n"
@@ -2841,7 +2841,7 @@ var semantic$b = tokens.semantic;
 var _a$4 = semantic$b.motion,
   duration$2 = _a$4.duration,
   easing$2 = _a$4.easing;
-var StyledListItem = styled__default.default.li.withConfig({
+var StyledListItem = /*#__PURE__*/styled__default.default.li.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2858,7 +2858,7 @@ var StyledListItem = styled__default.default.li.withConfig({
     $disabled = _a.$disabled;
   return $destructive && !$disabled && "\n    color: ".concat(semantic$b.color.text.danger, ";\n  ");
 });
-var StyledItemContent = styled__default.default.div.withConfig({
+var StyledItemContent = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2883,19 +2883,19 @@ var StyledItemContent = styled__default.default.div.withConfig({
     textSelector: "".concat(StyledTextContent, " > :first-child")
   });
 }, semantic$b.border.focus, semantic$b.border.focusOffset);
-var StyledIconContainer$1 = styled__default.default.div.withConfig({
+var StyledIconContainer$1 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "ListItem__StyledIconContainer",
   componentId: "sc-1wzzt21-2"
 })(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: ", ";\n  height: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: ", ";\n  height: ", ";\n"])), semantic$b.size.icon.lg, semantic$b.size.icon.lg);
-var StyledTextContent = styled__default.default.div.withConfig({
+var StyledTextContent = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "ListItem__StyledTextContent",
   componentId: "sc-1wzzt21-3"
 })(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  min-width: 0; /* Allow text truncation */\n"], ["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  min-width: 0; /* Allow text truncation */\n"])), semantic$b.space[100]);
-var StyledRightContent = styled__default.default.div.withConfig({
+var StyledRightContent = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "ListItem__StyledRightContent",
   componentId: "sc-1wzzt21-4"
 })(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  flex-shrink: 0;\n  margin-left: auto;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  flex-shrink: 0;\n  margin-left: auto;\n"])), semantic$b.space[200]);
-var StyledChevronIcon = styled__default.default.div.withConfig({
+var StyledChevronIcon = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -2905,7 +2905,7 @@ var StyledChevronIcon = styled__default.default.div.withConfig({
   var $expanded = _a.$expanded;
   return $expanded ? '180deg' : '0deg';
 }, reducedMotion);
-var StyledExpandedContent = styled__default.default.div.withConfig({
+var StyledExpandedContent = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -3099,14 +3099,14 @@ var _a$3 = tokens.semantic,
   elevation$2 = _a$3.elevation;
 var slideUp = styled.keyframes(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n"], ["\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n"])));
 var fadeIn$2 = styled.keyframes(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-var StyledOverlay$2 = styled__default.default.div.withConfig({
+var StyledOverlay$2 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "ActionSheet__StyledOverlay",
   componentId: "sc-regbol-0"
 })(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  background-color: ", ";\n  z-index: ", ";\n  animation: ", " ", " ", "", ";\n"], ["\n  position: fixed;\n  inset: 0;\n  background-color: ", ";\n  z-index: ", ";\n  animation: ", " ", " ", "", ";\n"])), tokens.semantic.surface.scrim, tokens.semantic.layer.modal, fadeIn$2, motion$3.duration.moderate, motion$3.easing.decelerate, function (_a) {
   var $isExiting = _a.$isExiting;
   return $isExiting && exitAnimation;
 });
-var StyledActionSheet = styled__default.default.div.withConfig({
+var StyledActionSheet = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "ActionSheet__StyledActionSheet",
   componentId: "sc-regbol-1"
 })(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  box-shadow: ", ";\n  max-height: 90vh;\n  overflow-y: auto;\n  z-index: ", ";\n  animation: ", " ", " ", "", ";\n\n  ", " {\n    animation: ", " ", " ", "", ";\n  }\n\n"], ["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  box-shadow: ", ";\n  max-height: 90vh;\n  overflow-y: auto;\n  z-index: ", ";\n  animation: ", " ", " ", "", ";\n\n  ", " {\n    animation: ", " ", " ", "", ";\n  }\n\n"])), tokens.semantic.surface.raised, tokens.semantic.radius.lg, tokens.semantic.radius.lg, elevation$2.overlay, tokens.semantic.layer.modal, slideUp, motion$3.duration.slow, motion$3.easing.decelerate, function (_a) {
@@ -3116,19 +3116,19 @@ var StyledActionSheet = styled__default.default.div.withConfig({
   var $isExiting = _a.$isExiting;
   return $isExiting && exitAnimation;
 });
-var StyledHeader$2 = styled__default.default.div.withConfig({
+var StyledHeader$2 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "ActionSheet__StyledHeader",
   componentId: "sc-regbol-2"
 })(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: ", " ", " ", ";\n  border-bottom: ", ";\n"], ["\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: ", " ", " ", ";\n  border-bottom: ", ";\n"])), space$6[400], space$6[400], space$6[300], border$2["default"]);
-var StyledHeaderContent = styled__default.default.div.withConfig({
+var StyledHeaderContent = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "ActionSheet__StyledHeaderContent",
   componentId: "sc-regbol-3"
 })(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
-var StyledCloseButton = styled__default.default.button.withConfig({
+var StyledCloseButton = /*#__PURE__*/styled__default.default.button.withConfig({
   displayName: "ActionSheet__StyledCloseButton",
   componentId: "sc-regbol-4"
 })(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: ", ";\n  border: none;\n  background: transparent;\n  color: ", ";\n  cursor: pointer;\n  border-radius: ", ";\n  transition: ", ";\n  margin-left: ", ";\n  \n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: ", ";\n  border: none;\n  background: transparent;\n  color: ", ";\n  cursor: pointer;\n  border-radius: ", ";\n  transition: ", ";\n  margin-left: ", ";\n  \n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"])), space$6[200], color$3.icon.muted, tokens.semantic.radius.sm, motion$3.transition.feedback, space$6[200], color$3.icon["default"], color$3.fill.muted, border$2.focus, border$2.focusOffset);
-var StyledActionsList = styled__default.default.ul.withConfig({
+var StyledActionsList = /*#__PURE__*/styled__default.default.ul.withConfig({
   displayName: "ActionSheet__StyledActionsList",
   componentId: "sc-regbol-5"
 })(templateObject_8$7 || (templateObject_8$7 = __makeTemplateObject(["\n  padding: ", " ", ";\n  margin: 0;\n  list-style: none;\n"], ["\n  padding: ", " ", ";\n  margin: 0;\n  list-style: none;\n"
@@ -3460,35 +3460,35 @@ var DEFAULT_IDLE_HELPER = 'Ask about transactions, spending, or transfers';
 var DEFAULT_LISTENING_MESSAGE = 'Listening… speak now';
 var DEFAULT_PROCESSING_MESSAGE = 'Finishing voice input…';
 var rotateRing = styled.keyframes(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"], ["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"])));
-var Container = styled__default.default.div.withConfig({
+var Container = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AgentInput__Container",
   componentId: "sc-fhl996-0"
 })(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n"])), semantic$a.space[200]);
-var ControlsRow = styled__default.default.div.withConfig({
+var ControlsRow = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AgentInput__ControlsRow",
   componentId: "sc-fhl996-1"
 })(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-var InputShell = styled__default.default.div.withConfig({
+var InputShell = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AgentInput__InputShell",
   componentId: "sc-fhl996-2"
 })(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  width: 100%;\n  padding: ", " ", " ", " ", ";\n  background-color: ", ";\n  border: ", " solid ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  transition: border-color ", " ", ", outline ", " ", ";\n\n  &:focus-within {\n    border-color: ", ";\n    outline: ", ";\n    outline-offset: ", ";\n  }\n\n  &[data-disabled='true'] {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  width: 100%;\n  padding: ", " ", " ", " ", ";\n  background-color: ", ";\n  border: ", " solid ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  transition: border-color ", " ", ", outline ", " ", ";\n\n  &:focus-within {\n    border-color: ", ";\n    outline: ", ";\n    outline-offset: ", ";\n  }\n\n  &[data-disabled='true'] {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), semantic$a.space[200], semantic$a.space[100], semantic$a.space[200], semantic$a.space[100], semantic$a.space.inset.lg, component$1.input["default"].backgroundColor, component$1.input["default"].borderWidth, component$1.input["default"].borderColor, semantic$a.radius['3xl'], semantic$a.elevation.raised, semantic$a.motion.duration.moderate, semantic$a.motion.easing.standard, semantic$a.motion.duration.moderate, semantic$a.motion.easing.standard, component$1.input.focus.borderColor, component$1.input.focus.outline, semantic$a.border.focusOffset, component$1.input.disabled.backgroundColor, component$1.input.disabled.borderColor);
-var Input = styled__default.default.input.withConfig({
+var Input = /*#__PURE__*/styled__default.default.input.withConfig({
   displayName: "AgentInput__Input",
   componentId: "sc-fhl996-3"
 })(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  flex: 1;\n  min-width: 0;\n  min-height: ", ";\n  border: none;\n  background: transparent;\n  font: ", ";\n  color: ", ";\n  outline: none;\n\n  &::placeholder {\n    color: ", ";\n    /* Firefox fades placeholders to 0.54 by default, which would undo the 4.5:1 contrast */\n    opacity: 1;\n  }\n\n  &:disabled {\n    color: ", ";\n    cursor: not-allowed;\n  }\n"], ["\n  flex: 1;\n  min-width: 0;\n  min-height: ", ";\n  border: none;\n  background: transparent;\n  font: ", ";\n  color: ", ";\n  outline: none;\n\n  &::placeholder {\n    color: ", ";\n    /* Firefox fades placeholders to 0.54 by default, which would undo the 4.5:1 contrast */\n    opacity: 1;\n  }\n\n  &:disabled {\n    color: ", ";\n    cursor: not-allowed;\n  }\n"])), semantic$a.size.control.lg, semantic$a.typography.body, semantic$a.color.text["default"], component$1.input.placeholder.textColor, semantic$a.color.text.disabled);
-var InputActions = styled__default.default.div.withConfig({
+var InputActions = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AgentInput__InputActions",
   componentId: "sc-fhl996-4"
 })(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  gap: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  gap: ", ";\n"])), semantic$a.space[200]);
-var CircularActionIconButton = styled__default.default(IconButton).withConfig({
+var CircularActionIconButton = /*#__PURE__*/styled__default.default(IconButton).withConfig({
   displayName: "AgentInput__CircularActionIconButton",
   componentId: "sc-fhl996-5"
 })(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  border-radius: ", ";\n"], ["\n  border-radius: ", ";\n"])), semantic$a.radius.full);
-var InputWrapper = styled__default.default.div.withConfig({
+var InputWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AgentInput__InputWrapper",
   componentId: "sc-fhl996-6"
 })(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n  flex: 1;\n  min-width: 0;\n"], ["\n  flex: 1;\n  min-width: 0;\n"])));
-var MicButtonWrapper = styled__default.default.div.withConfig({
+var MicButtonWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -3501,7 +3501,7 @@ var MicButtonWrapper = styled__default.default.div.withConfig({
 // Masks read only alpha, so the opaque stop is a mask value, not a colour (decision 0010).
 // eslint-disable-next-line no-restricted-syntax
 var ringMask = styled.css(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["radial-gradient(farthest-side, transparent calc(100% - var(--ring-thickness)), #000 calc(100% - var(--ring-thickness)))"], ["radial-gradient(farthest-side, transparent calc(100% - var(--ring-thickness)), #000 calc(100% - var(--ring-thickness)))"])));
-var MicListeningRing = styled__default.default.span.withConfig({
+var MicListeningRing = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -3511,26 +3511,26 @@ var MicListeningRing = styled__default.default.span.withConfig({
   var $reducedMotion = _a.$reducedMotion;
   return !$reducedMotion && styled.css(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n      animation: ", " 1300ms linear infinite;\n    "], ["\n      animation: ", " 1300ms linear infinite;\n    "])), rotateRing);
 });
-var StatusRow = styled__default.default.div.withConfig({
+var StatusRow = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AgentInput__StatusRow",
   componentId: "sc-fhl996-9"
 })(templateObject_13$3 || (templateObject_13$3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ", ";\n  min-height: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ", ";\n  min-height: ", ";\n"])), semantic$a.space[300], semantic$a.space[600]);
-var StatusText = styled__default.default.div.withConfig({
+var StatusText = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
   displayName: "AgentInput__StatusText",
   componentId: "sc-fhl996-10"
 })(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n  padding-left: ", ";\n"], ["\n  padding-left: ", ";\n"])), semantic$a.space[500]);
-var StatusAnnouncement = styled__default.default.div.withConfig({
+var StatusAnnouncement = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AgentInput__StatusAnnouncement",
   componentId: "sc-fhl996-11"
 })(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject([""], [""])));
-var MeterContainer = styled__default.default.div.withConfig({
+var MeterContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "AgentInput__MeterContainer",
   componentId: "sc-fhl996-12"
 })(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: flex-end;\n  gap: ", ";\n  height: ", ";\n"], ["\n  display: inline-flex;\n  align-items: flex-end;\n  gap: ", ";\n  height: ", ";\n"])), semantic$a.space[100], semantic$a.space[400]);
-var MeterBar = styled__default.default.div.withConfig({
+var MeterBar = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -3540,7 +3540,7 @@ var MeterBar = styled__default.default.div.withConfig({
   var $height = _a.$height;
   return "".concat($height * 100, "%");
 }, semantic$a.motion.duration.fast, semantic$a.motion.easing.decelerate);
-var VisuallyHiddenLabel = styled__default.default.label.withConfig({
+var VisuallyHiddenLabel = /*#__PURE__*/styled__default.default.label.withConfig({
   displayName: "AgentInput__VisuallyHiddenLabel",
   componentId: "sc-fhl996-14"
 })(templateObject_18$1 || (templateObject_18$1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), visuallyHidden);
@@ -4219,7 +4219,7 @@ var variantTitleColors = {
   info: 'interactive',
   success: 'success'
 };
-var StyledAlert = styled__default.default.div.withConfig({
+var StyledAlert = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -4252,19 +4252,19 @@ var StyledAlert = styled__default.default.div.withConfig({
     $reducedExit = _a.$reducedExit;
   return $isExiting && styled.css(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n    overflow: hidden;\n    pointer-events: none;\n    animation: ", ";\n  "], ["\n    overflow: hidden;\n    pointer-events: none;\n    animation: ", ";\n  "])), $reducedExit ? styled.css(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["", " ", " ", " forwards"], ["", " ", " ", " forwards"])), fadeOut, duration$1.fast, easing$1.accelerate) : styled.css(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["", " ", "ms ", " forwards"], ["", " ", "ms ", " forwards"])), fadeThenCollapse, EXIT_MS, easing$1.accelerate));
 });
-var StyledIconContainer = styled__default.default.div.withConfig({
+var StyledIconContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Alert__StyledIconContainer",
   componentId: "sc-18tq5d-1"
 })(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n"])));
-var StyledContent$1 = styled__default.default.div.withConfig({
+var StyledContent$1 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Alert__StyledContent",
   componentId: "sc-18tq5d-2"
 })(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  min-width: 0; /* Allow text wrapping */\n"], ["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  min-width: 0; /* Allow text wrapping */\n"])), semantic$9.space[100]);
-var StyledTitle = styled__default.default.span.withConfig({
+var StyledTitle = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "Alert__StyledTitle",
   componentId: "sc-18tq5d-3"
 })(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n  font: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin: 0;\n"], ["\n  font: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin: 0;\n"])), alert.title.typography, alert.title.fontWeight, alert.title.lineHeight);
-var StyledMessage$1 = styled__default.default.span.withConfig({
+var StyledMessage$1 = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "Alert__StyledMessage",
   componentId: "sc-18tq5d-4"
 })(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n  font: ", ";\n  line-height: ", ";\n"], ["\n  font: ", ";\n  line-height: ", ";\n"
@@ -4273,7 +4273,7 @@ var StyledMessage$1 = styled__default.default.span.withConfig({
 ])), alert.message.typography, alert.message.lineHeight);
 // The action follows the content, left-aligned with it, so it's read after the message
 // (#122). With the content's xs gap, the space above it is md: a separate step.
-var StyledActions = styled__default.default.div.withConfig({
+var StyledActions = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Alert__StyledActions",
   componentId: "sc-18tq5d-5"
 })(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: ", ";\n  margin-top: calc(", " - ", ");\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: ", ";\n  margin-top: calc(", " - ", ");\n"
@@ -4286,7 +4286,7 @@ var StyledActions = styled__default.default.div.withConfig({
 // message when there's no title (decision 0019). The slot is as tall as that line and the
 // button is centred in it, overflowing evenly into the padding, so it stays aligned at every
 // padding and line height. Being in the row, it also keeps text and actions from running under it.
-var StyledDismissSlot = styled__default.default.div.withConfig({
+var StyledDismissSlot = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -4301,7 +4301,7 @@ var StyledDismissSlot = styled__default.default.div.withConfig({
 });
 // The glyph sits on the padding edge, mirroring the severity icon on the left. The inline
 // alert's padding is too small for that, so its button stays inside the padding.
-var StyledDismissButton = styled__default.default(IconButton).withConfig({
+var StyledDismissButton = /*#__PURE__*/styled__default.default(IconButton).withConfig({
   displayName: "Alert__StyledDismissButton",
   componentId: "sc-18tq5d-7"
 })(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n  margin-right: ", ";\n"], ["\n  margin-right: ", ";\n"])), function (_a) {
@@ -4472,7 +4472,7 @@ var sizeConfig = {
     icon: 'sm'
   }
 };
-var StyledInlineAlert = styled__default.default.div.withConfig({
+var StyledInlineAlert = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -4497,11 +4497,11 @@ var StyledInlineAlert = styled__default.default.div.withConfig({
 });
 // One line of the message's font tall, so the icon centres on the first line at any size:
 // the zero-width space gives the box the font's line height without a fixed value
-var StyledIconLine = styled__default.default.span.withConfig({
+var StyledIconLine = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "InlineAlert__StyledIconLine",
   componentId: "sc-eervmb-1"
 })(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n\n  &::after {\n    content: '\\200B';\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n\n  &::after {\n    content: '\\\\200B';\n  }\n"])));
-var StyledMessage = styled__default.default.span.withConfig({
+var StyledMessage = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "InlineAlert__StyledMessage",
   componentId: "sc-eervmb-2"
 })(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  min-width: 0;\n"], ["\n  min-width: 0;\n"
@@ -4574,15 +4574,15 @@ var InlineAlert = function InlineAlert(_a) {
 InlineAlert.displayName = 'InlineAlert';
 var templateObject_1$o, templateObject_2$j, templateObject_3$i;
 
-var BreadcrumbNavStyled = styled__default.default.nav.withConfig({
+var BreadcrumbNavStyled = /*#__PURE__*/styled__default.default.nav.withConfig({
   displayName: "Breadcrumbs__BreadcrumbNavStyled",
   componentId: "sc-7ouzg5-0"
 })(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n  border-bottom: ", ";\n\n  ol {\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n"], ["\n  border-bottom: ", ";\n\n  ol {\n    display: flex;\n    align-items: center;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n"])), tokens.semantic.border["default"]);
-var BreadcrumbStyled = styled__default.default.li.withConfig({
+var BreadcrumbStyled = /*#__PURE__*/styled__default.default.li.withConfig({
   displayName: "Breadcrumbs__BreadcrumbStyled",
   componentId: "sc-7ouzg5-1"
 })(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  text-transform: uppercase;\n  display: inline-flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n\n  &:last-of-type a {\n    text-decoration: none;\n    color: ", ";\n  }\n\n  &:last-of-type p {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: ", ";\n  }\n\n  > a {\n    display: inline-flex;\n    align-items: center;\n    text-decoration: underline;\n    color: ", ";\n  }\n"], ["\n  text-transform: uppercase;\n  display: inline-flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n\n  &:last-of-type a {\n    text-decoration: none;\n    color: ", ";\n  }\n\n  &:last-of-type p {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: ", ";\n  }\n\n  > a {\n    display: inline-flex;\n    align-items: center;\n    text-decoration: underline;\n    color: ", ";\n  }\n"])), tokens.semantic.space[200], tokens.semantic.space[200], tokens.semantic.color.text.muted, tokens.component.breadcrumbs.item.maxWidth, tokens.semantic.color.text["default"]);
-var BreadcrumbSeparator = styled__default.default.span.withConfig({
+var BreadcrumbSeparator = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "Breadcrumbs__BreadcrumbSeparator",
   componentId: "sc-7ouzg5-2"
 })(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  opacity: 0.5;\n"], ["\n  display: inline-flex;\n  align-items: center;\n  opacity: 0.5;\n"])));
@@ -4637,7 +4637,7 @@ var templateObject_1$n, templateObject_2$i, templateObject_3$h;
 
 // The whole card is one link (#185): hovering anywhere fades its image, pressing fades it one step
 // further, and keyboard focus draws the system focus ring around the card (decision 0029)
-var CardSmallStyled = styled__default.default.div.withConfig({
+var CardSmallStyled = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "CardSmall__CardSmallStyled",
   componentId: "sc-jpcqvd-0"
 })(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n  a {\n    display: block;\n    text-decoration: none;\n    border-radius: ", ";\n  }\n\n  img {\n    border-radius: ", ";\n    transition: ", ";\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  a:hover img {\n    opacity: ", ";\n  }\n\n  a:active img {\n    opacity: ", ";\n  }\n\n  a:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"], ["\n  a {\n    display: block;\n    text-decoration: none;\n    border-radius: ", ";\n  }\n\n  img {\n    border-radius: ", ";\n    transition: ", ";\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  a:hover img {\n    opacity: ", ";\n  }\n\n  a:active img {\n    opacity: ", ";\n  }\n\n  a:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"])), tokens.semantic.radius.sm, tokens.semantic.radius.sm, tokens.semantic.motion.transition.press, tokens.semantic.opacity.hover, tokens.semantic.opacity.pressed, tokens.semantic.border.focus, tokens.semantic.border.focusOffset);
@@ -4696,7 +4696,7 @@ var CardSmall = function CardSmall(_a) {
 };
 var templateObject_1$m;
 
-var CardLargeStyled = styled__default.default.div.withConfig({
+var CardLargeStyled = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "CardLarge__CardLargeStyled",
   componentId: "sc-1rfgdzl-0"
 })(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n  max-width: ", ";\n\n  a {\n    text-decoration: none;\n  }\n\n  /* The image answers hover and press through Picture, and only when it's clickable (issue 185) */\n  img {\n    border-radius: ", ";\n    width: 100%;\n  }\n"], ["\n  max-width: ", ";\n\n  a {\n    text-decoration: none;\n  }\n\n  /* The image answers hover and press through Picture, and only when it's clickable (issue 185) */\n  img {\n    border-radius: ", ";\n    width: 100%;\n  }\n"])), tokens.component.cardLarge.maxWidth, tokens.semantic.radius['2xl']);
@@ -4760,7 +4760,7 @@ var templateObject_1$l;
  * Hidden native checkbox input for accessibility
  * Maintains keyboard navigation and screen reader support
  */
-var HiddenCheckboxInput = styled__default.default.input.withConfig({
+var HiddenCheckboxInput = /*#__PURE__*/styled__default.default.input.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -4777,7 +4777,7 @@ var HiddenCheckboxInput = styled__default.default.input.withConfig({
  * 24px × 24px for 8px grid alignment
  * Uses component.input.* tokens for consistency with TextField
  */
-var StyledCheckbox = styled__default.default.span.withConfig({
+var StyledCheckbox = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -4818,7 +4818,7 @@ var StyledCheckbox = styled__default.default.span.withConfig({
  * Container for checkbox with proper spacing and alignment
  * 48px min-height for touch target (8px grid aligned)
  */
-var StyledCheckboxContainer = styled__default.default.label.withConfig({
+var StyledCheckboxContainer = /*#__PURE__*/styled__default.default.label.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -4835,7 +4835,7 @@ var StyledCheckboxContainer = styled__default.default.label.withConfig({
 /**
  * Label text with proper typography
  */
-var StyledCheckboxLabel = styled__default.default.span.withConfig({
+var StyledCheckboxLabel = /*#__PURE__*/styled__default.default.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -4846,11 +4846,11 @@ var StyledCheckboxLabel = styled__default.default.span.withConfig({
 });
 var templateObject_1$k, templateObject_2$h, templateObject_3$g, templateObject_4$d;
 
-var StyledFieldContainer$3 = styled__default.default.div.withConfig({
+var StyledFieldContainer$3 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Checkbox__StyledFieldContainer",
   componentId: "sc-vquz3v-0"
 })(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n  display: inline-flex;\n  flex-direction: column;\n  gap: ", ";\n"], ["\n  display: inline-flex;\n  flex-direction: column;\n  gap: ", ";\n"])), tokens.semantic.space[100]);
-var StyledHelperText$4 = styled__default.default.span.withConfig({
+var StyledHelperText$4 = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "Checkbox__StyledHelperText",
   componentId: "sc-vquz3v-1"
 })(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n  margin-left: ", "; /* Align with label text after checkbox */\n  display: block;\n"], ["\n  font: ", ";\n  color: ", ";\n  margin-left: ", "; /* Align with label text after checkbox */\n  display: block;\n"
@@ -4974,7 +4974,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 Checkbox.displayName = 'Checkbox';
 var templateObject_1$j, templateObject_2$g;
 
-var ChipGroupWrapper = styled__default.default.div.withConfig({
+var ChipGroupWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "ChipGroup__ChipGroupWrapper",
   componentId: "sc-ae049w-0"
 })(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n  > div {\n    display: flex;\n    flex-wrap: wrap;\n  }\n"], ["\n  > div {\n    display: flex;\n    flex-wrap: wrap;\n  }\n"])));
@@ -5003,7 +5003,7 @@ var _a$1 = tokens.semantic,
   color$1 = _a$1.color,
   border$1 = _a$1.border,
   motion$2 = _a$1.motion;
-var StyledCodeBlock = styled__default.default.pre.withConfig({
+var StyledCodeBlock = /*#__PURE__*/styled__default.default.pre.withConfig({
   displayName: "CodeBlock__StyledCodeBlock",
   componentId: "sc-1p1t0kp-0"
 })(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  overflow-x: auto;\n  overflow-y: ", ";\n  margin: ", " 0;\n  position: relative;\n  transition: max-height ", " ", ";\n\n  ", " {\n    transition: none;\n  }\n  \n  ", "\n\n  /* The block is focusable so keyboard users can scroll it; it shows the system focus ring\n     (decision 0029) */\n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"], ["\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  overflow-x: auto;\n  overflow-y: ", ";\n  margin: ", " 0;\n  position: relative;\n  transition: max-height ", " ", ";\n\n  ", " {\n    transition: none;\n  }\n  \n  ", "\n\n  /* The block is focusable so keyboard users can scroll it; it shows the system focus ring\n     (decision 0029) */\n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"])), tokens.semantic.surface.raised, border$1.emphasis, tokens.semantic.radius.sm, tokens.semantic.space[300], tokens.component.codeBlock.fontFamily, tokens.component.codeBlock.fontSize, tokens.component.codeBlock.lineHeight, color$1.text["default"], function (_a) {
@@ -5019,15 +5019,15 @@ var StyledCodeBlock = styled__default.default.pre.withConfig({
   // 10000px is effectively "no limit" for most code blocks
   return $isExpanded ? 'max-height: 10000px;' : "max-height: ".concat($maxHeight, "px;");
 }, border$1.focus, border$1.focusOffset);
-var CodeBlockWrapper = styled__default.default.div.withConfig({
+var CodeBlockWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "CodeBlock__CodeBlockWrapper",
   componentId: "sc-1p1t0kp-1"
 })(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"], ["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n"])));
-var CopyButtonWrapper = styled__default.default.div.withConfig({
+var CopyButtonWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "CodeBlock__CopyButtonWrapper",
   componentId: "sc-1p1t0kp-2"
 })(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n  position: absolute;\n  bottom: ", ";\n  right: ", ";\n"], ["\n  position: absolute;\n  bottom: ", ";\n  right: ", ";\n"])), tokens.semantic.space[400], tokens.semantic.space[200]);
-var ExpandButtonWrapper = styled__default.default.div.withConfig({
+var ExpandButtonWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "CodeBlock__ExpandButtonWrapper",
   componentId: "sc-1p1t0kp-3"
 })(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  padding: ", " 0;\n  position: absolute;\n  bottom: ", ";\n  left: ", ";\n  right: ", ";\n  width: calc(100% - 2 * ", ");\n  margin-bottom: ", ";\n  border-radius: ", ";\n  transition: opacity ", " ", ", background ", " ", ";\n  \n  ", "\n"], ["\n  display: flex;\n  justify-content: center;\n  padding: ", " 0;\n  position: absolute;\n  bottom: ", ";\n  left: ", ";\n  right: ", ";\n  width: calc(100% - 2 * ", ");\n  margin-bottom: ", ";\n  border-radius: ", ";\n  transition: opacity ", " ", ", background ", " ", ";\n  \n  ", "\n"])), tokens.semantic.space[200], tokens.semantic.border.width.thin, tokens.semantic.border.width.thin, tokens.semantic.border.width.thin, tokens.semantic.border.width.thin, tokens.semantic.space[200], tokens.semantic.radius.sm, motion$2.duration.slow, motion$2.easing.standard, motion$2.duration.slow, motion$2.easing.standard, function (_a) {
@@ -5092,7 +5092,7 @@ var CopyButton = function CopyButton(_a) {
     })
   });
 };
-var LiveRegion = styled__default.default.span.withConfig({
+var LiveRegion = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "CodeBlock__LiveRegion",
   componentId: "sc-1p1t0kp-4"
 })(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"
@@ -5218,22 +5218,22 @@ var CodeBlock = function CodeBlock(_a) {
 };
 var templateObject_1$h, templateObject_2$f, templateObject_3$f, templateObject_4$c, templateObject_5$a;
 
-var StyledHeader$1 = styled__default.default.div.withConfig({
+var StyledHeader$1 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "DateGroup__StyledHeader",
   componentId: "sc-9nfm1f-0"
 })(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", " ", ";\n  background-color: ", ";\n  border-bottom: ", " solid ", ";\n  \n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", " ", ";\n  background-color: ", ";\n  border-bottom: ", " solid ", ";\n  \n  ", "\n"])), tokens.semantic.space[300], tokens.semantic.space[200], tokens.semantic.surface.base, tokens.semantic.border.width.thin, tokens.semantic.color.border["default"], function (_a) {
   var $sticky = _a.$sticky;
   return $sticky && "\n    position: sticky;\n    top: 0;\n    z-index: ".concat(tokens.semantic.layer.sticky, ";\n    box-shadow: ").concat(tokens.semantic.elevation.sticky, ";\n  ");
 });
-var StyledLeftSection = styled__default.default.div.withConfig({
+var StyledLeftSection = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "DateGroup__StyledLeftSection",
   componentId: "sc-9nfm1f-1"
 })(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n"])), tokens.semantic.space[200]);
-var StyledRightSection = styled__default.default.div.withConfig({
+var StyledRightSection = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "DateGroup__StyledRightSection",
   componentId: "sc-9nfm1f-2"
 })(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n"])), tokens.semantic.space[300]);
-var StyledContent = styled__default.default.div.withConfig({
+var StyledContent = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "DateGroup__StyledContent",
   componentId: "sc-9nfm1f-3"
 })(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n  /* Content area for children */\n"], ["\n  /* Content area for children */\n"
@@ -5311,7 +5311,7 @@ var DateGroup = function DateGroup(_a) {
 var templateObject_1$g, templateObject_2$e, templateObject_3$e, templateObject_4$b;
 
 var semantic$7 = tokens.semantic;
-var StyledContainer$1 = styled__default.default.div.withConfig({
+var StyledContainer$1 = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -5321,7 +5321,7 @@ var StyledContainer$1 = styled__default.default.div.withConfig({
   var $size = _a.$size;
   return $size === 'small' ? semantic$7.space[800] : $size === 'large' ? semantic$7.space[1400] : semantic$7.space[1000];
 });
-var StyledIllustration = styled__default.default.div.withConfig({
+var StyledIllustration = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -5337,7 +5337,7 @@ var StyledIllustration = styled__default.default.div.withConfig({
   var $variant = _a.$variant;
   return $variant === 'error' ? semantic$7.color.icon.danger : $variant === 'success' ? semantic$7.color.icon.success : semantic$7.color.icon.muted;
 });
-var StyledTextContainer = styled__default.default.div.withConfig({
+var StyledTextContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "EmptyState__StyledTextContainer",
   componentId: "sc-1u5hxh-2"
 })(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  max-width: ", ";\n  margin-bottom: ", ";\n"], ["\n  max-width: ", ";\n  margin-bottom: ", ";\n"
@@ -5430,23 +5430,23 @@ var EmptyState = function EmptyState(_a) {
 var templateObject_1$f, templateObject_2$d, templateObject_3$d;
 
 var space$5 = tokens.semantic.space;
-var FeatureBlockStyled = styled__default.default.div.withConfig({
+var FeatureBlockStyled = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "FeatureBlock__FeatureBlockStyled",
   componentId: "sc-1mi4lso-0"
 })(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  @media (min-width: ", ") {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n  }\n\n  @media (min-width: ", ") {\n    gap: ", ";\n  }\n\n  /* The image isn't clickable, so it doesn't answer hover (issue 185, P5) */\n  img {\n    border-radius: ", ";\n  }\n\n  a {\n    text-decoration: none;\n  }\n"], ["\n  @media (min-width: ", ") {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n  }\n\n  @media (min-width: ", ") {\n    gap: ", ";\n  }\n\n  /* The image isn't clickable, so it doesn't answer hover (issue 185, P5) */\n  img {\n    border-radius: ", ";\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])), tokens.semantic.breakpoint.md, tokens.semantic.breakpoint.lg, space$5[1200], tokens.semantic.radius['2xl']);
-var ImageWrapper = styled__default.default.div.withConfig({
+var ImageWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "FeatureBlock__ImageWrapper",
   componentId: "sc-1mi4lso-1"
 })(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  grid-column: span 12;\n\n  @media (min-width: ", ") {\n    grid-column: span 6;\n  }\n"], ["\n  grid-column: span 12;\n\n  @media (min-width: ", ") {\n    grid-column: span 6;\n  }\n"])), tokens.semantic.breakpoint.lg);
-var ContentSection = styled__default.default.div.withConfig({
+var ContentSection = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "FeatureBlock__ContentSection",
   componentId: "sc-1mi4lso-2"
 })(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n  grid-column: span 12;\n  margin-top: ", ";\n\n  @media (min-width: ", ") {\n    grid-column: span 6;\n    margin-top: 0;\n    padding-right: ", ";\n  }\n\n  @media (min-width: ", ") {\n    padding-right: ", ";\n  }\n"], ["\n  grid-column: span 12;\n  margin-top: ", ";\n\n  @media (min-width: ", ") {\n    grid-column: span 6;\n    margin-top: 0;\n    padding-right: ", ";\n  }\n\n  @media (min-width: ", ") {\n    padding-right: ", ";\n  }\n"])), space$5[600], tokens.semantic.breakpoint.lg, space$5[800], tokens.semantic.breakpoint.xl, space$5[2400]);
-var ButtonWrapper = styled__default.default.div.withConfig({
+var ButtonWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "FeatureBlock__ButtonWrapper",
   componentId: "sc-1mi4lso-3"
 })(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  button {\n    margin-top: ", ";\n  }\n"], ["\n  button {\n    margin-top: ", ";\n  }\n"])), space$5[400]);
-var ContentWrapper = styled__default.default.div.withConfig({
+var ContentWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "FeatureBlock__ContentWrapper",
   componentId: "sc-1mi4lso-4"
 })(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100%;\n"])));
@@ -5527,11 +5527,11 @@ var controlPaddingY = space$4[200];
 var controlHeight = tokens.semantic.size.control.lg;
 var duration = motion$1.duration,
   easing = motion$1.easing;
-var DropdownContainer = styled__default.default.div.withConfig({
+var DropdownContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Dropdown__DropdownContainer",
   componentId: "sc-kz07c4-0"
 })(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"], ["\n  position: relative;\n  width: 100%;\n"])));
-var DropdownTrigger = styled__default.default.button.withConfig({
+var DropdownTrigger = /*#__PURE__*/styled__default.default.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -5551,7 +5551,7 @@ var DropdownTrigger = styled__default.default.button.withConfig({
     $hasError = _a.$hasError;
   return $isOpen && "\n    border-color: ".concat($hasError ? input$1.error.focus.borderColor : input$1.focus.borderColor, ";\n  ");
 });
-var DropdownIcon = styled__default.default.div.withConfig({
+var DropdownIcon = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -5561,7 +5561,7 @@ var DropdownIcon = styled__default.default.div.withConfig({
   var $isOpen = _a.$isOpen;
   return $isOpen && "\n    transform: rotate(180deg);\n  ";
 }, reducedMotion);
-var DropdownMenu = styled__default.default.div.withConfig({
+var DropdownMenu = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -5577,7 +5577,7 @@ var DropdownMenu = styled__default.default.div.withConfig({
   var $isOpen = _a.$isOpen;
   return $isOpen ? 'translateY(0)' : "translateY(calc(-1 * ".concat(tokens.semantic.motion.distance.sm, "))");
 }, duration.fast, easing.decelerate, duration.fast, easing.decelerate, duration.fast, easing.decelerate, tokens.semantic.size.menu.maxHeight, reducedMotion);
-var DropdownOption = styled__default.default.button.withConfig({
+var DropdownOption = /*#__PURE__*/styled__default.default.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -5591,7 +5591,7 @@ var DropdownOption = styled__default.default.button.withConfig({
     focused: $isFocused
   });
 }, border.emphasis);
-var StyledHelperText$3 = styled__default.default.div.withConfig({
+var StyledHelperText$3 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Dropdown__StyledHelperText",
   componentId: "sc-kz07c4-5"
 })(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n  margin-top: ", ";\n"], ["\n  font: ", ";\n  color: ", ";\n  margin-top: ", ";\n"])), field$3.helperText.typography, function (_a) {
@@ -5780,7 +5780,7 @@ var Dropdown = function Dropdown(_a) {
 var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$9, templateObject_5$8, templateObject_6$7;
 
 var semantic$6 = tokens.semantic;
-var StyledList = styled__default.default.ul.withConfig({
+var StyledList = /*#__PURE__*/styled__default.default.ul.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -5839,14 +5839,14 @@ var scaleIn = styled.keyframes(templateObject_2$a || (templateObject_2$a = __mak
 // ---------------------------------------------------------------------------
 // Styled components
 // ---------------------------------------------------------------------------
-var StyledOverlay$1 = styled__default.default.div.withConfig({
+var StyledOverlay$1 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Modal__StyledOverlay",
   componentId: "sc-1d3g5gh-0"
 })(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  background-color: ", ";\n  z-index: ", ";\n  ", "\n"], ["\n  position: fixed;\n  inset: 0;\n  background-color: ", ";\n  z-index: ", ";\n  ", "\n"])), semantic$5.surface.scrim, semantic$5.layer.modal, styled.css(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["animation: ", " ", " ", "", ";"], ["animation: ", " ", " ", "", ";"])), fadeIn$1, motion.duration.moderate, motion.easing.decelerate, function (_a) {
   var $isExiting = _a.$isExiting;
   return $isExiting && exitAnimation;
 }));
-var StyledDialog = styled__default.default.div.withConfig({
+var StyledDialog = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -5865,15 +5865,15 @@ var StyledDialog = styled__default.default.div.withConfig({
   var $isExiting = _a.$isExiting;
   return $isExiting && exitAnimation;
 });
-var StyledHeader = styled__default.default.div.withConfig({
+var StyledHeader = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Modal__StyledHeader",
   componentId: "sc-1d3g5gh-2"
 })(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", " ", " 0;\n  flex-shrink: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", " ", " 0;\n  flex-shrink: 0;\n"])), space$3[400], space$3[400]);
-var StyledBody = styled__default.default.div.withConfig({
+var StyledBody = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Modal__StyledBody",
   componentId: "sc-1d3g5gh-3"
 })(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding: ", " ", ";\n\n  /* Scrollbar styling */\n  &::-webkit-scrollbar {\n    width: ", ";\n  }\n  &::-webkit-scrollbar-track {\n    background: ", ";\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: ", ";\n  }\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n"], ["\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding: ", " ", ";\n\n  /* Scrollbar styling */\n  &::-webkit-scrollbar {\n    width: ", ";\n  }\n  &::-webkit-scrollbar-track {\n    background: ", ";\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: ", ";\n  }\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n"])), space$3[300], space$3[400], semantic$5.space[200], color.fill.muted, color.border["default"], semantic$5.radius.full, color.fill.inverse);
-var StyledFooter = styled__default.default.div.withConfig({
+var StyledFooter = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Modal__StyledFooter",
   componentId: "sc-1d3g5gh-4"
 })(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n  padding: 0 ", " ", ";\n  flex-shrink: 0;\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n  padding: 0 ", " ", ";\n  flex-shrink: 0;\n"
@@ -6082,7 +6082,7 @@ var inputBaseStyles = styled.css(templateObject_1$a || (templateObject_1$a = __m
   var $hasError = _a.$hasError;
   return $hasError ? input.error.hover.borderColor : input.hover.borderColor;
 });
-var StyledInputBase = styled__default.default.input.withConfig({
+var StyledInputBase = /*#__PURE__*/styled__default.default.input.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -6095,7 +6095,7 @@ var StyledInputBase = styled__default.default.input.withConfig({
 /**
  * Base styled textarea with shared styling
  */
-var StyledTextAreaBase = styled__default.default.textarea.withConfig({
+var StyledTextAreaBase = /*#__PURE__*/styled__default.default.textarea.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -6107,31 +6107,31 @@ var templateObject_1$a, templateObject_2$9, templateObject_3$9;
 var field$2 = tokens.component.field;
 // Gaps come from the semantic spacing scale: no component spacing tokens (decision 0022)
 var space$2 = tokens.semantic.space;
-var StyledFieldContainer$2 = styled__default.default.div.withConfig({
+var StyledFieldContainer$2 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "NumberInput__StyledFieldContainer",
   componentId: "sc-qotc3w-0"
 })(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n"])), space$2[200]);
-var StyledLabel$3 = styled__default.default.label.withConfig({
+var StyledLabel$3 = /*#__PURE__*/styled__default.default.label.withConfig({
   displayName: "NumberInput__StyledLabel",
   componentId: "sc-qotc3w-1"
 })(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  font: ", ";\n  color: ", ";\n\n  &[data-disabled='true'] {\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  font: ", ";\n  color: ", ";\n\n  &[data-disabled='true'] {\n    color: ", ";\n  }\n"])), space$2[100], field$2.label.typography, field$2.label.color, field$2.label.colorDisabled);
-var StyledRequiredIndicator$2 = styled__default.default.span.withConfig({
+var StyledRequiredIndicator$2 = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "NumberInput__StyledRequiredIndicator",
   componentId: "sc-qotc3w-2"
 })(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: ", ";\n"], ["\n  color: ", ";\n  font-weight: ", ";\n"])), field$2.requiredIndicator.color, field$2.requiredIndicator.fontWeight);
-var StyledInputWrapper$2 = styled__default.default.div.withConfig({
+var StyledInputWrapper$2 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "NumberInput__StyledInputWrapper",
   componentId: "sc-qotc3w-3"
 })(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n"])));
-var StyledNumberInput = styled__default.default(StyledInputBase).withConfig({
+var StyledNumberInput = /*#__PURE__*/styled__default.default(StyledInputBase).withConfig({
   displayName: "NumberInput__StyledNumberInput",
   componentId: "sc-qotc3w-4"
 })(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n  /* Add padding on the right to make room for stepper buttons */\n  padding-right: ", ";\n"], ["\n  /* Add padding on the right to make room for stepper buttons */\n  padding-right: ", ";\n"])), tokens.semantic.space[1000]);
-var StyledStepperContainer = styled__default.default.div.withConfig({
+var StyledStepperContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "NumberInput__StyledStepperContainer",
   componentId: "sc-qotc3w-5"
 })(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n  position: absolute;\n  right: ", ";\n  display: flex;\n  flex-direction: row;\n  gap: ", ";\n"], ["\n  position: absolute;\n  right: ", ";\n  display: flex;\n  flex-direction: row;\n  gap: ", ";\n"])), tokens.semantic.space[200], tokens.semantic.space[200]);
-var StyledHelperText$2 = styled__default.default.div.withConfig({
+var StyledHelperText$2 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "NumberInput__StyledHelperText",
   componentId: "sc-qotc3w-6"
 })(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n"], ["\n  font: ", ";\n  color: ", ";\n"
@@ -6360,7 +6360,7 @@ var NumberInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 NumberInput.displayName = 'NumberInput';
 var templateObject_1$9, templateObject_2$8, templateObject_3$8, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$4;
 
-var PageTitleStyled = styled__default.default.div.withConfig({
+var PageTitleStyled = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -6428,30 +6428,30 @@ var templateObject_1$8;
 var field$1 = tokens.component.field;
 // Gaps come from the semantic spacing scale: no component spacing tokens (decision 0022)
 var space$1 = tokens.semantic.space;
-var StyledFieldContainer$1 = styled__default.default.div.withConfig({
+var StyledFieldContainer$1 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "PasswordField__StyledFieldContainer",
   componentId: "sc-1p15zk0-0"
 })(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n"])), space$1[200]);
-var StyledLabel$2 = styled__default.default.label.withConfig({
+var StyledLabel$2 = /*#__PURE__*/styled__default.default.label.withConfig({
   displayName: "PasswordField__StyledLabel",
   componentId: "sc-1p15zk0-1"
 })(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  font: ", ";\n  color: ", ";\n\n  &[data-disabled='true'] {\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  font: ", ";\n  color: ", ";\n\n  &[data-disabled='true'] {\n    color: ", ";\n  }\n"])), space$1[100], field$1.label.typography, field$1.label.color, field$1.label.colorDisabled);
-var StyledRequiredIndicator$1 = styled__default.default.span.withConfig({
+var StyledRequiredIndicator$1 = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "PasswordField__StyledRequiredIndicator",
   componentId: "sc-1p15zk0-2"
 })(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: ", ";\n"], ["\n  color: ", ";\n  font-weight: ", ";\n"])), field$1.requiredIndicator.color, field$1.requiredIndicator.fontWeight);
-var StyledHelperText$1 = styled__default.default.div.withConfig({
+var StyledHelperText$1 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "PasswordField__StyledHelperText",
   componentId: "sc-1p15zk0-3"
 })(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n"], ["\n  font: ", ";\n  color: ", ";\n"])), field$1.helperText.typography, function (_a) {
   var $hasError = _a.$hasError;
   return $hasError ? field$1.helperText.colorError : field$1.helperText.color;
 });
-var StyledInputWrapper$1 = styled__default.default.div.withConfig({
+var StyledInputWrapper$1 = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "PasswordField__StyledInputWrapper",
   componentId: "sc-1p15zk0-4"
 })(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"], ["\n  position: relative;\n  width: 100%;\n"])));
-var StyledToggleButton = styled__default.default.div.withConfig({
+var StyledToggleButton = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "PasswordField__StyledToggleButton",
   componentId: "sc-1p15zk0-5"
 })(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n  position: absolute;\n  right: ", ";\n  top: 50%;\n  transform: translateY(-50%);\n"], ["\n  position: absolute;\n  right: ", ";\n  top: 50%;\n  transform: translateY(-50%);\n"
@@ -6561,11 +6561,11 @@ var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4
 
 var semantic$3 = tokens.semantic,
   component = tokens.component;
-var StyledSearchContainer = styled__default.default.div.withConfig({
+var StyledSearchContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "SearchField__StyledSearchContainer",
   componentId: "sc-qhz9i8-0"
 })(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"], ["\n  position: relative;\n  width: 100%;\n"])));
-var StyledInputWrapper = styled__default.default.div.withConfig({
+var StyledInputWrapper = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "SearchField__StyledInputWrapper",
   componentId: "sc-qhz9i8-1"
 })(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  /* The field's height comes from size.control.lg as a minimum, matching the other fields\n     (decision 0034); the padding only matters if the content grows past it */\n  box-sizing: border-box;\n  min-height: ", ";\n  padding: ", " ", ";\n  background-color: ", ";\n  border: ", " solid ", ";\n  border-radius: ", ";\n  transition: border-color ", " ", ", outline ", " ", ";\n  \n  ", "\n  \n  ", "\n  \n  &:hover:not([data-disabled='true']) {\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  /* The field's height comes from size.control.lg as a minimum, matching the other fields\n     (decision 0034); the padding only matters if the content grows past it */\n  box-sizing: border-box;\n  min-height: ", ";\n  padding: ", " ", ";\n  background-color: ", ";\n  border: ", " solid ", ";\n  border-radius: ", ";\n  transition: border-color ", " ", ", outline ", " ", ";\n  \n  ", "\n  \n  ", "\n  \n  &:hover:not([data-disabled='true']) {\n    border-color: ", ";\n  }\n"])), semantic$3.space[200], semantic$3.size.control.lg, semantic$3.space[200], semantic$3.space[300], component.input["default"].backgroundColor, component.input["default"].borderWidth, component.input["default"].borderColor, component.input["default"].borderRadius, semantic$3.motion.duration.moderate, semantic$3.motion.easing.standard, semantic$3.motion.duration.moderate, semantic$3.motion.easing.standard, function (props) {
@@ -6573,15 +6573,15 @@ var StyledInputWrapper = styled__default.default.div.withConfig({
 }, function (props) {
   return props.$disabled && "\n    background-color: ".concat(component.input.disabled.backgroundColor, ";\n    border-color: ").concat(component.input.disabled.borderColor, ";\n    cursor: not-allowed;\n  ");
 }, component.input.hover.borderColor);
-var StyledInput = styled__default.default.input.withConfig({
+var StyledInput = /*#__PURE__*/styled__default.default.input.withConfig({
   displayName: "SearchField__StyledInput",
   componentId: "sc-qhz9i8-2"
 })(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n  flex: 1;\n  border: none;\n  background: transparent;\n  font: ", ";\n  color: ", ";\n  outline: none;\n  \n  &::placeholder {\n    color: ", ";\n    /* Firefox fades placeholders to 0.54 by default, which would undo the 4.5:1 contrast */\n    opacity: 1;\n  }\n  \n  &:disabled {\n    color: ", ";\n    cursor: not-allowed;\n  }\n"], ["\n  flex: 1;\n  border: none;\n  background: transparent;\n  font: ", ";\n  color: ", ";\n  outline: none;\n  \n  &::placeholder {\n    color: ", ";\n    /* Firefox fades placeholders to 0.54 by default, which would undo the 4.5:1 contrast */\n    opacity: 1;\n  }\n  \n  &:disabled {\n    color: ", ";\n    cursor: not-allowed;\n  }\n"])), semantic$3.typography.body, semantic$3.color.text["default"], component.input.placeholder.textColor, semantic$3.color.text.disabled);
-var StyledSuggestionsList = styled__default.default.ul.withConfig({
+var StyledSuggestionsList = /*#__PURE__*/styled__default.default.ul.withConfig({
   displayName: "SearchField__StyledSuggestionsList",
   componentId: "sc-qhz9i8-3"
 })(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n  position: absolute;\n  top: calc(100% + ", ");\n  left: 0;\n  right: 0;\n  max-height: ", ";\n  overflow-y: auto;\n  background-color: ", ";\n  border: ", " solid ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  list-style: none;\n  padding: ", " 0;\n  margin: 0;\n  z-index: ", ";\n\n  /* The highlighted suggestion has keyboard focus, which is grey, not the light-blue selected\n     treatment (decision 0029). Its row is the option's first child. While pressed, the row's own\n     pressed state shows (decision 0030) */\n  & > [data-highlighted] > :first-child:not(:active) {\n    background-color: ", ";\n  }\n"], ["\n  position: absolute;\n  top: calc(100% + ", ");\n  left: 0;\n  right: 0;\n  max-height: ", ";\n  overflow-y: auto;\n  background-color: ", ";\n  border: ", " solid ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  list-style: none;\n  padding: ", " 0;\n  margin: 0;\n  z-index: ", ";\n\n  /* The highlighted suggestion has keyboard focus, which is grey, not the light-blue selected\n     treatment (decision 0029). Its row is the option's first child. While pressed, the row's own\n     pressed state shows (decision 0030) */\n  & > [data-highlighted] > :first-child:not(:active) {\n    background-color: ", ";\n  }\n"])), semantic$3.space[100], tokens.semantic.size.menu.maxHeight, semantic$3.surface.raised, semantic$3.border.width.thin, semantic$3.color.border["default"], semantic$3.radius.md, semantic$3.elevation.floating, semantic$3.space[100], semantic$3.layer.dropdown, rowStates.unselected.hover.background);
-var StyledSectionHeader = styled__default.default.div.withConfig({
+var StyledSectionHeader = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "SearchField__StyledSectionHeader",
   componentId: "sc-qhz9i8-4"
 })(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  padding: ", " ", ";\n  font: ", ";\n  color: ", ";\n  text-transform: uppercase;\n  letter-spacing: ", ";\n"], ["\n  padding: ", " ", ";\n  font: ", ";\n  color: ", ";\n  text-transform: uppercase;\n  letter-spacing: ", ";\n"])), semantic$3.space[200], semantic$3.space[300], tokens.component.searchField.sectionHeader.typography, semantic$3.color.text.muted, tokens.component.searchField.sectionHeader.letterSpacing);
@@ -6895,7 +6895,7 @@ var slideInRight = styled.keyframes(templateObject_2$5 || (templateObject_2$5 =
 var slideInLeft = styled.keyframes(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n"], ["\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n"])));
 var slideInTop = styled.keyframes(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n"], ["\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n"])));
 var slideInBottom = styled.keyframes(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n"], ["\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n"])));
-var StyledOverlay = styled__default.default.div.withConfig({
+var StyledOverlay = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -6905,7 +6905,7 @@ var StyledOverlay = styled__default.default.div.withConfig({
   var $isExiting = _a.$isExiting;
   return $isExiting && exitAnimation;
 }));
-var StyledSheet = styled__default.default.div.withConfig({
+var StyledSheet = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -6945,7 +6945,7 @@ var StyledSheet = styled__default.default.div.withConfig({
   var $isExiting = _a.$isExiting;
   return $isExiting && exitAnimation;
 }, semantic$2.space[200], semantic$2.surface.raised, semantic$2.color.border["default"], semantic$2.radius.full, semantic$2.color.fill.inverse);
-var StyledSheetContent = styled__default.default.div.withConfig({
+var StyledSheetContent = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Sheet__StyledSheetContent",
   componentId: "sc-8abisx-2"
 })(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n  padding: ", ";\n  min-height: 100%;\n"], ["\n  padding: ", ";\n  min-height: 100%;\n"
@@ -7117,22 +7117,22 @@ Sheet.displayName = 'Sheet';
 var templateObject_1$5, templateObject_2$5, templateObject_3$5, templateObject_4$4, templateObject_5$3, templateObject_6$3, templateObject_7$3, templateObject_8$3, templateObject_9$2, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1;
 
 var semantic$1 = tokens.semantic;
-var StyledSliderContainer = styled__default.default.div.withConfig({
+var StyledSliderContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Slider__StyledSliderContainer",
   componentId: "sc-6mh2d4-0"
 })(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap:0;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap:0;\n  width: 100%;\n"])));
-var StyledLabel$1 = styled__default.default.label.withConfig({
+var StyledLabel$1 = /*#__PURE__*/styled__default.default.label.withConfig({
   displayName: "Slider__StyledLabel",
   componentId: "sc-6mh2d4-1"
 })(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n  margin-bottom: ", ";\n"], ["\n  font: ", ";\n  color: ", ";\n  margin-bottom: ", ";\n"])), semantic$1.typography.label, function (_a) {
   var $disabled = _a.$disabled;
   return $disabled ? semantic$1.color.text.disabled : semantic$1.color.text["default"];
 }, semantic$1.space[400]);
-var StyledSliderTrackContainer = styled__default.default.div.withConfig({
+var StyledSliderTrackContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Slider__StyledSliderTrackContainer",
   componentId: "sc-6mh2d4-2"
 })(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: ", ";\n  display: flex;\n  align-items: center;\n"], ["\n  position: relative;\n  width: 100%;\n  height: ", ";\n  display: flex;\n  align-items: center;\n"])), semantic$1.space[1000]);
-var StyledTrack = styled__default.default.div.withConfig({
+var StyledTrack = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Slider__StyledTrack",
   componentId: "sc-6mh2d4-3"
 })(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: ", ";\n  background-color: ", ";\n  border-radius: ", ";\n  cursor: ", ";\n  /* A vertical swipe over the track still scrolls the page */\n  touch-action: pan-y;\n  /* The thumbs measure their distance apart in cqw (1% of the track's width) */\n  container-type: inline-size;\n\n  /* Forced colours drop the track's fill, so it gets an edge; the thumb stays centred on it (decision 0038).\n     A div gets no system disabled colour, so a disabled track sets GrayText itself. */\n  ", " {\n    border: ", " solid ", ";\n  }\n"], ["\n  position: relative;\n  width: 100%;\n  height: ", ";\n  background-color: ", ";\n  border-radius: ", ";\n  cursor: ", ";\n  /* A vertical swipe over the track still scrolls the page */\n  touch-action: pan-y;\n  /* The thumbs measure their distance apart in cqw (1% of the track's width) */\n  container-type: inline-size;\n\n  /* Forced colours drop the track's fill, so it gets an edge; the thumb stays centred on it (decision 0038).\n     A div gets no system disabled colour, so a disabled track sets GrayText itself. */\n  ", " {\n    border: ", " solid ", ";\n  }\n"])), semantic$1.space[100], function (_a) {
@@ -7145,7 +7145,7 @@ var StyledTrack = styled__default.default.div.withConfig({
   var $disabled = _a.$disabled;
   return $disabled ? 'GrayText' : 'CanvasText';
 });
-var StyledTrackFill = styled__default.default.div.withConfig({
+var StyledTrackFill = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Slider__StyledTrackFill",
   componentId: "sc-6mh2d4-4"
 })(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  position: absolute;\n  height: 100%;\n  background-color: ", ";\n  border-radius: ", ";\n  pointer-events: none;\n\n  /* The fill is the value, so it keeps a fill in forced colours (decision 0038) */\n  ", " {\n    forced-color-adjust: none;\n    background-color: ", ";\n  }\n"], ["\n  position: absolute;\n  height: 100%;\n  background-color: ", ";\n  border-radius: ", ";\n  pointer-events: none;\n\n  /* The fill is the value, so it keeps a fill in forced colours (decision 0038) */\n  ", " {\n    forced-color-adjust: none;\n    background-color: ", ";\n  }\n"])), function (_a) {
@@ -7155,7 +7155,7 @@ var StyledTrackFill = styled__default.default.div.withConfig({
   var $disabled = _a.$disabled;
   return $disabled ? 'GrayText' : 'Highlight';
 });
-var StyledThumb = styled__default.default.div.withConfig({
+var StyledThumb = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Slider__StyledThumb",
   componentId: "sc-6mh2d4-5"
 })(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n  position: absolute;\n  width: ", ";\n  height: ", ";\n  top: calc(-1 * ", ");\n  background-color: ", ";\n  border: ", " solid ", ";\n  border-radius: ", ";\n  cursor: ", ";\n  /* The thumb takes every touch gesture, so a drag moves the value instead of scrolling */\n  touch-action: none;\n  transform: translateX(-50%);\n  /* left is the thumb's position, set from the value: it glides there, as it always has (decision 0037) */\n  transition: left ", " ", ",\n              transform ", " ", ",\n              box-shadow ", " ", ",\n              background-color ", " ", ",\n              border-color ", " ", ";\n  box-shadow: ", ";\n\n  /* The pointer target (WCAG 2.5.8, decision 0039): the thumb keeps its 20px look, and an\n     invisible hit area centred on it takes pointer input instead, 24px for a mouse or pen and\n     44px on a touch screen. A range slider's two hit areas stop at the midpoint between the\n     thumbs (--slider-reach, set from their positions), so they never overlap and a drag always\n     takes the nearer thumb. The thumb itself takes no input, as its body can overlap the other\n     thumb's half. */\n  pointer-events: none;\n  --slider-hit: ", ";\n  @media (pointer: coarse) {\n    --slider-hit: ", ";\n  }\n  --slider-hit-half: calc(var(--slider-hit) / 2);\n  --slider-hit-start: ", ";\n  --slider-hit-end: ", ";\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: calc(50% - var(--slider-hit-start));\n    width: calc(var(--slider-hit-start) + var(--slider-hit-end));\n    height: var(--slider-hit);\n    transform: translateY(-50%);\n    pointer-events: auto;\n  }\n\n  /* Without container query units the midpoint can't be measured, so the hit areas stay whole\n     (where they overlap, the thumb drawn later wins) */\n  @supports not (width: 1cqw) {\n    &::before {\n      left: calc(50% - var(--slider-hit-half));\n      width: var(--slider-hit);\n    }\n  }\n\n  ", " {\n    transition: none;\n  }\n  \n  &:hover:not([aria-disabled=\"true\"]) {\n    transform: translateX(-50%) scale(1.1);\n    box-shadow: ", ";\n  }\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n  \n  &:active:not([aria-disabled=\"true\"]) {\n    cursor: grabbing;\n    transform: translateX(-50%) scale(0.95);\n  }\n  \n  ", "\n"], ["\n  position: absolute;\n  width: ", ";\n  height: ", ";\n  top: calc(-1 * ", ");\n  background-color: ", ";\n  border: ", " solid ", ";\n  border-radius: ", ";\n  cursor: ", ";\n  /* The thumb takes every touch gesture, so a drag moves the value instead of scrolling */\n  touch-action: none;\n  transform: translateX(-50%);\n  /* left is the thumb's position, set from the value: it glides there, as it always has (decision 0037) */\n  transition: left ", " ", ",\n              transform ", " ", ",\n              box-shadow ", " ", ",\n              background-color ", " ", ",\n              border-color ", " ", ";\n  box-shadow: ", ";\n\n  /* The pointer target (WCAG 2.5.8, decision 0039): the thumb keeps its 20px look, and an\n     invisible hit area centred on it takes pointer input instead, 24px for a mouse or pen and\n     44px on a touch screen. A range slider's two hit areas stop at the midpoint between the\n     thumbs (--slider-reach, set from their positions), so they never overlap and a drag always\n     takes the nearer thumb. The thumb itself takes no input, as its body can overlap the other\n     thumb's half. */\n  pointer-events: none;\n  --slider-hit: ", ";\n  @media (pointer: coarse) {\n    --slider-hit: ", ";\n  }\n  --slider-hit-half: calc(var(--slider-hit) / 2);\n  --slider-hit-start: ", ";\n  --slider-hit-end: ", ";\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: calc(50% - var(--slider-hit-start));\n    width: calc(var(--slider-hit-start) + var(--slider-hit-end));\n    height: var(--slider-hit);\n    transform: translateY(-50%);\n    pointer-events: auto;\n  }\n\n  /* Without container query units the midpoint can't be measured, so the hit areas stay whole\n     (where they overlap, the thumb drawn later wins) */\n  @supports not (width: 1cqw) {\n    &::before {\n      left: calc(50% - var(--slider-hit-half));\n      width: var(--slider-hit);\n    }\n  }\n\n  ", " {\n    transition: none;\n  }\n  \n  &:hover:not([aria-disabled=\"true\"]) {\n    transform: translateX(-50%) scale(1.1);\n    box-shadow: ", ";\n  }\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n  \n  &:active:not([aria-disabled=\"true\"]) {\n    cursor: grabbing;\n    transform: translateX(-50%) scale(0.95);\n  }\n  \n  ", "\n"])), semantic$1.space[500], semantic$1.space[500], semantic$1.space[200], function (_a) {
@@ -7177,14 +7177,14 @@ var StyledThumb = styled__default.default.div.withConfig({
   var $active = _a.$active;
   return $active && "\n    transform: translateX(-50%) scale(1.1);\n    box-shadow: ".concat(tokens.component.slider.thumb.shadow.active, ";\n  ");
 });
-var StyledValueLabel = styled__default.default.div.withConfig({
+var StyledValueLabel = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Slider__StyledValueLabel",
   componentId: "sc-6mh2d4-6"
 })(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  position: absolute;\n  top: calc(-1 * ", ");\n  left: ", ";\n  transform: translateX(-50%);\n  padding: ", " ", ";\n  background-color: ", ";\n  color: ", ";\n  font: ", ";\n  border-radius: ", ";\n  white-space: nowrap;\n  pointer-events: none;\n  opacity: ", ";\n  \n  &::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: ", " solid transparent;\n    border-right: ", " solid transparent;\n    border-top: ", " solid ", ";\n  }\n"], ["\n  position: absolute;\n  top: calc(-1 * ", ");\n  left: ", ";\n  transform: translateX(-50%);\n  padding: ", " ", ";\n  background-color: ", ";\n  color: ", ";\n  font: ", ";\n  border-radius: ", ";\n  white-space: nowrap;\n  pointer-events: none;\n  opacity: ", ";\n  \n  &::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: ", " solid transparent;\n    border-right: ", " solid transparent;\n    border-top: ", " solid ", ";\n  }\n"])), semantic$1.space[800], semantic$1.space[200], semantic$1.space[100], semantic$1.space[200], semantic$1.color.fill.emphasis, semantic$1.color.text.inverse, semantic$1.typography.caption, semantic$1.radius.sm, function (_a) {
   var $disabled = _a.$disabled;
   return $disabled ? semantic$1.opacity.disabled : semantic$1.opacity.full;
 }, semantic$1.space[100], semantic$1.space[100], semantic$1.space[100], semantic$1.color.fill.emphasis);
-var StyledMinMaxLabels = styled__default.default.div.withConfig({
+var StyledMinMaxLabels = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "Slider__StyledMinMaxLabels",
   componentId: "sc-6mh2d4-7"
 })(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  font: ", ";\n  color: ", ";\n  margin-top: ", ";\n"], ["\n  display: flex;\n  justify-content: space-between;\n  font: ", ";\n  color: ", ";\n  margin-top: ", ";\n"
@@ -7568,11 +7568,11 @@ Slider.displayName = 'Slider';
 var templateObject_1$4, templateObject_2$4, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6$2, templateObject_7$2, templateObject_8$2;
 
 var semantic = tokens.semantic;
-var StyledTabList = styled__default.default.div.withConfig({
+var StyledTabList = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TabBar__StyledTabList",
   componentId: "sc-1g9ib0y-0"
 })(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  border-bottom: ", " solid ", ";\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: thin;\n  \n  &::-webkit-scrollbar {\n    height: ", ";\n  }\n  \n  &::-webkit-scrollbar-track {\n    background: ", ";\n  }\n  \n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  border-bottom: ", " solid ", ";\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: thin;\n  \n  &::-webkit-scrollbar {\n    height: ", ";\n  }\n  \n  &::-webkit-scrollbar-track {\n    background: ", ";\n  }\n  \n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: ", ";\n  }\n"])), semantic.border.width.thin, semantic.color.border.emphasis, tokens.component.tabBar.scrollbar.height, semantic.surface.raised, semantic.color.border["default"], semantic.radius.sm);
-var StyledTab = styled__default.default.button.withConfig({
+var StyledTab = /*#__PURE__*/styled__default.default.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -7599,7 +7599,7 @@ var StyledTab = styled__default.default.button.withConfig({
 }, function (props) {
   return props.$disabled ? '0.5' : '1';
 }, semantic.border.focus, semantic.border.focusOffset);
-var StyledBadge = styled__default.default.span.withConfig({
+var StyledBadge = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "TabBar__StyledBadge",
   componentId: "sc-1g9ib0y-2"
 })(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  height: ", ";\n  padding: 0 ", ";\n  font: ", ";\n  font-weight: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  color: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  height: ", ";\n  padding: 0 ", ";\n  font: ", ";\n  font-weight: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  color: ", ";\n"
@@ -7772,19 +7772,19 @@ var templateObject_1$3, templateObject_2$3, templateObject_3$3;
 var field = tokens.component.field;
 // Gaps come from the semantic spacing scale: no component spacing tokens (decision 0022)
 var space = tokens.semantic.space;
-var StyledFieldContainer = styled__default.default.div.withConfig({
+var StyledFieldContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TextField__StyledFieldContainer",
   componentId: "sc-1ys3b0-0"
 })(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n"])), space[200]);
-var StyledLabel = styled__default.default.label.withConfig({
+var StyledLabel = /*#__PURE__*/styled__default.default.label.withConfig({
   displayName: "TextField__StyledLabel",
   componentId: "sc-1ys3b0-1"
 })(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  font: ", ";\n  color: ", ";\n\n  &[data-disabled='true'] {\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  font: ", ";\n  color: ", ";\n\n  &[data-disabled='true'] {\n    color: ", ";\n  }\n"])), space[100], field.label.typography, field.label.color, field.label.colorDisabled);
-var StyledRequiredIndicator = styled__default.default.span.withConfig({
+var StyledRequiredIndicator = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "TextField__StyledRequiredIndicator",
   componentId: "sc-1ys3b0-2"
 })(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: ", ";\n"], ["\n  color: ", ";\n  font-weight: ", ";\n"])), field.requiredIndicator.color, field.requiredIndicator.fontWeight);
-var StyledHelperText = styled__default.default.div.withConfig({
+var StyledHelperText = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TextField__StyledHelperText",
   componentId: "sc-1ys3b0-3"
 })(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n"], ["\n  font: ", ";\n  color: ", ";\n"
@@ -7873,42 +7873,42 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 TextField.displayName = 'TextField';
 var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2;
 
-var StyledContainer = styled__default.default.div.withConfig({
+var StyledContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TransactionListItem__StyledContainer",
   componentId: "sc-7yunm0-0"
 })(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  min-height: ", ";\n  padding: ", " ", ";\n  background-color: ", ";\n  border-bottom: ", " solid ", ";\n  gap: ", ";\n  transition: background-color ", " ", ";\n  \n  /* A clickable row uses the shared row states (decision 0030) */\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  min-height: ", ";\n  padding: ", " ", ";\n  background-color: ", ";\n  border-bottom: ", " solid ", ";\n  gap: ", ";\n  transition: background-color ", " ", ";\n  \n  /* A clickable row uses the shared row states (decision 0030) */\n  ", "\n"])), tokens.component.transactionListItem.minHeight, tokens.semantic.space[300], tokens.semantic.space[300], tokens.semantic.surface.base, tokens.semantic.border.width.thin, tokens.semantic.color.border["default"], tokens.semantic.space[300], tokens.semantic.motion.duration.moderate, tokens.semantic.motion.easing.decelerate, function (_a) {
   var $clickable = _a.$clickable;
   return $clickable && "\n    cursor: pointer;\n    ".concat(interactiveRow(), "\n    \n    &:focus-visible {\n      outline: ").concat(tokens.semantic.border.focus, ";\n      outline-offset: calc(-1 * ").concat(tokens.semantic.border.focusOffset, ");\n    }\n  ");
 });
-var StyledAvatarSection = styled__default.default.div.withConfig({
+var StyledAvatarSection = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TransactionListItem__StyledAvatarSection",
   componentId: "sc-7yunm0-1"
 })(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  flex-shrink: 0;\n"], ["\n  flex-shrink: 0;\n"])));
-var StyledMainContent = styled__default.default.div.withConfig({
+var StyledMainContent = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TransactionListItem__StyledMainContent",
   componentId: "sc-7yunm0-2"
 })(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: none;\n"], ["\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: none;\n"])));
-var StyledTopRow = styled__default.default.div.withConfig({
+var StyledTopRow = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TransactionListItem__StyledTopRow",
   componentId: "sc-7yunm0-3"
 })(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ", ";\n"])), tokens.semantic.space[200]);
-var StyledMerchantSection = styled__default.default.div.withConfig({
+var StyledMerchantSection = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TransactionListItem__StyledMerchantSection",
   componentId: "sc-7yunm0-4"
 })(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  min-width: 0;\n  flex: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  min-width: 0;\n  flex: 1;\n"])), tokens.semantic.space[200]);
-var StyledBottomRow = styled__default.default.div.withConfig({
+var StyledBottomRow = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TransactionListItem__StyledBottomRow",
   componentId: "sc-7yunm0-5"
 })(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ", ";\n"])), tokens.semantic.space[200]);
-var StyledMetadata = styled__default.default.div.withConfig({
+var StyledMetadata = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TransactionListItem__StyledMetadata",
   componentId: "sc-7yunm0-6"
 })(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n"])), tokens.semantic.space[200]);
-var StyledIconIndicator = styled__default.default.div.withConfig({
+var StyledIconIndicator = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "TransactionListItem__StyledIconIndicator",
   componentId: "sc-7yunm0-7"
 })(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  color: ", ";\n"])), tokens.semantic.space[100], tokens.semantic.color.icon.muted);
-var StyledTruncatedText = styled__default.default.span.withConfig({
+var StyledTruncatedText = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "TransactionListItem__StyledTruncatedText",
   componentId: "sc-7yunm0-8"
 })(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"
@@ -8102,7 +8102,7 @@ var media = {
   xl: "@media (min-width: ".concat(breakpoints.xl, ")"),
   '2xl': "@media (min-width: ".concat(breakpoints['2xl'], ")")
 };
-var GridContainer = styled__default.default.div.withConfig({
+var GridContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -8136,7 +8136,7 @@ var Grid = function Grid(_a) {
     children: children
   });
 };
-var GridColContainer = styled__default.default.div.withConfig({
+var GridColContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
@@ -8193,7 +8193,7 @@ var GridCol = function GridCol(_a) {
     children: children
   });
 };
-var ResponsiveGridContainer = styled__default.default.div.withConfig({
+var ResponsiveGridContainer = /*#__PURE__*/styled__default.default.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },