@common-origin/design-system 2.6.1 → 2.8.0

package/dist/index.js

@@ -84,6 +84,16 @@ function __generator(thisArg, body) {
     }
 }
 
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
 function __makeTemplateObject(cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
@@ -93,7 +103,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var base$b = {
+var base$c = {
 	border: {
 		radius: {
 			"1": "0.125rem",
@@ -409,7 +419,7 @@ var base$b = {
 	},
 	$ref: "./base/index.json"
 };
-var component$2 = {
+var component$3 = {
 	button: {
 		primary: {
 			backgroundColor: "#212529",
@@ -745,7 +755,7 @@ var component$2 = {
 	},
 	$ref: "./component/index.json"
 };
-var semantic$i = {
+var semantic$j = {
 	elevation: {
 		none: "none",
 		inset: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
@@ -949,16 +959,16 @@ var semantic$i = {
 	$ref: "./semantic/index.json"
 };
 var tokensData = {
-	base: base$b,
-	component: component$2,
-	semantic: semantic$i
+	base: base$c,
+	component: component$3,
+	semantic: semantic$j
 };
 
 // Destructure tokens
-var semantic$h = tokensData.semantic;
-var color$a = semantic$h.color,
-  size$1 = semantic$h.size,
-  border$a = semantic$h.border;
+var semantic$i = tokensData.semantic;
+var color$a = semantic$i.color,
+  size$1 = semantic$i.size,
+  border$a = semantic$i.border;
 var radius$6 = border$a.radius;
 var AvatarContainer = styled.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -966,7 +976,7 @@ var AvatarContainer = styled.div.withConfig({
   },
   displayName: "Avatar__AvatarContainer",
   componentId: "sc-ezn4ax-0"
-})(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  overflow: hidden;\n  flex-shrink: 0;\n"], ["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  overflow: hidden;\n  flex-shrink: 0;\n"])), function (_a) {
+})(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  overflow: hidden;\n  flex-shrink: 0;\n"], ["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  overflow: hidden;\n  flex-shrink: 0;\n"])), function (_a) {
   var $size = _a.$size;
   return size$1.avatar[$size];
 }, function (_a) {
@@ -979,14 +989,14 @@ var AvatarImage = styled.img.withConfig({
   },
   displayName: "Avatar__AvatarImage",
   componentId: "sc-ezn4ax-1"
-})(templateObject_2$t || (templateObject_2$t = __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.circle);
+})(templateObject_2$u || (templateObject_2$u = __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.circle);
 var AvatarInitials = styled.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
   displayName: "Avatar__AvatarInitials",
   componentId: "sc-ezn4ax-2"
-})(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  line-height: 1;\n  text-transform: uppercase;\n  user-select: none;\n"], ["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  line-height: 1;\n  text-transform: uppercase;\n  user-select: none;\n"
+})(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  line-height: 1;\n  text-transform: uppercase;\n  user-select: none;\n"], ["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  line-height: 1;\n  text-transform: uppercase;\n  user-select: none;\n"
 // Helper function to get initials from name
 ])), tokensData.base.fontFamily.body, tokensData.base.fontWeight[3], function (_a) {
   var $size = _a.$size;
@@ -1052,11 +1062,11 @@ var Avatar = function Avatar(_a) {
     })
   }));
 };
-var templateObject_1$I, templateObject_2$t, templateObject_3$q;
+var templateObject_1$J, templateObject_2$u, templateObject_3$r;
 
-var _a$7 = tokensData.semantic,
-  typography$5 = _a$7.typography,
-  color$9 = _a$7.color;
+var _a$8 = tokensData.semantic,
+  typography$5 = _a$8.typography,
+  color$9 = _a$8.color;
 var getTypographyStyles = function getTypographyStyles(variant) {
   var styles = {
     display: "font: ".concat(typography$5.display, "; letter-spacing: ").concat(tokensData.base.letterSpacing[0], ";"),
@@ -1119,7 +1129,7 @@ var StyledTypography = styled.span.withConfig({
   },
   displayName: "Typography__StyledTypography",
   componentId: "sc-17mqo4k-0"
-})(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  margin: 0;\n  \n  /* Ensure proper line height for readability */\n  ", "\n"], ["\n  ", "\n  color: ", ";\n  margin: 0;\n  \n  /* Ensure proper line height for readability */\n  ", "\n"
+})(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  margin: 0;\n  \n  /* Ensure proper line height for readability */\n  ", "\n"], ["\n  ", "\n  color: ", ";\n  margin: 0;\n  \n  /* Ensure proper line height for readability */\n  ", "\n"
 /**
  * Typography is an atomic component for rendering text with semantic meaning and consistent styling.
  *
@@ -1187,24 +1197,24 @@ var Typography = function Typography(_a) {
     children: children
   });
 };
-var templateObject_1$H;
+var templateObject_1$I;
 
-var semantic$g = tokensData.semantic;
-var color$8 = semantic$g.color,
-  border$9 = semantic$g.border;
+var semantic$h = tokensData.semantic;
+var color$8 = semantic$h.color,
+  border$9 = semantic$h.border;
 var radius$5 = border$9.radius;
-var scaleIn$1 = styled.keyframes(templateObject_1$G || (templateObject_1$G = __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 scaleIn$1 = styled.keyframes(templateObject_1$H || (templateObject_1$H = __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.span.withConfig({
   displayName: "Badge__BadgeWrapper",
   componentId: "sc-tjz4pp-0"
-})(templateObject_2$s || (templateObject_2$s = __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"])));
+})(templateObject_2$t || (templateObject_2$t = __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.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
   displayName: "Badge__BadgeIndicator",
   componentId: "sc-tjz4pp-1"
-})(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  display: ", ";\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  height: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  line-height: 1;\n  white-space: nowrap;\n  box-shadow: 0 0 0 2px ", ";\n  animation: ", " 0.2s ease-out;\n  \n  ", "\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  display: ", ";\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  height: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  line-height: 1;\n  white-space: nowrap;\n  box-shadow: 0 0 0 2px ", ";\n  animation: ", " 0.2s ease-out;\n  \n  ", "\n"])), function (props) {
+})(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  display: ", ";\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  height: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  line-height: 1;\n  white-space: nowrap;\n  box-shadow: 0 0 0 2px ", ";\n  animation: ", " 0.2s ease-out;\n  \n  ", "\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  display: ", ";\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  height: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  line-height: 1;\n  white-space: nowrap;\n  box-shadow: 0 0 0 2px ", ";\n  animation: ", " 0.2s ease-out;\n  \n  ", "\n"])), function (props) {
   return props.$isVisible ? 'flex' : 'none';
 }, function (props) {
   return props.$isDot ? '8px' : '16px';
@@ -1229,7 +1239,7 @@ var BadgeIndicator = styled.span.withConfig({
 var ScreenReaderOnly$1 = styled.span.withConfig({
   displayName: "Badge__ScreenReaderOnly",
   componentId: "sc-tjz4pp-2"
-})(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n"], ["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n"])));
+})(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n"], ["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n"])));
 var Badge = function Badge(_a) {
   var children = _a.children,
     _b = _a.count,
@@ -1265,7 +1275,7 @@ var Badge = function Badge(_a) {
     })]
   });
 };
-var templateObject_1$G, templateObject_2$s, templateObject_3$p, templateObject_4$k;
+var templateObject_1$H, templateObject_2$t, templateObject_3$q, templateObject_4$l;
 
 var StyledBox = styled.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -1276,37 +1286,37 @@ var StyledBox = styled.div.withConfig({
 })(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n  ", "\n  \n  // Flexbox\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Margin\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Padding\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Size\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Position\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Borders\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Background & Color\n  ", "\n  ", "\n  \n  // Elevation (shadow)\n  ", "\n  \n  // Cursor\n  ", "\n  \n  // Transition\n  ", "\n  \n  // Hover states\n  ", "\n  \n  // Overflow\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  \n  // Flexbox\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Margin\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Padding\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Size\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Position\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Borders\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  \n  // Background & Color\n  ", "\n  ", "\n  \n  // Elevation (shadow)\n  ", "\n  \n  // Cursor\n  ", "\n  \n  // Transition\n  ", "\n  \n  // Hover states\n  ", "\n  \n  // Overflow\n  ", "\n  ", "\n  ", "\n"
 // Transform component that maps clean props to $-prefixed props for styled-components
 ])), function (props) {
-  return props.$display && styled.css(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["display: ", ";"], ["display: ", ";"])), props.$display);
+  return props.$display && styled.css(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["display: ", ";"], ["display: ", ";"])), props.$display);
 }, function (props) {
-  return props.$flexDirection && styled.css(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["flex-direction: ", ";"], ["flex-direction: ", ";"])), props.$flexDirection);
+  return props.$flexDirection && styled.css(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["flex-direction: ", ";"], ["flex-direction: ", ";"])), props.$flexDirection);
 }, function (props) {
-  return props.$justifyContent && styled.css(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["justify-content: ", ";"], ["justify-content: ", ";"])), props.$justifyContent);
+  return props.$justifyContent && styled.css(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["justify-content: ", ";"], ["justify-content: ", ";"])), props.$justifyContent);
 }, function (props) {
-  return props.$alignItems && styled.css(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["align-items: ", ";"], ["align-items: ", ";"])), props.$alignItems);
+  return props.$alignItems && styled.css(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["align-items: ", ";"], ["align-items: ", ";"])), props.$alignItems);
 }, function (props) {
-  return props.$flexWrap && styled.css(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["flex-wrap: ", ";"], ["flex-wrap: ", ";"])), props.$flexWrap);
+  return props.$flexWrap && styled.css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["flex-wrap: ", ";"], ["flex-wrap: ", ";"])), props.$flexWrap);
 }, function (props) {
-  return props.$gap && styled.css(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["gap: ", ";"], ["gap: ", ";"])), tokensData.semantic.spacing.layout[props.$gap]);
+  return props.$gap && styled.css(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["gap: ", ";"], ["gap: ", ";"])), tokensData.semantic.spacing.layout[props.$gap]);
 }, function (props) {
-  return props.$m && styled.css(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["margin: ", ";"], ["margin: ", ";"])), tokensData.semantic.spacing.layout[props.$m]);
+  return props.$m && styled.css(templateObject_7$a || (templateObject_7$a = __makeTemplateObject(["margin: ", ";"], ["margin: ", ";"])), tokensData.semantic.spacing.layout[props.$m]);
 }, function (props) {
-  return props.$mt && styled.css(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["margin-top: ", ";"], ["margin-top: ", ";"])), tokensData.semantic.spacing.layout[props.$mt]);
+  return props.$mt && styled.css(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["margin-top: ", ";"], ["margin-top: ", ";"])), tokensData.semantic.spacing.layout[props.$mt]);
 }, function (props) {
-  return props.$mr && styled.css(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["margin-right: ", ";"], ["margin-right: ", ";"])), tokensData.semantic.spacing.layout[props.$mr]);
+  return props.$mr && styled.css(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["margin-right: ", ";"], ["margin-right: ", ";"])), tokensData.semantic.spacing.layout[props.$mr]);
 }, function (props) {
-  return props.$mb && styled.css(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["margin-bottom: ", ";"], ["margin-bottom: ", ";"])), tokensData.semantic.spacing.layout[props.$mb]);
+  return props.$mb && styled.css(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["margin-bottom: ", ";"], ["margin-bottom: ", ";"])), tokensData.semantic.spacing.layout[props.$mb]);
 }, function (props) {
-  return props.$ml && styled.css(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["margin-left: ", ";"], ["margin-left: ", ";"])), tokensData.semantic.spacing.layout[props.$ml]);
+  return props.$ml && styled.css(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["margin-left: ", ";"], ["margin-left: ", ";"])), tokensData.semantic.spacing.layout[props.$ml]);
 }, function (props) {
-  return props.$mx && styled.css(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n    margin-left: ", ";\n    margin-right: ", ";\n  "], ["\n    margin-left: ", ";\n    margin-right: ", ";\n  "])), tokensData.semantic.spacing.layout[props.$mx], tokensData.semantic.spacing.layout[props.$mx]);
+  return props.$mx && styled.css(templateObject_12$3 || (templateObject_12$3 = __makeTemplateObject(["\n    margin-left: ", ";\n    margin-right: ", ";\n  "], ["\n    margin-left: ", ";\n    margin-right: ", ";\n  "])), tokensData.semantic.spacing.layout[props.$mx], tokensData.semantic.spacing.layout[props.$mx]);
 }, function (props) {
-  return props.$my && styled.css(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), tokensData.semantic.spacing.layout[props.$my], tokensData.semantic.spacing.layout[props.$my]);
+  return props.$my && styled.css(templateObject_13$3 || (templateObject_13$3 = __makeTemplateObject(["\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), tokensData.semantic.spacing.layout[props.$my], tokensData.semantic.spacing.layout[props.$my]);
 }, function (props) {
-  return props.$p && styled.css(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["padding: ", ";"], ["padding: ", ";"])), tokensData.semantic.spacing.layout[props.$p]);
+  return props.$p && styled.css(templateObject_14$2 || (templateObject_14$2 = __makeTemplateObject(["padding: ", ";"], ["padding: ", ";"])), tokensData.semantic.spacing.layout[props.$p]);
 }, function (props) {
-  return props.$pt && styled.css(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["padding-top: ", ";"], ["padding-top: ", ";"])), tokensData.semantic.spacing.layout[props.$pt]);
+  return props.$pt && styled.css(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject(["padding-top: ", ";"], ["padding-top: ", ";"])), tokensData.semantic.spacing.layout[props.$pt]);
 }, function (props) {
-  return props.$pr && styled.css(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["padding-right: ", ";"], ["padding-right: ", ";"])), tokensData.semantic.spacing.layout[props.$pr]);
+  return props.$pr && styled.css(templateObject_16$2 || (templateObject_16$2 = __makeTemplateObject(["padding-right: ", ";"], ["padding-right: ", ";"])), tokensData.semantic.spacing.layout[props.$pr]);
 }, function (props) {
   return props.$pb && styled.css(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["padding-bottom: ", ";"], ["padding-bottom: ", ";"])), tokensData.semantic.spacing.layout[props.$pb]);
 }, function (props) {
@@ -1500,175 +1510,658 @@ var BoxTransform = function BoxTransform(props) {
   }));
 };
 var Box = BoxTransform;
-var templateObject_1$F, templateObject_2$r, templateObject_3$o, templateObject_4$j, templateObject_5$e, templateObject_6$c, templateObject_7$9, templateObject_8$5, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, 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;
+var templateObject_1$G, templateObject_2$s, templateObject_3$p, templateObject_4$k, templateObject_5$f, templateObject_6$d, templateObject_7$a, templateObject_8$6, templateObject_9$4, templateObject_10$3, templateObject_11$3, templateObject_12$3, templateObject_13$3, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$1, templateObject_18$1, 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;
 
 var add = {
 	path: "M13 11H19V13H13V19H11V13H5V11H11V5H13V11Z",
-	name: "add"
+	name: "add",
+	description: "Plus sign",
+	category: "action",
+	aliases: [
+		"plus",
+		"create",
+		"new"
+	],
+	intent: "Use to indicate adding or creating a new item",
+	decorativeDefault: false,
+	ariaLabelDefault: "Add"
 };
 var addRing = {
 	path: "M13 11H16V13H13V16H11V13H8V11H11V8H13V11Z M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z",
-	name: "addRing"
+	name: "addRing",
+	description: "Plus sign inside a circle",
+	category: "action",
+	aliases: [
+		"plus-circle",
+		"create",
+		"new"
+	],
+	intent: "Use to add or create a new item; circled variant for more prominence",
+	decorativeDefault: false,
+	ariaLabelDefault: "Add"
 };
 var arrowDown = {
 	path: "m18.707 9.707-1.414-1.414L12 13.586 6.707 8.293 5.293 9.707 12 16.414l6.707-6.707Z",
-	name: "arrowDown"
+	name: "arrowDown",
+	description: "Downward-pointing chevron",
+	category: "navigation",
+	aliases: [
+		"chevron-down",
+		"expand",
+		"dropdown"
+	],
+	intent: "Use to expand a section, open a dropdown, or indicate downward direction",
+	decorativeDefault: true,
+	ariaLabelDefault: "Arrow down"
 };
 var arrowUp = {
 	path: "m18.707 14.293-1.414 1.414L12 10.414l-5.293 5.293-1.414-1.414L12 7.586l6.707 6.707Z",
-	name: "arrowUp"
+	name: "arrowUp",
+	description: "Upward-pointing chevron",
+	category: "navigation",
+	aliases: [
+		"chevron-up",
+		"collapse"
+	],
+	intent: "Use to collapse a section or indicate upward direction",
+	decorativeDefault: true,
+	ariaLabelDefault: "Arrow up"
 };
 var arrowLeft = {
 	path: "M15.707 6.70703L10.4141 12L15.707 17.293L14.293 18.707L7.58594 12L14.293 5.29297L15.707 6.70703Z",
-	name: "arrowLeft"
+	name: "arrowLeft",
+	description: "Left-pointing chevron",
+	category: "navigation",
+	aliases: [
+		"chevron-left",
+		"previous"
+	],
+	intent: "Use to navigate to a previous item or indicate leftward direction",
+	decorativeDefault: true,
+	ariaLabelDefault: "Arrow left"
 };
 var arrowRight = {
 	path: "M8.29297 6.70703L13.5859 12L8.29297 17.293L9.70703 18.707L16.4141 12L9.70703 5.29297L8.29297 6.70703Z",
-	name: "arrowRight"
+	name: "arrowRight",
+	description: "Right-pointing chevron",
+	category: "navigation",
+	aliases: [
+		"chevron-right",
+		"next",
+		"forward"
+	],
+	intent: "Use to navigate to next item or indicate rightward direction",
+	decorativeDefault: true,
+	ariaLabelDefault: "Arrow right"
 };
 var bell = {
 	path: "M12.0001 2C15.3561 2 18.1753 4.52384 18.546 7.85938L18.7979 10.125C18.8012 10.1546 18.8024 10.1676 18.8038 10.1797C18.9166 11.1628 19.2372 12.1106 19.7432 12.9609C19.7494 12.9714 19.7553 12.9824 19.7706 13.0078L20.3487 13.9707C20.5997 14.3891 20.829 14.7681 20.9795 15.0879C21.1276 15.4024 21.2852 15.8285 21.209 16.3115C21.1337 16.789 20.8882 17.2229 20.5176 17.5332C20.1426 17.8471 19.6956 17.931 19.3497 17.9658C18.998 18.0012 18.5554 18 18.0674 18H5.93268C5.44476 18 5.00211 18.0012 4.65045 17.9658C4.30456 17.931 3.85755 17.8471 3.48248 17.5332C3.1119 17.2229 2.86641 16.789 2.79107 16.3115C2.7149 15.8285 2.87247 15.4024 3.02057 15.0879C3.17116 14.7681 3.40038 14.3891 3.65143 13.9707L4.22955 13.0078C4.24481 12.9824 4.25068 12.9714 4.25689 12.9609C4.76296 12.1106 5.08348 11.1628 5.19635 10.1797C5.19773 10.1676 5.19892 10.1546 5.20221 10.125L5.45416 7.85938C5.82477 4.52384 8.644 2 12.0001 2ZM12.0001 4C9.6631 4 7.69954 5.75741 7.44146 8.08008L7.18951 10.3457C7.18638 10.3739 7.18457 10.3907 7.18268 10.4072C7.03761 11.6714 6.62638 12.8909 5.97564 13.9844C5.96724 13.9985 5.95885 14.013 5.94439 14.0371L5.36627 15C5.09277 15.4558 4.92766 15.7334 4.83014 15.9404C4.82533 15.9506 4.82155 15.9606 4.81744 15.9697C4.82787 15.971 4.83877 15.9744 4.85064 15.9756C5.07838 15.9985 5.40111 16 5.93268 16H18.0674C18.599 16 18.9217 15.9985 19.1495 15.9756C19.161 15.9744 19.1716 15.9709 19.1817 15.9697C19.1776 15.9607 19.1747 15.9505 19.17 15.9404C19.0725 15.7334 18.9074 15.4558 18.6338 15L18.0557 14.0371C18.0413 14.013 18.0329 13.9985 18.0245 13.9844C17.3737 12.8909 16.9625 11.6714 16.8174 10.4072C16.8155 10.3907 16.8137 10.3739 16.8106 10.3457L16.5587 8.08008C16.3006 5.75741 14.337 4 12.0001 4Z M12.0001 22C10.9897 22 10.0894 21.4972 9.419 20.7256C8.75348 19.9595 8.31404 18.9367 8.11822 17.8408C8.0211 17.2971 8.38314 16.7778 8.92682 16.6807C9.47038 16.5837 9.98987 16.9457 10.087 17.4893C10.233 18.3066 10.5467 18.9742 10.9288 19.4141C11.3063 19.8486 11.6896 20 12.0001 20C12.3106 20 12.6938 19.8486 13.0713 19.4141C13.4535 18.9742 13.7671 18.3066 13.9131 17.4893C14.0102 16.9457 14.5297 16.5837 15.0733 16.6807C15.617 16.7778 15.979 17.2971 15.8819 17.8408C15.6861 18.9367 15.2466 19.9595 14.5811 20.7256C13.9108 21.4972 13.0104 22 12.0001 22Z",
-	name: "bell"
+	name: "bell",
+	description: "Bell shape",
+	category: "communication",
+	aliases: [
+		"notification",
+		"alert",
+		"alarm",
+		"reminder"
+	],
+	intent: "Use to indicate notifications or alerts",
+	decorativeDefault: false,
+	ariaLabelDefault: "Notifications"
 };
 var back = {
 	path: "m5 12-.707-.707-.707.707.707.707L5 12Zm12 1a1 1 0 1 0 0-2v2ZM8.293 7.293l-4 4 1.414 1.414 4-4-1.414-1.414Zm-4 5.414 4 4 1.414-1.414-4-4-1.414 1.414ZM5 13h12v-2H5v2Z",
-	name: "back"
+	name: "back",
+	description: "Left-pointing arrow with horizontal line",
+	category: "navigation",
+	aliases: [
+		"return",
+		"go-back",
+		"previous"
+	],
+	intent: "Use to navigate back to the previous page or step",
+	decorativeDefault: false,
+	ariaLabelDefault: "Go back"
 };
 var cancel = {
 	path: "M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z M5.29279 6.70701L6.70701 5.29279L18.7071 17.2929L17.2929 18.7071L5.29279 6.70701Z",
-	name: "cancel"
+	name: "cancel",
+	description: "Circle with diagonal line through it",
+	category: "action",
+	aliases: [
+		"prohibit",
+		"block",
+		"deny",
+		"ban",
+		"forbidden"
+	],
+	intent: "Use to cancel an action or indicate something is prohibited",
+	decorativeDefault: false,
+	ariaLabelDefault: "Cancel"
 };
 var caret = {
 	path: "m14.77 11.808-4.458-3.715A.8.8 0 0 0 9 8.708v6.584a.8.8 0 0 0 1.312.614l4.458-3.714a.25.25 0 0 0 0-.384Z",
-	name: "caret"
+	name: "caret",
+	description: "Right-pointing filled triangle",
+	category: "navigation",
+	aliases: [
+		"disclosure",
+		"expand",
+		"chevron-right-filled"
+	],
+	intent: "Use as a disclosure control to indicate expandable content",
+	decorativeDefault: true,
+	ariaLabelDefault: "Expand"
 };
 var caretDown = {
 	path: "M11.8079 14.7695L8.09345 10.3121C7.65923 9.79109 8.02975 9 8.70802 9L15.292 9C15.9702 9 16.3408 9.79109 15.9065 10.3121L12.192 14.7695C12.0921 14.8895 11.9079 14.8895 11.8079 14.7695Z",
-	name: "caretDown"
+	name: "caretDown",
+	description: "Downward-pointing filled triangle",
+	category: "navigation",
+	aliases: [
+		"dropdown",
+		"disclosure-down",
+		"select"
+	],
+	intent: "Use to indicate a dropdown or expandable content below",
+	decorativeDefault: true,
+	ariaLabelDefault: "Expand"
 };
 var caretUp = {
 	path: "M12.192 9.23058L15.9065 13.688C16.3408 14.209 15.9702 15.0001 15.292 15.0001H8.70802C8.02975 15.0001 7.65923 14.209 8.09345 13.688L11.8079 9.23058C11.9079 9.11064 12.0921 9.11064 12.192 9.23058Z",
-	name: "caretUp"
+	name: "caretUp",
+	description: "Upward-pointing filled triangle",
+	category: "navigation",
+	aliases: [
+		"collapse",
+		"disclosure-up"
+	],
+	intent: "Use to indicate collapsible content above",
+	decorativeDefault: true,
+	ariaLabelDefault: "Collapse"
 };
 var check = {
 	path: "M9.16699 18.375L4.40039 14.7998L5.59961 13.2002L8.83301 15.625L17.2256 5.36719L18.7744 6.63281L9.16699 18.375Z",
-	name: "check"
+	name: "check",
+	description: "Checkmark",
+	category: "status",
+	aliases: [
+		"tick",
+		"confirm",
+		"done",
+		"success",
+		"approved"
+	],
+	intent: "Use to confirm a selection or indicate completion or success",
+	decorativeDefault: false,
+	ariaLabelDefault: "Confirmed"
 };
 var checkRing = {
 	path: "M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z M11.0674 16.4814L7.29297 12.707L8.70703 11.293L10.9326 13.5176L15.2314 8.35937L16.7686 9.64062L11.0674 16.4814Z",
-	name: "checkRing"
+	name: "checkRing",
+	description: "Checkmark inside a circle",
+	category: "status",
+	aliases: [
+		"verified",
+		"complete",
+		"success-circle",
+		"approved"
+	],
+	intent: "Use to indicate verification, completion, or a successful state",
+	decorativeDefault: false,
+	ariaLabelDefault: "Verified"
 };
 var close = {
 	path: "M19.4141 6L13.4141 12L19.4141 18L18 19.4141L12 13.4141L6 19.4141L4.58594 18L10.5859 12L4.58594 6L6 4.58594L12 10.5859L18 4.58594L19.4141 6Z",
-	name: "close"
+	name: "close",
+	description: "X shape",
+	category: "action",
+	aliases: [
+		"dismiss",
+		"remove",
+		"clear",
+		"x"
+	],
+	intent: "Use to close a dialog, dismiss a notification, or clear content",
+	decorativeDefault: false,
+	ariaLabelDefault: "Close"
 };
 var crossCircle = {
 	path: "M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM15.707 9.70703L13.4141 12L15.707 14.293L14.293 15.707L12 13.4141L9.70703 15.707L8.29297 14.293L10.5859 12L8.29297 9.70703L9.70703 8.29297L12 10.5859L14.293 8.29297L15.707 9.70703Z",
-	name: "crossCircle"
+	name: "crossCircle",
+	description: "X inside a circle",
+	category: "status",
+	aliases: [
+		"error",
+		"failed",
+		"rejected",
+		"cancel-circle"
+	],
+	intent: "Use to indicate an error, failure, or rejected state",
+	decorativeDefault: false,
+	ariaLabelDefault: "Error"
 };
 var directionRight = {
 	path: "M20 12L20.7071 11.2929L21.4142 12L20.7071 12.7071L20 12ZM5 13C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11V13ZM14 6L14.7071 5.29289L20.7071 11.2929L20 12L19.2929 12.7071L13.2929 6.70711L14 6ZM20 12L20.7071 12.7071L14.7071 18.7071L14 18L13.2929 17.2929L19.2929 11.2929L20 12ZM20 12V13H5V12V11H20V12Z",
-	name: "directionRight"
+	name: "directionRight",
+	description: "Right-pointing arrow with tail",
+	category: "navigation",
+	aliases: [
+		"arrow-right",
+		"send",
+		"forward",
+		"proceed"
+	],
+	intent: "Use to navigate forward or direct attention to the right",
+	decorativeDefault: false,
+	ariaLabelDefault: "Go right"
+};
+var directionUp = {
+	path: "M6.70703 10.707L11 6.41406L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19L13 6.41406L17.293 10.707L18.707 9.29297L12 2.58594L5.29297 9.29297L6.70703 10.707Z",
+	name: "directionUp",
+	description: "Upward-pointing arrow with tail",
+	category: "navigation",
+	aliases: [
+		"arrow-up",
+		"upload",
+		"send-up"
+	],
+	intent: "Use to indicate uploading or directing upward",
+	decorativeDefault: false,
+	ariaLabelDefault: "Go up"
 };
 var edit = {
 	path: "M17.5859 9C17.5859 8.6893 17.3985 8.42381 17.0234 8.0293L16.5859 7.58594L16.414 7.41406C15.7475 6.7475 15.4141 6.41406 15 6.41406C14.5858 6.41406 14.2525 6.7475 13.5859 7.41406L6.39156 14.6084L6.16402 14.8418C6.10705 14.9052 6.06663 14.9595 6.03316 15.0186C5.9662 15.1368 5.93192 15.2702 5.86519 15.5371L5.20211 18.1914L5.14449 18.4297C5.09834 18.6377 5.09184 18.7579 5.16695 18.833C5.24206 18.9081 5.36228 18.9016 5.57027 18.8555L5.80855 18.7979L8.46285 18.1348C8.72977 18.068 8.86314 18.0338 8.9814 17.9668C9.04047 17.9333 9.09478 17.8929 9.15816 17.8359L9.39156 17.6084L16.5859 10.4141C17.2106 9.78933 17.5428 9.45735 17.582 9.07715L17.5859 9ZM19.5859 9C19.5859 9.82006 19.2281 10.4288 18.9257 10.8252C18.6586 11.1753 18.2933 11.5348 18 11.8281L10.8056 19.0225C10.686 19.1421 10.3758 19.4764 9.96675 19.708C9.55767 19.9396 9.11125 20.0332 8.94722 20.0742L6.38277 20.7158L6.38082 20.7168L6.2939 20.7383C6.17868 20.7671 5.87067 20.8489 5.58492 20.877C5.2743 20.9073 4.44039 20.9346 3.75289 20.2471C3.06538 19.5596 3.09262 18.7257 3.123 18.415C3.15102 18.1293 3.23287 17.8213 3.26168 17.7061L3.92574 15.0527L4.03707 14.6348C4.09472 14.4516 4.17615 14.2378 4.29195 14.0332L4.38375 13.8848C4.6044 13.5498 4.87279 13.299 4.9775 13.1943L12.1718 6C12.4652 5.70667 12.8246 5.34136 13.1748 5.07422C13.5711 4.77185 14.1799 4.41406 15 4.41406L15.1513 4.41797C15.8954 4.45836 16.4536 4.79076 16.8252 5.07422C17.1753 5.34136 17.5348 5.70667 17.8281 6L18 6.17188L18.4726 6.65137C18.6341 6.82169 18.7921 6.99964 18.9257 7.1748C19.2281 7.57116 19.5859 8.17994 19.5859 9Z M12.5 7.5L15.5 5.5L18.5 8.5L16.5 11.5L12.5 7.5Z",
-	name: "edit"
+	name: "edit",
+	description: "Pencil",
+	category: "action",
+	aliases: [
+		"pencil",
+		"modify",
+		"write",
+		"compose",
+		"update"
+	],
+	intent: "Use to edit or modify existing content",
+	decorativeDefault: false,
+	ariaLabelDefault: "Edit"
 };
 var fileDocSearch = {
 	path: "M13 6C13.5523 6 14 6.44772 14 7C14 7.55229 13.5523 8 13 8L9 8C8.44772 8 8 7.55229 8 7C8 6.44772 8.44772 6 9 6L13 6Z M12 14C12.5523 14 13 14.4477 13 15C13 15.5523 12.5523 16 12 16L9 16C8.44772 16 8 15.5523 8 15C8 14.4477 8.44772 14 9 14L12 14Z M15 10C15.5523 10 16 10.4477 16 11C16 11.5523 15.5523 12 15 12L9 12C8.44772 12 8 11.5523 8 11C8 10.4477 8.44772 10 9 10L15 10Z M4 9V15C4 16.3858 3.99829 17.5258 4.11914 18.4248C4.24389 19.3526 4.51577 20.172 5.17188 20.8281C5.82799 21.4842 6.64737 21.7561 7.5752 21.8809C8.47423 22.0017 9.61416 22 11 22H12V20H11C9.55778 20 8.57657 19.9982 7.8418 19.8994C7.13574 19.8045 6.80851 19.6366 6.58594 19.4141C6.36337 19.1915 6.19551 18.8643 6.10059 18.1582C6.00185 17.4234 6 16.4422 6 15V9C6 7.55778 6.00185 6.57657 6.10059 5.8418C6.19551 5.13574 6.36337 4.80851 6.58594 4.58594C6.80851 4.36337 7.13574 4.19551 7.8418 4.10059C8.57657 4.00185 9.55778 4 11 4H13C14.4422 4 15.4234 4.00185 16.1582 4.10059C16.8643 4.19551 17.1915 4.36337 17.4141 4.58594C17.6366 4.80851 17.8045 5.13574 17.8994 5.8418C17.9982 6.57657 18 7.55778 18 9V11H20V9C20 7.61416 20.0017 6.47423 19.8809 5.5752C19.7561 4.64737 19.4842 3.82799 18.8281 3.17188C18.172 2.51577 17.3526 2.24389 16.4248 2.11914C15.5258 1.9983 14.3858 2 13 2H11C9.61416 2 8.47423 1.9983 7.5752 2.11914C6.64737 2.24389 5.82799 2.51577 5.17188 3.17188C4.51577 3.82799 4.24389 4.64737 4.11914 5.5752C3.99829 6.47423 4 7.61416 4 9Z M19 17.5C19 16.6716 18.3284 16 17.5 16C16.6716 16 16 16.6716 16 17.5C16 18.3284 16.6716 19 17.5 19C18.3284 19 19 18.3284 19 17.5ZM21 17.5C21 19.433 19.433 21 17.5 21C15.567 21 14 19.433 14 17.5C14 15.567 15.567 14 17.5 14C19.433 14 21 15.567 21 17.5Z M18.793 18.793C19.1835 18.4024 19.8165 18.4024 20.207 18.793L21.707 20.293C22.0976 20.6835 22.0976 21.3165 21.707 21.707C21.3165 22.0976 20.6835 22.0976 20.293 21.707L18.793 20.207C18.4024 19.8165 18.4024 19.1835 18.793 18.793Z",
-	name: "fileDocSearch"
+	name: "fileDocSearch",
+	description: "Document with magnifying glass overlay",
+	category: "content",
+	aliases: [
+		"search-document",
+		"find-file",
+		"lookup",
+		"document-search"
+	],
+	intent: "Use to search within documents or find specific files",
+	decorativeDefault: false,
+	ariaLabelDefault: "Search documents"
 };
 var filter = {
 	path: "M20 7C20.5523 7 21 7.44771 21 8C21 8.55228 20.5523 9 20 9H11C10.4477 9 10 8.55228 10 8C10 7.44772 10.4477 7 11 7L20 7Z M14 15C14.5523 15 15 15.4477 15 16C15 16.5523 14.5523 17 14 17L4 17C3.44772 17 3 16.5523 3 16C3 15.4477 3.44772 15 4 15L14 15Z M7 10C8.10457 10 9 9.10457 9 8C9 6.89543 8.10457 6 7 6C5.89543 6 5 6.89543 5 8C5 9.10457 5.89543 10 7 10ZM7 12C4.79086 12 3 10.2091 3 8C3 5.79086 4.79086 4 7 4C9.20914 4 11 5.79086 11 8C11 10.2091 9.20914 12 7 12Z M17 18C18.1046 18 19 17.1046 19 16C19 14.8954 18.1046 14 17 14C15.8954 14 15 14.8954 15 16C15 17.1046 15.8954 18 17 18ZM17 20C14.7909 20 13 18.2091 13 16C13 13.7909 14.7909 12 17 12C19.2091 12 21 13.7909 21 16C21 18.2091 19.2091 20 17 20Z",
-	name: "filter"
+	name: "filter",
+	description: "Two horizontal sliders with adjustable handles",
+	category: "action",
+	aliases: [
+		"sort",
+		"adjust",
+		"sliders",
+		"tune",
+		"refine"
+	],
+	intent: "Use to filter or refine a list of items",
+	decorativeDefault: false,
+	ariaLabelDefault: "Filter"
 };
 var info = {
 	path: "M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z M12.5 7.5C12.5 7.77614 12.2761 8 12 8C11.7239 8 11.5 7.77614 11.5 7.5C11.5 7.22386 11.7239 7 12 7C12.2761 7 12.5 7.22386 12.5 7.5Z M11 7.5C11 6.94772 11.4477 6.5 12 6.5C12.5523 6.5 13 6.94772 13 7.5C13 8.05228 12.5523 8.5 12 8.5C11.4477 8.5 11 8.05228 11 7.5Z M13 10V17H11V10H13Z",
-	name: "info"
+	name: "info",
+	description: "Letter i inside a circle",
+	category: "status",
+	aliases: [
+		"information",
+		"help",
+		"about",
+		"details",
+		"tooltip"
+	],
+	intent: "Use to provide additional information or contextual help",
+	decorativeDefault: false,
+	ariaLabelDefault: "Information"
 };
 var lamp = {
 	path: "M17 10C17 7.23858 14.7614 5 12 5C9.23858 5 7 7.23858 7 10C7 11.6358 7.78448 13.0881 9.00195 14.002C9.20009 14.1507 9.44705 14.3272 9.63086 14.5303L9.70605 14.6191L9.82812 14.7979C9.93635 14.9783 10.0057 15.1588 10.0645 15.3008C10.5964 16.586 10.9052 17.9546 10.9795 19.3486C11.6384 19.587 12.3606 19.5868 13.0195 19.3486C13.0936 17.9549 13.4029 16.586 13.9346 15.3008C14.0128 15.1115 14.1108 14.8541 14.293 14.6191L14.3682 14.5303C14.552 14.3271 14.7989 14.1507 14.9971 14.002C16.215 13.0881 17 11.636 17 10ZM19 10C19 12.2922 17.8968 14.3264 16.1973 15.6016C16.0466 15.7146 15.9587 15.7812 15.8965 15.832C15.887 15.8398 15.8793 15.8462 15.873 15.8516C15.8655 15.8676 15.856 15.8906 15.8418 15.9238C15.8254 15.9623 15.8066 16.0066 15.7822 16.0654C15.2949 17.2435 15.0287 18.5048 15.002 19.7852C14.9914 20.2889 14.7081 20.7641 14.2363 21C12.8287 21.7038 11.1713 21.7038 9.76367 21C9.29185 20.7641 9.00862 20.2889 8.99805 19.7852C8.9712 18.5049 8.70449 17.2438 8.2168 16.0654C8.19246 16.0066 8.17364 15.9622 8.15723 15.9238C8.14292 15.8904 8.13257 15.8676 8.125 15.8516C8.11886 15.8463 8.1117 15.8395 8.10254 15.832C8.04038 15.7812 7.95236 15.7146 7.80176 15.6016C6.10253 14.3262 5 12.2918 5 10C5 6.13401 8.13401 3 12 3C15.866 3 19 6.13401 19 10Z M15.5481 16.8311C13.4007 18.2665 10.5998 18.2665 8.45239 16.8311L9.56372 15.1689C11.0384 16.1546 12.9621 16.1546 14.4368 15.1689L15.5481 16.8311Z",
-	name: "lamp"
+	name: "lamp",
+	description: "Light bulb",
+	category: "object",
+	aliases: [
+		"lightbulb",
+		"idea",
+		"tip",
+		"insight",
+		"hint"
+	],
+	intent: "Use to indicate ideas, tips, insights, or suggestions",
+	decorativeDefault: false,
+	ariaLabelDefault: "Tip"
 };
 var menu = {
 	path: "M4 7a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm0 5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm0 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z",
-	name: "menu"
+	name: "menu",
+	description: "Three horizontal lines of decreasing width",
+	category: "navigation",
+	aliases: [
+		"hamburger",
+		"nav",
+		"sidebar",
+		"navigation"
+	],
+	intent: "Use to open a navigation menu or sidebar",
+	decorativeDefault: false,
+	ariaLabelDefault: "Menu"
 };
 var paper = {
 	path: "M18 4.00001C16.8954 4.00001 16 4.89544 16 6.00001V8.00001H20V6.00001C20 4.89544 19.1046 4.00001 18 4.00001ZM7.00001 4.00001C6.02893 4.00001 5.40099 4.00228 4.93848 4.06446C4.50494 4.12278 4.36909 4.21686 4.29297 4.29297C4.21686 4.36908 4.12278 4.50494 4.06446 4.93848C4.00228 5.40099 4.00001 6.02893 4.00001 7.00001L4.00001 19.6133L6.00001 18.9463L9.00001 19.9463L12 18.9463L14 19.6133L14 6.00001C14 5.27125 14.1956 4.58845 14.5361 4.00001L7.00001 4.00001ZM18 2.00001L18.2061 2.00489C20.3194 2.11212 22 3.85997 22 6V8.14258C22 8.28987 22.0007 8.47261 21.9854 8.63086C21.9685 8.80441 21.9254 9.0512 21.7705 9.29786C21.6506 9.48866 21.4887 9.65062 21.2979 9.77051C21.0512 9.9254 20.8044 9.9685 20.6309 9.98536C20.4726 10.0007 20.2899 10 20.1426 10L16 10L16 22.3877L12 21.0537L9.00001 22.0537L6.00001 21.0537L2.00001 22.3877L2.00001 7.00001C2.00001 6.08547 1.99777 5.29863 2.08204 4.67188C2.17019 4.01648 2.36933 3.38849 2.87891 2.87891C3.38849 2.36933 4.01648 2.17019 4.67188 2.08204C5.29863 1.99777 6.08547 2.00001 7.00001 2.00001L18 2.00001Z M11 6.00001C11.5523 6.00001 12 6.44772 12 7.00001C12 7.55229 11.5523 8.00001 11 8.00001L7.00001 8.00001C6.44772 8.00001 6.00001 7.55229 6.00001 7.00001C6.00001 6.44772 6.44772 6.00001 7.00001 6.00001L11 6.00001Z M7.00001 12C6.44772 12 6.00001 11.5523 6.00001 11C6.00001 10.4477 6.44772 10 7.00001 10H8.00001C8.55229 10 9.00001 10.4477 9.00001 11C9.00001 11.5523 8.55229 12 8.00001 12H7.00001Z M10 14C10.5523 14 11 14.4477 11 15C11 15.5523 10.5523 16 10 16H7.00001C6.44772 16 6.00001 15.5523 6.00001 15C6.00001 14.4477 6.44772 14 7.00001 14H10Z",
-	name: "paper"
+	name: "paper",
+	description: "Receipt or document with a corner fold and line items",
+	category: "content",
+	aliases: [
+		"receipt",
+		"document",
+		"invoice",
+		"bill",
+		"note"
+	],
+	intent: "Use to represent a receipt, document, or bill",
+	decorativeDefault: false,
+	ariaLabelDefault: "Document"
 };
 var pause = {
 	path: "M7 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H7ZM15 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2Z",
-	name: "pause"
+	name: "pause",
+	description: "Two vertical bars",
+	category: "media",
+	aliases: [
+		"stop",
+		"halt",
+		"break"
+	],
+	intent: "Use to pause audio or video playback",
+	decorativeDefault: false,
+	ariaLabelDefault: "Pause"
 };
 var play = {
 	path: "M16.138 10.569 9.605 7.303A1.8 1.8 0 0 0 7 8.913v6.175a1.8 1.8 0 0 0 2.605 1.61l6.533-3.267c1.18-.59 1.18-2.272 0-2.862Z",
-	name: "play"
+	name: "play",
+	description: "Right-pointing triangle",
+	category: "media",
+	aliases: [
+		"start",
+		"resume",
+		"begin"
+	],
+	intent: "Use to start or resume audio or video playback",
+	decorativeDefault: false,
+	ariaLabelDefault: "Play"
 };
 var playBack = {
 	path: "m16.293 5.293 1.414 1.414L12.414 12l5.293 5.293-1.414 1.414L9.586 12l6.707-6.707ZM5 17V7h2v10H5Z",
-	name: "playBack"
+	name: "playBack",
+	description: "Double left-pointing chevron with vertical bar",
+	category: "media",
+	aliases: [
+		"skip-back",
+		"previous-track",
+		"rewind"
+	],
+	intent: "Use to skip to the previous track or rewind playback",
+	decorativeDefault: false,
+	ariaLabelDefault: "Previous track"
 };
 var lineOut = {
 	path: "M21 9V3H15V5H17.5859L8.58595 14H6.00001L5.35157 14.0049C5.14361 14.0103 4.94678 14.0221 4.76954 14.0459C4.38634 14.0974 3.94916 14.2227 3.58595 14.5859C3.22274 14.9492 3.09743 15.3863 3.04591 15.7695C2.99825 16.124 3.00001 16.5569 3.00001 17V18C3.00001 18.4431 2.99825 18.876 3.04591 19.2305C3.09743 19.6137 3.22274 20.0508 3.58595 20.4141C3.94916 20.7773 4.38634 20.9026 4.76954 20.9541C5.12397 21.0018 5.55688 21 6.00001 21H7.00001C7.44314 21 7.87604 21.0018 8.23048 20.9541C8.61368 20.9026 9.05086 20.7773 9.41407 20.4141C9.77729 20.0508 9.90259 19.6137 9.95411 19.2305C10.0018 18.876 10 18.4431 10 18V15.4141L19 6.41406V9H21ZM5.40235 16.0039L6.00001 16H8.00001V18C8.00001 18.4995 7.99821 18.7737 7.97266 18.9639C7.97236 18.9661 7.97199 18.9685 7.97169 18.9707C7.96917 18.9711 7.9665 18.9723 7.96388 18.9727C7.77369 18.9982 7.49949 19 7.00001 19H6.00001C5.50052 19 5.22632 18.9982 5.03614 18.9727C5.03384 18.9723 5.03151 18.971 5.02931 18.9707C5.029 18.9685 5.02766 18.9662 5.02735 18.9639C5.00181 18.7737 5.00001 18.4995 5.00001 18V17C5.00001 16.5005 5.00181 16.2263 5.02735 16.0361C5.02771 16.0335 5.02895 16.0308 5.02931 16.0283C5.03147 16.028 5.03389 16.0276 5.03614 16.0273C5.13128 16.0146 5.24749 16.0076 5.40235 16.0039Z",
-	name: "lineOut"
+	name: "lineOut",
+	description: "Arrow pointing to upper-right from a diagonal line",
+	category: "action",
+	aliases: [
+		"external-link",
+		"open-external",
+		"redirect",
+		"outbound"
+	],
+	intent: "Use to open a link in a new window or navigate to an external resource",
+	decorativeDefault: false,
+	ariaLabelDefault: "Open external"
 };
 var message = {
 	path: "M16 5.00001C16.9145 5.00001 17.7014 4.99777 18.3281 5.08204C18.9835 5.17019 19.6115 5.36934 20.1211 5.87891C20.6307 6.38849 20.8298 7.01648 20.918 7.67188C21.0022 8.29863 21 9.08547 21 10V14C21 14.9145 21.0022 15.7014 20.918 16.3281C20.8298 16.9835 20.6307 17.6115 20.1211 18.1211C19.6115 18.6307 18.9835 18.8298 18.3281 18.918C17.7014 19.0022 16.9145 19 16 19H8.00001C7.08547 19 6.29863 19.0022 5.67188 18.918C5.01648 18.8298 4.38849 18.6307 3.87891 18.1211C3.36934 17.6115 3.17019 16.9835 3.08204 16.3281C2.99777 15.7014 3.00001 14.9145 3.00001 14V10C3.00001 9.08547 2.99777 8.29863 3.08204 7.67188C3.17019 7.01648 3.36933 6.38849 3.87891 5.87891C4.38849 5.36933 5.01648 5.17019 5.67188 5.08204C6.29863 4.99777 7.08547 5.00001 8.00001 5.00001H16ZM13.3418 13.4473C12.4972 13.8696 11.5028 13.8696 10.6582 13.4473L5.00001 10.6182V14C5.00001 14.9711 5.00228 15.599 5.06446 16.0615C5.12277 16.4951 5.21687 16.6309 5.29297 16.707C5.36908 16.7831 5.50495 16.8772 5.93848 16.9356C6.40099 16.9977 7.02893 17 8.00001 17H16C16.9711 17 17.599 16.9977 18.0615 16.9356C18.4951 16.8772 18.6309 16.7831 18.707 16.707C18.7831 16.6309 18.8772 16.4951 18.9356 16.0615C18.9977 15.599 19 14.9711 19 14V10.6182L13.3418 13.4473ZM8.00001 7.00001C7.02893 7.00001 6.40099 7.00228 5.93848 7.06446C5.50494 7.12278 5.36908 7.21687 5.29297 7.29297C5.21686 7.36908 5.12278 7.50494 5.06446 7.93848C5.04619 8.07437 5.03381 8.2246 5.02442 8.39356L11.5527 11.6582C11.8343 11.799 12.1657 11.799 12.4473 11.6582L18.9746 8.39356C18.9652 8.22462 18.9538 8.07436 18.9356 7.93848C18.8772 7.50495 18.7831 7.36908 18.707 7.29297C18.6309 7.21687 18.4951 7.12277 18.0615 7.06446C17.599 7.00228 16.9711 7.00001 16 7.00001H8.00001Z",
-	name: "message"
+	name: "message",
+	description: "Envelope",
+	category: "communication",
+	aliases: [
+		"email",
+		"mail",
+		"inbox",
+		"letter",
+		"compose"
+	],
+	intent: "Use to indicate email, messages, or compose actions",
+	decorativeDefault: false,
+	ariaLabelDefault: "Messages"
+};
+var mic = {
+	path: "M12 2C14.2091 2 16 3.79086 16 6V11C16 13.2091 14.2091 15 12 15C9.79086 15 8 13.2091 8 11V6C8 3.79086 9.79086 2 12 2ZM12 4C10.8954 4 10 4.89543 10 6V11C10 12.1046 10.8954 13 12 13C13.1046 13 14 12.1046 14 11V6C14 4.89543 13.1046 4 12 4Z M19 10C19.5523 10 20 10.4477 20 11C20 13.1217 19.1575 15.1569 17.6572 16.6572C16.3938 17.9207 14.7505 18.7145 12.9961 18.9346C12.9975 18.9562 13 18.978 13 19V21C13 21.5523 12.5523 22 12 22C11.4477 22 11 21.5523 11 21V19C11 18.978 11.0015 18.9562 11.0029 18.9346C9.24888 18.7143 7.60602 17.9205 6.34277 16.6572C4.84248 15.1569 4 13.1217 4 11C4 10.4477 4.44772 10 5 10C5.55228 10 6 10.4477 6 11C6 12.5913 6.63259 14.117 7.75781 15.2422C8.88303 16.3674 10.4087 17 12 17C13.5913 17 15.117 16.3674 16.2422 15.2422C17.3674 14.117 18 12.5913 18 11C18 10.4477 18.4477 10 19 10Z",
+	name: "mic",
+	description: "Microphone",
+	category: "media",
+	aliases: [
+		"microphone",
+		"audio",
+		"record",
+		"voice",
+		"speech"
+	],
+	intent: "Use to indicate audio recording or voice input",
+	decorativeDefault: false,
+	ariaLabelDefault: "Microphone"
 };
 var copy = {
 	path: "M16 9.00001C16.9145 9.00001 17.7014 8.99777 18.3281 9.08204C18.9835 9.17019 19.6115 9.36934 20.1211 9.87891C20.6307 10.3885 20.8298 11.0165 20.918 11.6719C21.0022 12.2986 21 13.0855 21 14V16C21 16.9145 21.0022 17.7014 20.918 18.3281C20.8298 18.9835 20.6307 19.6115 20.1211 20.1211C19.6115 20.6307 18.9835 20.8298 18.3281 20.918C17.7014 21.0022 16.9145 21 16 21H14C13.0855 21 12.2986 21.0022 11.6719 20.918C11.0165 20.8298 10.3885 20.6307 9.87891 20.1211C9.36934 19.6115 9.17019 18.9835 9.08204 18.3281C8.99777 17.7014 9.00001 16.9145 9.00001 16V14C9.00001 13.0855 8.99777 12.2986 9.08204 11.6719C9.17019 11.0165 9.36933 10.3885 9.87891 9.87891C10.3885 9.36933 11.0165 9.17019 11.6719 9.08204C12.2986 8.99777 13.0855 9.00001 14 9.00001H16ZM14 11C13.0289 11 12.401 11.0023 11.9385 11.0645C11.5049 11.1228 11.3691 11.2169 11.293 11.293C11.2169 11.3691 11.1228 11.5049 11.0645 11.9385C11.0023 12.401 11 13.0289 11 14V16C11 16.9711 11.0023 17.599 11.0645 18.0615C11.1228 18.4951 11.2169 18.6309 11.293 18.707C11.3691 18.7831 11.5049 18.8772 11.9385 18.9356C12.401 18.9977 13.0289 19 14 19H16C16.9711 19 17.599 18.9977 18.0615 18.9356C18.4951 18.8772 18.6309 18.7831 18.707 18.707C18.7831 18.6309 18.8772 18.4951 18.9356 18.0615C18.9977 17.599 19 16.9711 19 16V14C19 13.0289 18.9977 12.401 18.9356 11.9385C18.8772 11.5049 18.7831 11.3691 18.707 11.293C18.6309 11.2169 18.4951 11.1228 18.0615 11.0645C17.599 11.0023 16.9711 11 16 11H14Z M11 3.00001C11.4521 3.00001 11.8413 2.99962 12.1621 3.02149C12.4919 3.04399 12.8225 3.09352 13.1484 3.22852C13.8832 3.53299 14.467 4.1168 14.7715 4.85157C14.9065 5.17749 14.956 5.50807 14.9785 5.8379C15.0004 6.15869 15 6.54787 15 7.00001H13C13 6.52039 12.9996 6.21062 12.9834 5.97364C12.9678 5.74574 12.9411 5.6588 12.9238 5.61719C12.8223 5.37227 12.6277 5.17767 12.3828 5.07618C12.3412 5.05894 12.2543 5.03216 12.0264 5.01661C11.7894 5.00044 11.4796 5.00001 11 5.00001H8.00001C7.02893 5.00001 6.40099 5.00228 5.93848 5.06446C5.50494 5.12278 5.36908 5.21687 5.29297 5.29297C5.21686 5.36908 5.12278 5.50494 5.06446 5.93848C5.00228 6.40099 5.00001 7.02893 5.00001 8.00001V11C5.00001 11.4796 5.00044 11.7894 5.01661 12.0264C5.03216 12.2543 5.05894 12.3412 5.07618 12.3828C5.17767 12.6277 5.37227 12.8223 5.61719 12.9238C5.6588 12.9411 5.74574 12.9678 5.97364 12.9834C6.21062 12.9996 6.52039 13 7.00001 13V15C6.54787 15 6.15869 15.0004 5.8379 14.9785C5.50807 14.956 5.17749 14.9065 4.85157 14.7715C4.1168 14.467 3.53299 13.8832 3.22852 13.1484C3.09352 12.8225 3.04399 12.4919 3.02149 12.1621C2.99962 11.8413 3.00001 11.4521 3.00001 11V8.00001C3.00001 7.08547 2.99777 6.29863 3.08204 5.67188C3.17019 5.01648 3.36933 4.38849 3.87891 3.87891C4.38849 3.36933 5.01648 3.17019 5.67188 3.08204C6.29863 2.99777 7.08547 3.00001 8.00001 3.00001H11Z",
-	name: "copy"
+	name: "copy",
+	description: "Two overlapping rectangles",
+	category: "action",
+	aliases: [
+		"duplicate",
+		"clipboard",
+		"clone"
+	],
+	intent: "Use to copy content to clipboard or duplicate an item",
+	decorativeDefault: false,
+	ariaLabelDefault: "Copy"
 };
 var link = {
 	path: "M10 7C10.5523 7 11 7.44772 11 8C11 8.55228 10.5523 9 10 9H7C5.34315 9 4 10.3431 4 12C4 13.6569 5.34315 15 7 15H10C10.5523 15 11 15.4477 11 16C11 16.5523 10.5523 17 10 17H7C4.23858 17 2 14.7614 2 12C2 9.23858 4.23858 7 7 7H10Z M17 7C19.7614 7 22 9.23858 22 12C22 14.7614 19.7614 17 17 17H14C13.4477 17 13 16.5523 13 16C13 15.4477 13.4477 15 14 15H17C18.6569 15 20 13.6569 20 12C20 10.3431 18.6569 9 17 9H14C13.4477 9 13 8.55228 13 8C13 7.44772 13.4477 7 14 7H17Z M16 11C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H8C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11H16Z",
-	name: "link"
+	name: "link",
+	description: "Two interlocking chain links",
+	category: "action",
+	aliases: [
+		"url",
+		"hyperlink",
+		"anchor",
+		"connect"
+	],
+	intent: "Use to insert or indicate a hyperlink or URL",
+	decorativeDefault: false,
+	ariaLabelDefault: "Link"
 };
 var order = {
 	path: "M18 8.00001C18 7.02893 17.9977 6.40099 17.9356 5.93848C17.8772 5.50494 17.7831 5.36908 17.707 5.29297C17.6309 5.21686 17.4951 5.12278 17.0615 5.06446C16.599 5.00228 15.9711 5.00001 15 5.00001H9.00001C8.02893 5.00001 7.40099 5.00228 6.93848 5.06446C6.50493 5.12278 6.36908 5.21686 6.29297 5.29297C6.21686 5.36908 6.12278 5.50493 6.06446 5.93848C6.00228 6.40099 6.00001 7.02893 6.00001 8.00001V17C6.00001 17.9711 6.00228 18.599 6.06446 19.0615C6.12278 19.4951 6.21686 19.6309 6.29297 19.707C6.36908 19.7831 6.50494 19.8772 6.93848 19.9356C7.40099 19.9977 8.02893 20 9.00001 20H15C15.9711 20 16.599 19.9977 17.0615 19.9356C17.4951 19.8772 17.6309 19.7831 17.707 19.707C17.7831 19.6309 17.8772 19.4951 17.9356 19.0615C17.9977 18.599 18 17.9711 18 17V8.00001ZM20 17C20 17.9145 20.0022 18.7014 19.918 19.3281C19.8298 19.9835 19.6307 20.6115 19.1211 21.1211C18.6115 21.6307 17.9835 21.8298 17.3281 21.918C16.7014 22.0022 15.9145 22 15 22H9.00001C8.08547 22 7.29863 22.0022 6.67188 21.918C6.01648 21.8298 5.38849 21.6307 4.87891 21.1211C4.36933 20.6115 4.17019 19.9835 4.08204 19.3281C3.99777 18.7014 4.00001 17.9145 4.00001 17V8.00001C4.00001 7.08547 3.99777 6.29863 4.08204 5.67188C4.17019 5.01648 4.36933 4.38849 4.87891 3.87891C5.38849 3.36933 6.01648 3.17019 6.67188 3.08204C7.29863 2.99777 8.08547 3.00001 9.00001 3.00001H15C15.9145 3.00001 16.7014 2.99777 17.3281 3.08204C17.9835 3.17019 18.6115 3.36933 19.1211 3.87891C19.6307 4.38849 19.8298 5.01648 19.918 5.67188C20.0022 6.29863 20 7.08547 20 8.00001V17Z M15 8.00001C15.5523 8.00001 16 8.44772 16 9.00001C16 9.55229 15.5523 10 15 10H9.00001C8.44772 10 8.00001 9.55229 8.00001 9.00001C8.00001 8.44772 8.44772 8.00001 9.00001 8.00001H15Z M15 12C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14H9.00001C8.44772 14 8.00001 13.5523 8.00001 13C8.00001 12.4477 8.44772 12 9.00001 12H15Z M13 16C13.5523 16 14 16.4477 14 17C14 17.5523 13.5523 18 13 18H9.00001C8.44772 18 8.00001 17.5523 8.00001 17C8.00001 16.4477 8.44772 16 9.00001 16H13Z",
-	name: "order"
+	name: "order",
+	description: "Document with horizontal lines of text",
+	category: "content",
+	aliases: [
+		"list",
+		"receipt",
+		"invoice",
+		"document"
+	],
+	intent: "Use to view an order, receipt, or structured list of items",
+	decorativeDefault: false,
+	ariaLabelDefault: "Order"
 };
 var refresh = {
 	path: "M14.707 15.707L11.4141 19L14.707 22.293L13.293 23.707L8.58594 19L13.293 14.293L14.707 15.707Z M16 5.07227C14.4749 4.19178 12.702 3.83857 10.9561 4.06836C9.21005 4.29823 7.58805 5.09751 6.34278 6.34278C5.09751 7.58804 4.29823 9.21005 4.06836 10.9561C3.83857 12.702 4.19178 14.4749 5.07227 16C5.34841 16.478 5.95933 16.6421 6.4375 16.3662C6.9158 16.0901 7.07986 15.4783 6.80372 15C6.14334 13.8562 5.87937 12.5263 6.05176 11.2168C6.22418 9.90733 6.82389 8.69174 7.75782 7.75782C8.69174 6.82389 9.90733 6.22418 11.2168 6.05176C12.5263 5.87937 13.8562 6.14334 15 6.80372C16.1439 7.46412 17.0375 8.48384 17.543 9.70411C18.0484 10.9243 18.1377 12.277 17.7959 13.5527C17.4541 14.8285 16.7002 15.9557 15.6523 16.7598C14.6045 17.5638 13.3208 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20C13.7611 20 15.473 19.4188 16.8701 18.3467C18.2672 17.2746 19.2718 15.7713 19.7275 14.0703C20.1833 12.3693 20.0645 10.5654 19.3906 8.93848C18.7167 7.31162 17.525 5.95278 16 5.07227Z",
-	name: "refresh"
+	name: "refresh",
+	description: "Circular arrow looping counterclockwise",
+	category: "action",
+	aliases: [
+		"reload",
+		"retry",
+		"sync",
+		"update"
+	],
+	intent: "Use to refresh content, retry an action, or sync data",
+	decorativeDefault: false,
+	ariaLabelDefault: "Refresh"
 };
 var remove = {
 	path: "M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z M16.5 11V13H7.5V11H16.5Z",
-	name: "remove"
+	name: "remove",
+	description: "Minus sign inside a circle",
+	category: "action",
+	aliases: [
+		"minus-circle",
+		"subtract",
+		"delete"
+	],
+	intent: "Use to remove an item from a list or reduce quantity",
+	decorativeDefault: false,
+	ariaLabelDefault: "Remove"
 };
 var search = {
 	path: "M17 11C17 7.68629 14.3137 5 11 5C7.68629 5 5 7.68629 5 11C5 14.3137 7.68629 17 11 17C14.3137 17 17 14.3137 17 11ZM19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z M16.293 16.293C16.6835 15.9024 17.3165 15.9024 17.707 16.293L20.707 19.293C21.0976 19.6835 21.0976 20.3165 20.707 20.707C20.3165 21.0976 19.6835 21.0976 19.293 20.707L16.293 17.707C15.9024 17.3165 15.9024 16.6835 16.293 16.293Z",
-	name: "search"
+	name: "search",
+	description: "Magnifying glass",
+	category: "action",
+	aliases: [
+		"find",
+		"lookup",
+		"discover",
+		"query"
+	],
+	intent: "Use to search for content or trigger a search interface",
+	decorativeDefault: false,
+	ariaLabelDefault: "Search"
 };
 var star = {
 	path: "M12.1694 2.69385C12.9932 2.77396 13.4716 3.43132 13.7543 3.92432C14.0789 4.49022 14.4038 5.30605 14.7846 6.25537L14.8207 6.34619C15.0505 6.91906 15.1961 7.27937 15.3344 7.54248C15.4618 7.78468 15.545 7.86702 15.6088 7.91455C15.6727 7.96207 15.7762 8.01756 16.0454 8.06982C16.3371 8.12644 16.723 8.16226 17.3374 8.21729L17.5532 8.23682C18.4922 8.32092 19.3095 8.39132 19.9086 8.53271C20.4448 8.65928 21.1605 8.92163 21.4799 9.64404L21.5385 9.79443L21.5825 9.94971C21.7646 10.7185 21.3522 11.3598 21.0014 11.7847C20.6095 12.2594 20.0015 12.8094 19.3041 13.4438L18.8217 13.8833C18.4435 14.2274 18.2065 14.4438 18.0385 14.6255C17.8832 14.7936 17.8357 14.8811 17.812 14.9419C17.7962 14.9823 17.7833 15.0238 17.7729 15.0659C17.7573 15.1293 17.7457 15.2284 17.7758 15.4556C17.8084 15.7009 17.877 16.014 17.9877 16.5132L18.0541 16.814C18.2456 17.6769 18.4083 18.4052 18.4711 18.9624C18.5264 19.4519 18.5632 20.1921 18.0688 20.7427C17.8119 21.0287 17.4777 21.2343 17.1069 21.3354C16.393 21.5302 15.7481 21.166 15.3354 20.897C14.8658 20.5908 14.2881 20.1183 13.603 19.5601C13.1257 19.1711 12.8201 18.924 12.5707 18.7573C12.3364 18.6006 12.226 18.5671 12.1577 18.5562C12.0532 18.5395 11.9467 18.5395 11.8422 18.5562C11.7738 18.5671 11.6635 18.6006 11.4291 18.7573C11.1799 18.924 10.8752 19.1712 10.3979 19.5601C9.7126 20.1185 9.13421 20.5907 8.6645 20.897C8.2518 21.166 7.60685 21.5302 6.89301 21.3354C6.52221 21.2343 6.18793 21.0286 5.9311 20.7427C5.43682 20.1921 5.47353 19.4519 5.52876 18.9624C5.59163 18.4052 5.75429 17.6769 5.94575 16.814L6.01313 16.5132C6.12388 16.014 6.19251 15.7009 6.22505 15.4556C6.25517 15.2284 6.24262 15.1293 6.227 15.0659C6.21659 15.0238 6.20372 14.9823 6.18794 14.9419C6.16419 14.8811 6.11677 14.7936 5.96137 14.6255C5.79337 14.4437 5.55643 14.2274 5.17817 13.8833L4.69575 13.4438C3.9984 12.8094 3.39042 12.2594 2.99848 11.7847C2.62437 11.3315 2.17967 10.632 2.46137 9.79443L2.51997 9.64404C2.83942 8.92145 3.55601 8.65926 4.09223 8.53271C4.69142 8.39138 5.50869 8.32091 6.4477 8.23682L6.66255 8.21729C7.27717 8.16224 7.66376 8.12647 7.95551 8.06982C8.22431 8.01759 8.32719 7.96204 8.39106 7.91455C8.45493 7.86704 8.53808 7.78477 8.66548 7.54248C8.80378 7.27937 8.94936 6.91906 9.17915 6.34619L9.21528 6.25537C9.59606 5.3061 9.92105 4.49022 10.2456 3.92432C10.5472 3.39847 11.0719 2.68604 12.0004 2.68604L12.1694 2.69385ZM11.9809 4.91943C11.7432 5.334 11.4773 5.98839 11.0717 6.99951L11.0356 7.09131C10.8211 7.62611 10.633 8.09725 10.436 8.47217C10.2282 8.86755 9.97336 9.23085 9.58442 9.52002C9.19552 9.80914 8.77481 9.94855 8.33637 10.0337C7.9205 10.1144 7.41442 10.1581 6.84028 10.2095L6.62544 10.229C5.61908 10.3191 4.97689 10.3795 4.55122 10.48C4.54116 10.4824 4.53136 10.4845 4.52192 10.4868C4.52814 10.4945 4.53377 10.5031 4.54048 10.5112C4.81896 10.8485 5.29492 11.2843 6.04243 11.9644L6.52387 12.4038C6.87706 12.7251 7.18977 13.008 7.43012 13.2681C7.68276 13.5414 7.90359 13.8383 8.05024 14.2134C8.0979 14.3353 8.13804 14.4603 8.16938 14.5874C8.2658 14.9786 8.25641 15.3491 8.20747 15.7183C8.16092 16.0693 8.06871 16.4806 7.96528 16.9468L7.89887 17.2466C7.69668 18.1579 7.5641 18.7614 7.51606 19.187C7.5133 19.2115 7.51318 19.2347 7.51118 19.2563C7.52986 19.2447 7.55171 19.2349 7.5727 19.2212C7.9315 18.9872 8.41071 18.5988 9.13423 18.0093C9.58206 17.6444 9.97081 17.3257 10.3168 17.0942C10.6777 16.8529 11.0642 16.6555 11.5268 16.5815C11.8402 16.5315 12.1597 16.5315 12.4731 16.5815C12.9358 16.6554 13.3222 16.8529 13.6831 17.0942C14.0291 17.3256 14.4178 17.6444 14.8657 18.0093C15.5891 18.5988 16.0684 18.9872 16.4272 19.2212C16.4479 19.2347 16.4693 19.2448 16.4877 19.2563C16.4857 19.2348 16.4866 19.2115 16.4838 19.187C16.4358 18.7614 16.3042 18.1579 16.102 17.2466L16.0346 16.9468C15.9312 16.4806 15.839 16.0693 15.7924 15.7183C15.7435 15.3491 15.7341 14.9786 15.8305 14.5874C15.8619 14.4603 15.902 14.3353 15.9497 14.2134C16.0963 13.8383 16.3172 13.5414 16.5698 13.2681C16.8101 13.0081 17.1228 12.7251 17.476 12.4038L17.9584 11.9644C18.7057 11.2845 19.181 10.8485 19.4594 10.5112C19.466 10.5033 19.4709 10.4944 19.477 10.4868C19.4679 10.4846 19.4584 10.4823 19.4487 10.48C19.023 10.3795 18.3808 10.3191 17.3745 10.229L17.1596 10.2095C16.5855 10.1581 16.0794 10.1144 15.6635 10.0337C15.2251 9.94854 14.8043 9.80913 14.4155 9.52002C14.0266 9.23086 13.7717 8.86753 13.5639 8.47217C13.3669 8.09725 13.1788 7.62609 12.9643 7.09131L12.9282 6.99951C12.5226 5.98836 12.2567 5.33399 12.019 4.91943C12.0127 4.90849 12.0054 4.89835 11.9995 4.88818C11.9936 4.89819 11.9871 4.90868 11.9809 4.91943Z",
-	name: "star"
+	name: "star",
+	description: "Five-pointed star outline",
+	category: "feedback",
+	aliases: [
+		"favourite",
+		"bookmark",
+		"rate",
+		"rating"
+	],
+	intent: "Use to rate an item or mark as a favourite (unselected state)",
+	decorativeDefault: false,
+	ariaLabelDefault: "Favourite"
 };
 var starFilled = {
 	path: "M11.5842 3.72972C11.8583 3.67149 12.1421 3.67145 12.4162 3.72972C13.1456 3.88498 13.544 4.48698 13.7834 4.92601C14.0442 5.40446 14.3105 6.0721 14.6213 6.84691C14.81 7.31745 14.9297 7.61361 15.0402 7.83324C15.1428 8.03686 15.2072 8.11103 15.2541 8.15355C15.302 8.19691 15.3541 8.23544 15.4094 8.26878C15.4628 8.30094 15.5528 8.34217 15.7805 8.38207C16.0252 8.42491 16.3465 8.45463 16.8557 8.50023C17.6616 8.5724 18.3628 8.63331 18.8869 8.74632C19.3781 8.85232 20.055 9.06776 20.4065 9.72386C20.4855 9.87145 20.5453 10.0285 20.5852 10.1907L20.6184 10.3547L20.634 10.4905C20.6842 11.1591 20.3102 11.6897 20.0041 12.0471C19.6576 12.4515 19.14 12.9197 18.5481 13.4582L18.2072 13.7678C17.5764 14.3417 17.4619 14.467 17.3986 14.5911C17.349 14.6885 17.3156 14.7943 17.3 14.9026C17.2803 15.0404 17.3019 15.2079 17.4865 16.0403L17.5471 16.3108C17.6935 16.9706 17.8174 17.5288 17.8762 17.9612C17.9277 18.34 17.9788 18.9022 17.7053 19.3879C17.3677 19.9871 16.7457 20.3705 16.0588 20.4036C15.5019 20.4301 15.0217 20.1323 14.7063 19.9162C14.3463 19.6696 13.9031 19.3081 13.3791 18.8811C13.013 18.5827 12.779 18.393 12.5891 18.26C12.4096 18.1343 12.3248 18.1003 12.2756 18.0862C12.0957 18.0347 11.9047 18.0347 11.7248 18.0862C11.6757 18.1003 11.5909 18.1343 11.4113 18.26C11.2214 18.393 10.9873 18.5829 10.6213 18.8811C10.0973 19.308 9.65414 19.6696 9.29415 19.9162C8.97877 20.1322 8.49933 20.4299 7.94259 20.4036C7.25539 20.3707 6.63286 19.9873 6.29513 19.3879C6.02156 18.9022 6.07274 18.34 6.12423 17.9612C6.18305 17.5288 6.3079 16.9707 6.45431 16.3108L6.51388 16.0403C6.69854 15.208 6.72017 15.0404 6.7004 14.9026C6.68477 14.7943 6.65143 14.6886 6.60177 14.5911C6.53852 14.4669 6.42448 14.3422 5.79318 13.7678L5.45333 13.4582C4.86129 12.9196 4.34387 12.4516 3.99728 12.0471C3.67068 11.6659 3.26588 11.0877 3.38204 10.3547C3.41706 10.1341 3.48949 9.92077 3.59494 9.72386C3.94661 9.06767 4.62328 8.85224 5.11447 8.74632C5.63848 8.63339 6.33914 8.57238 7.14474 8.50023C7.65378 8.45464 7.97527 8.42491 8.21994 8.38207C8.44768 8.34214 8.53864 8.30095 8.59201 8.26878C8.64708 8.23552 8.69961 8.19675 8.74728 8.15355C8.79417 8.11093 8.859 8.03619 8.96115 7.83324C9.07161 7.61364 9.19046 7.31724 9.37912 6.84691C9.68989 6.07215 9.95619 5.40443 10.217 4.92601C10.4564 4.48697 10.8548 3.88493 11.5842 3.72972Z",
-	name: "starFilled"
+	name: "starFilled",
+	description: "Five-pointed filled star",
+	category: "feedback",
+	aliases: [
+		"favourite-filled",
+		"bookmarked",
+		"rated"
+	],
+	intent: "Use to indicate a selected favourite or active rating",
+	decorativeDefault: false,
+	ariaLabelDefault: "Favourited"
 };
 var table = {
 	path: "M20 10H16V19H19C19.4995 19 19.7737 18.9982 19.9639 18.9727C19.9662 18.9724 19.9685 18.971 19.9707 18.9707C19.971 18.9685 19.9724 18.9662 19.9727 18.9639C19.9982 18.7737 20 18.4995 20 18V10ZM22 18C22 18.4431 22.0018 18.876 21.9541 19.2305C21.9026 19.6137 21.7773 20.0509 21.4141 20.4141C21.0509 20.7773 20.6137 20.9026 20.2305 20.9541C19.876 21.0018 19.4431 21 19 21H14V8.00001H22V18Z M10 8.00001V21H5.00001C4.55687 21 4.12397 21.0018 3.76954 20.9541C3.38634 20.9026 2.94916 20.7773 2.58595 20.4141C2.22273 20.0509 2.09743 19.6137 2.04591 19.2305C1.99825 18.876 2.00001 18.4431 2.00001 18V8.00001H10ZM4.00001 18C4.00001 18.4995 4.00181 18.7737 4.02735 18.9639C4.02766 18.9661 4.02803 18.9685 4.02833 18.9707C4.03085 18.9711 4.03351 18.9723 4.03614 18.9727C4.22633 18.9982 4.50051 19 5.00001 19H8.00001V10H4.00001V18Z M16 8.00001V21H8.00001V8.00001H16ZM10 19H14V10H10V19Z M20 6.00001C20 5.50051 19.9982 5.22633 19.9727 5.03614C19.9723 5.03351 19.9711 5.03085 19.9707 5.02833C19.9685 5.02803 19.9661 5.02766 19.9639 5.02735C19.7737 5.00181 19.4995 5.00001 19 5.00001H5.00001C4.50051 5.00001 4.22633 5.00181 4.03614 5.02735C4.03355 5.0277 4.03081 5.02798 4.02833 5.02833C4.02798 5.03081 4.0277 5.03355 4.02735 5.03614C4.00181 5.22633 4.00001 5.50051 4.00001 6.00001V8.00001H20V6.00001ZM22 10H2.00001V6.00001C2.00001 5.55687 1.99825 5.12397 2.04591 4.76954C2.09743 4.38634 2.22273 3.94916 2.58595 3.58595C2.94916 3.22273 3.38634 3.09743 3.76954 3.04591C4.12397 2.99825 4.55687 3.00001 5.00001 3.00001H19C19.4431 3.00001 19.876 2.99825 20.2305 3.04591C20.6137 3.09743 21.0509 3.22273 21.4141 3.58595C21.7773 3.94916 21.9026 4.38634 21.9541 4.76954C22.0018 5.12397 22 5.55687 22 6.00001V10Z",
-	name: "table"
+	name: "table",
+	description: "Grid of cells with a distinct header row",
+	category: "content",
+	aliases: [
+		"grid",
+		"spreadsheet",
+		"data-table",
+		"tabular"
+	],
+	intent: "Use to represent tabular data or switch to a table view",
+	decorativeDefault: false,
+	ariaLabelDefault: "Table"
 };
 var trash = {
 	path: "M9 12C9 11.4477 9.44771 11 10 11C10.5523 11 11 11.4477 11 12L11 15C11 15.5523 10.5523 16 10 16C9.44772 16 9 15.5523 9 15L9 12Z M13 12C13 11.4477 13.4477 11 14 11C14.5523 11 15 11.4477 15 12V15C15 15.5523 14.5523 16 14 16C13.4477 16 13 15.5523 13 15V12Z M17 10C17 9.54786 16.9996 9.15869 17.0215 8.83789C17.0406 8.55751 17.0827 8.278 17.1768 8H6.82324C6.91733 8.278 6.95939 8.55751 6.97852 8.83789C7.00039 9.15869 7 9.54786 7 10V16C7 16.9711 7.00227 17.599 7.06445 18.0615C7.12277 18.4951 7.21686 18.6309 7.29297 18.707C7.36908 18.7831 7.50493 18.8772 7.93848 18.9355C8.40098 18.9977 9.02892 19 10 19H14C14.9711 19 15.599 18.9977 16.0615 18.9355C16.4951 18.8772 16.6309 18.7831 16.707 18.707C16.7831 18.6309 16.8772 18.4951 16.9355 18.0615C16.9977 17.599 17 16.9711 17 16V10ZM19 16C19 16.9145 19.0022 17.7014 18.918 18.3281C18.8298 18.9835 18.6307 19.6115 18.1211 20.1211C17.6115 20.6307 16.9835 20.8298 16.3281 20.918C15.7014 21.0022 14.9145 21 14 21H10C9.08546 21 8.29862 21.0022 7.67188 20.918C7.01647 20.8298 6.38849 20.6307 5.87891 20.1211C5.36933 19.6115 5.17018 18.9835 5.08203 18.3281C4.99777 17.7014 5 16.9145 5 16V10C5 9.52038 4.99957 9.21061 4.9834 8.97363C4.96784 8.74572 4.94106 8.65879 4.92383 8.61719C4.82234 8.37226 4.62774 8.17766 4.38281 8.07617C4.34121 8.05894 4.25428 8.03216 4.02637 8.0166C3.78939 8.00043 3.47962 8 3 8V6H21V8C20.5204 8 20.2106 8.00043 19.9736 8.0166C19.7457 8.03216 19.6588 8.05894 19.6172 8.07617C19.3723 8.17766 19.1777 8.37226 19.0762 8.61719C19.0589 8.65879 19.0322 8.74572 19.0166 8.97363C19.0004 9.21061 19 9.52038 19 10V16Z M12 2C11.5108 2 11.0177 2.03976 10.5937 2.12109C10.3819 2.16174 10.1742 2.21485 9.98633 2.28516C9.8583 2.33307 9.69562 2.4053 9.53906 2.51562L9.38574 2.63965L9.31445 2.71289C8.9808 3.09432 8.98378 3.67419 9.33691 4.05273C9.69215 4.43348 10.2748 4.47444 10.6787 4.16211C10.6813 4.16109 10.6843 4.16036 10.6875 4.15918C10.7409 4.13922 10.8334 4.1113 10.9707 4.08496C11.2453 4.03228 11.6087 4 12 4C12.3913 4 12.7547 4.03228 13.0293 4.08496C13.1666 4.1113 13.2591 4.13922 13.3125 4.15918C13.316 4.16049 13.3194 4.161 13.3223 4.16211C13.7262 4.47393 14.308 4.43328 14.6631 4.05273C15.0397 3.64899 15.0178 3.01642 14.6143 2.63965L14.4609 2.51562C14.3044 2.4053 14.1417 2.33307 14.0137 2.28516C13.8258 2.21485 13.6181 2.16174 13.4062 2.12109C12.9823 2.03976 12.4892 2 12 2Z",
-	name: "trash"
+	name: "trash",
+	description: "Trash can with lid",
+	category: "action",
+	aliases: [
+		"delete",
+		"bin",
+		"discard",
+		"rubbish"
+	],
+	intent: "Use to permanently delete or discard an item",
+	decorativeDefault: false,
+	ariaLabelDefault: "Delete"
 };
 var userBox = {
 	path: "M12 6C14.2091 6 16 7.79086 16 10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10C8 7.79086 9.79086 6 12 6ZM12 8C10.8954 8 10 8.89543 10 10C10 11.1046 10.8954 12 12 12C13.1046 12 14 11.1046 14 10C14 8.89543 13.1046 8 12 8Z M14 2C17.7712 2 19.6566 2.0003 20.8281 3.17188C21.9997 4.34345 22 6.22876 22 10V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.803 21.8533 18.2315 21.982 15.3281 21.998L14 22H10L8.67188 21.998C5.8719 21.9826 4.31033 21.8625 3.2832 20.9346L3.17188 20.8281C2.14675 19.803 2.01797 18.2315 2.00195 15.3281L2 14V10C2 6.34627 2 4.46248 3.06543 3.2832L3.17188 3.17188C4.34345 2.0003 6.22876 2 10 2H14ZM12 18C10.8577 18 9.76263 18.3153 8.88574 18.876C8.39459 19.1901 7.99492 19.5688 7.69043 19.9834C8.33459 19.9972 9.09233 20 10 20H14C14.9072 20 15.6646 19.9971 16.3086 19.9834C16.0041 19.5689 15.6052 19.19 15.1143 18.876C14.2374 18.3153 13.1423 18 12 18ZM10 4C8.05784 4 6.80197 4.00454 5.87695 4.12891C5.00986 4.24554 4.73816 4.43372 4.58594 4.58594C4.43372 4.73816 4.24554 5.00986 4.12891 5.87695C4.00454 6.80197 4 8.05784 4 10V14C4 15.9422 4.00454 17.198 4.12891 18.123C4.24554 18.9901 4.43372 19.2618 4.58594 19.4141C4.71234 19.5405 4.92163 19.6893 5.48535 19.8037C5.96679 18.7505 6.77822 17.8493 7.80859 17.1904C9.02742 16.4111 10.5007 16 12 16C13.4993 16 14.9726 16.4111 16.1914 17.1904C17.2217 17.8492 18.0322 18.7507 18.5137 19.8037C19.0781 19.6893 19.2876 19.5405 19.4141 19.4141C19.5663 19.2618 19.7545 18.9901 19.8711 18.123C19.9955 17.198 20 15.9422 20 14V10C20 8.05784 19.9955 6.80197 19.8711 5.87695C19.7545 5.00986 19.5663 4.73816 19.4141 4.58594C19.2618 4.43372 18.9901 4.24554 18.123 4.12891C17.198 4.00454 15.9422 4 14 4H10Z",
-	name: "userBox"
+	name: "userBox",
+	description: "Person silhouette inside a rounded square",
+	category: "user",
+	aliases: [
+		"profile",
+		"account",
+		"avatar",
+		"person"
+	],
+	intent: "Use to represent a user profile, account, or personal settings",
+	decorativeDefault: false,
+	ariaLabelDefault: "User profile"
 };
 var view = {
 	path: "M14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14V16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16V14C13.1046 14 14 13.1046 14 12Z M12 5C14.1099 5 16.0058 5.92745 17.5088 7.00879C19.0197 8.09584 20.2201 9.40055 20.96 10.2988C21.2757 10.6822 21.7705 11.2107 21.7705 12C21.7705 12.7893 21.2757 13.3178 20.96 13.7012C20.2201 14.5995 19.0197 15.9042 17.5088 16.9912C16.0058 18.0726 14.1099 19 12 19C9.89011 19 7.99424 18.0726 6.49121 16.9912C4.98027 15.9042 3.77991 14.5995 3.04004 13.7012C2.74394 13.3417 2.29068 12.8546 2.23535 12.1445L2.22949 12L2.23535 11.8555C2.29068 11.1454 2.74394 10.6583 3.04004 10.2988C3.77991 9.40055 4.98027 8.09584 6.49121 7.00879C7.99424 5.92745 9.89011 5 12 5ZM12 7C10.4742 7 8.9862 7.67808 7.65918 8.63281C6.34015 9.58184 5.26417 10.7445 4.58398 11.5703C4.48426 11.6914 4.40937 11.7817 4.34766 11.8613C4.29914 11.924 4.26934 11.9686 4.24902 12C4.26934 12.0314 4.29914 12.076 4.34766 12.1387C4.40937 12.2183 4.48426 12.3086 4.58398 12.4297C5.26417 13.2555 6.34015 14.4182 7.65918 15.3672C8.9862 16.3219 10.4742 17 12 17C13.5258 17 15.0138 16.3219 16.3408 15.3672C17.6599 14.4182 18.7358 13.2555 19.416 12.4297C19.5157 12.3086 19.5906 12.2183 19.6523 12.1387C19.7006 12.0763 19.7297 12.0314 19.75 12C19.7297 11.9686 19.7006 11.9237 19.6523 11.8613C19.5906 11.7817 19.5157 11.6914 19.416 11.5703C18.7358 10.7445 17.6599 9.58184 16.3408 8.63281C15.0138 7.67808 13.5258 7 12 7Z",
-	name: "eye"
+	name: "eye",
+	description: "Open eye",
+	category: "status",
+	aliases: [
+		"visible",
+		"show",
+		"eye",
+		"password-show",
+		"reveal"
+	],
+	intent: "Use to indicate content is visible or to toggle visibility on",
+	decorativeDefault: false,
+	ariaLabelDefault: "Show"
 };
 var viewHide = {
 	path: "M10.1416 11.2627C10.051 11.491 10 11.7394 10 12C10 13.1046 10.8954 14 12 14C12.2604 14 12.5082 13.9479 12.7363 13.8574L14.2109 15.332C13.5774 15.7532 12.8178 16 12 16C9.79087 16 8.00001 14.2091 8.00001 12C8.00001 11.1821 8.2457 10.4217 8.667 9.78809L10.1416 11.2627Z M12 8C14.2091 8 16 9.79086 16 12C16 12.2736 15.9723 12.5407 15.9199 12.7988L11.2002 8.0791C11.4586 8.02668 11.7262 8 12 8Z M7.57446 8.69531C6.29436 9.63256 5.24972 10.7623 4.58423 11.5703C4.48455 11.6913 4.40959 11.7817 4.3479 11.8613C4.29944 11.9239 4.26958 11.9686 4.24927 12C4.26958 12.0314 4.29944 12.0761 4.3479 12.1387C4.40959 12.2183 4.48455 12.3087 4.58423 12.4297C5.26442 13.2555 6.34045 14.4182 7.65942 15.3672C8.9864 16.3219 10.4745 17 12.0002 17C13.0478 17 14.077 16.6793 15.0491 16.1699L16.5178 17.6387C15.2048 18.4171 13.6701 18.9999 12.0002 19C9.89043 19 7.99446 18.0725 6.49146 16.9912C4.98058 15.9042 3.78016 14.5994 3.04028 13.7012C2.74418 13.3417 2.29093 12.8546 2.2356 12.1445L2.22974 12L2.2356 11.8555C2.29093 11.1454 2.74418 10.6583 3.04028 10.2988C3.72269 9.47032 4.79658 8.29591 6.14478 7.26562L7.57446 8.69531Z M12.0002 5C14.11 5.00007 16.0061 5.92749 17.509 7.00879C19.0199 8.09582 20.2204 9.40058 20.9602 10.2988C21.276 10.6822 21.7708 11.2108 21.7708 12C21.7708 12.7892 21.276 13.3178 20.9602 13.7012C20.4735 14.2921 19.7851 15.0563 18.9426 15.8213L17.5266 14.4053C18.3066 13.7056 18.954 12.991 19.4163 12.4297C19.5159 12.3087 19.5909 12.2183 19.6526 12.1387C19.7008 12.0764 19.7299 12.0314 19.7502 12C19.7299 11.9686 19.7008 11.9236 19.6526 11.8613C19.5909 11.7817 19.5159 11.6913 19.4163 11.5703C18.7361 10.7445 17.66 9.58182 16.3411 8.63281C15.0141 7.67813 13.526 7.00007 12.0002 7C11.4494 7 10.9036 7.08922 10.3684 7.24707L8.80688 5.68555C9.79067 5.26876 10.8646 5 12.0002 5Z M21.707 17.293L20.293 18.707L4.29298 2.70703L5.70704 1.29297L21.707 17.293Z",
-	name: "eyeSlash"
+	name: "eyeSlash",
+	description: "Eye with a diagonal line through it",
+	category: "status",
+	aliases: [
+		"hidden",
+		"hide",
+		"eye-slash",
+		"password-hide",
+		"conceal"
+	],
+	intent: "Use to indicate content is hidden or to toggle visibility off",
+	decorativeDefault: false,
+	ariaLabelDefault: "Hide"
 };
 var iconsData = {
 	add: add,
@@ -1688,10 +2181,21 @@ var iconsData = {
 	close: close,
 	crossCircle: crossCircle,
 	directionRight: directionRight,
+	directionUp: directionUp,
 	edit: edit,
 	"export": {
 	path: "M7.70703 10.707L11 7.41406L11 14C11 14.5523 11.4477 15 12 15C12.5523 15 13 14.5523 13 14V7.41406L16.293 10.707L17.707 9.29297L12 3.58594L6.29297 9.29297L7.70703 10.707Z M4 17V16H6V17C6 17.5523 6.44772 18 7 18H17C17.5523 18 18 17.5523 18 17V16H20V17C20 18.6051 18.7394 19.9158 17.1543 19.9961L17 20H7C5.34315 20 4 18.6569 4 17Z",
-	name: "export"
+	name: "export",
+	description: "Upward arrow from a horizontal line",
+	category: "action",
+	aliases: [
+		"upload",
+		"share",
+		"send"
+	],
+	intent: "Use to export, upload, or share content",
+	decorativeDefault: false,
+	ariaLabelDefault: "Export"
 },
 	fileDocSearch: fileDocSearch,
 	filter: filter,
@@ -1704,6 +2208,7 @@ var iconsData = {
 	playBack: playBack,
 	lineOut: lineOut,
 	message: message,
+	mic: mic,
 	copy: copy,
 	link: link,
 	order: order,
@@ -1725,7 +2230,7 @@ var IconStyled = styled.span.withConfig({
   },
   displayName: "Icon__IconStyled",
   componentId: "sc-1105czq-0"
-})(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n  \n  svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n  \n  /* Use semantic icon colors */\n  color: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n  \n  svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n  \n  /* Use semantic icon colors */\n  color: ", ";\n"])), function (_a) {
+})(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n  \n  svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n  \n  /* Use semantic icon colors */\n  color: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n  \n  svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n  \n  /* Use semantic icon colors */\n  color: ", ";\n"])), function (_a) {
   var $size = _a.$size;
   return tokensData.semantic.size.icon[$size];
 }, function (_a) {
@@ -1791,55 +2296,55 @@ var Icon = function Icon(_a) {
     })
   });
 };
-var templateObject_1$E;
+var templateObject_1$F;
 
-var button = tokensData.component.button,
-  semantic$f = tokensData.semantic;
+var button$1 = tokensData.component.button,
+  semantic$g = tokensData.semantic;
 // Base styles shared between button and link
-var baseButtonStyles = "\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: ".concat(tokensData.semantic.spacing.layout.xs, ";\n  height: max-content;\n  cursor: pointer;\n  border: none;\n  text-decoration: none;\n  transition: ").concat(semantic$f.motion.hover, ";\n  white-space: nowrap;\n  user-select: none;\n  \n  &:focus {\n    outline: ").concat(button.focus.outline, ";\n    outline-offset: ").concat(button.focus.outlineOffset, ";\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n");
+var baseButtonStyles = "\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: ".concat(tokensData.semantic.spacing.layout.xs, ";\n  height: max-content;\n  cursor: pointer;\n  border: none;\n  text-decoration: none;\n  transition: ").concat(semantic$g.motion.hover, ";\n  white-space: nowrap;\n  user-select: none;\n  \n  &:focus {\n    outline: ").concat(button$1.focus.outline, ";\n    outline-offset: ").concat(button$1.focus.outlineOffset, ";\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n");
 // Dynamic variant styles using component tokens
 var getVariantStyles$1 = function getVariantStyles(_a) {
   var $variant = _a.$variant;
   var variantConfig = {
     primary: {
-      bg: button.primary.backgroundColor,
-      text: button.primary.textColor,
-      hoverBg: button.hover.backgroundColor,
-      activeBg: button.active.backgroundColor,
-      disabledBg: button.disabled.backgroundColor,
-      disabledText: button.disabled.textColor
+      bg: button$1.primary.backgroundColor,
+      text: button$1.primary.textColor,
+      hoverBg: button$1.hover.backgroundColor,
+      activeBg: button$1.active.backgroundColor,
+      disabledBg: button$1.disabled.backgroundColor,
+      disabledText: button$1.disabled.textColor
     },
     secondary: {
-      bg: button.variants.secondary.backgroundColor,
-      text: button.variants.secondary.textColor,
-      hoverBg: button.variants.secondary.hover.backgroundColor,
-      activeBg: button.variants.secondary.active.backgroundColor,
-      disabledBg: button.variants.secondary.disabled.backgroundColor,
-      disabledText: button.variants.secondary.disabled.textColor
+      bg: button$1.variants.secondary.backgroundColor,
+      text: button$1.variants.secondary.textColor,
+      hoverBg: button$1.variants.secondary.hover.backgroundColor,
+      activeBg: button$1.variants.secondary.active.backgroundColor,
+      disabledBg: button$1.variants.secondary.disabled.backgroundColor,
+      disabledText: button$1.variants.secondary.disabled.textColor
     },
     naked: {
-      bg: button.variants.naked.backgroundColor,
-      text: button.variants.naked.textColor,
-      hoverBg: button.variants.naked.hover.backgroundColor,
-      activeBg: button.variants.naked.active.backgroundColor,
-      disabledBg: button.variants.naked.disabled.backgroundColor,
-      disabledText: button.variants.naked.disabled.textColor
+      bg: button$1.variants.naked.backgroundColor,
+      text: button$1.variants.naked.textColor,
+      hoverBg: button$1.variants.naked.hover.backgroundColor,
+      activeBg: button$1.variants.naked.active.backgroundColor,
+      disabledBg: button$1.variants.naked.disabled.backgroundColor,
+      disabledText: button$1.variants.naked.disabled.textColor
     },
     emphasis: {
-      bg: button.variants.emphasis.backgroundColor,
-      text: button.variants.emphasis.textColor,
-      hoverBg: button.variants.emphasis.hover.backgroundColor,
-      activeBg: button.variants.emphasis.active.backgroundColor,
-      disabledBg: button.variants.emphasis.disabled.backgroundColor,
-      disabledText: button.variants.emphasis.disabled.textColor
+      bg: button$1.variants.emphasis.backgroundColor,
+      text: button$1.variants.emphasis.textColor,
+      hoverBg: button$1.variants.emphasis.hover.backgroundColor,
+      activeBg: button$1.variants.emphasis.active.backgroundColor,
+      disabledBg: button$1.variants.emphasis.disabled.backgroundColor,
+      disabledText: button$1.variants.emphasis.disabled.textColor
     },
     danger: {
-      bg: button.variants.danger.backgroundColor,
-      text: button.variants.danger.textColor,
-      hoverBg: button.variants.danger.hover.backgroundColor,
-      activeBg: button.variants.danger.active.backgroundColor,
-      disabledBg: button.variants.danger.disabled.backgroundColor,
-      disabledText: button.variants.danger.disabled.textColor
+      bg: button$1.variants.danger.backgroundColor,
+      text: button$1.variants.danger.textColor,
+      hoverBg: button$1.variants.danger.hover.backgroundColor,
+      activeBg: button$1.variants.danger.active.backgroundColor,
+      disabledBg: button$1.variants.danger.disabled.backgroundColor,
+      disabledText: button$1.variants.danger.disabled.textColor
     }
   };
   var config = variantConfig[$variant];
@@ -1850,13 +2355,13 @@ var getSizeStyles$1 = function getSizeStyles(_a) {
   var $size = _a.$size;
   switch ($size) {
     case 'small':
-      return "\n        font: ".concat(button.sizes.small.font, ";\n        padding: ").concat(button.sizes.small.padding, ";\n      ");
+      return "\n        font: ".concat(button$1.sizes.small.font, ";\n        padding: ").concat(button$1.sizes.small.padding, ";\n      ");
     case 'medium':
-      return "\n        font: ".concat(button.sizes.medium.font, ";\n        padding: ").concat(button.sizes.medium.padding, ";\n      ");
+      return "\n        font: ".concat(button$1.sizes.medium.font, ";\n        padding: ").concat(button$1.sizes.medium.padding, ";\n      ");
     case 'large':
-      return "\n        font: ".concat(button.sizes.large.font, ";\n        padding: ").concat(button.sizes.large.padding, ";\n      ");
+      return "\n        font: ".concat(button$1.sizes.large.font, ";\n        padding: ").concat(button$1.sizes.large.padding, ";\n      ");
     default:
-      return "\n        font: ".concat(button.sizes.large.font, ";\n        padding: ").concat(button.sizes.large.padding, ";\n      ");
+      return "\n        font: ".concat(button$1.sizes.large.font, ";\n        padding: ").concat(button$1.sizes.large.padding, ";\n      ");
   }
 };
 var StyledButton = styled.button.withConfig({
@@ -1865,16 +2370,16 @@ var StyledButton = styled.button.withConfig({
   },
   displayName: "Button__StyledButton",
   componentId: "sc-1eiuum9-0"
-})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  ", "\n  border-radius: ", ";\n  \n  ", "\n  ", "\n"], ["\n  ", "\n  border-radius: ", ";\n  \n  ", "\n  ", "\n"])), baseButtonStyles, button.primary.borderRadius, getVariantStyles$1, getSizeStyles$1);
+})(templateObject_1$E || (templateObject_1$E = __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$1);
 var StyledLink = styled.a.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
   displayName: "Button__StyledLink",
   componentId: "sc-1eiuum9-1"
-})(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n  ", "\n  border-radius: ", ";\n  \n  ", "\n  ", "\n"], ["\n  ", "\n  border-radius: ", ";\n  \n  ", "\n  ", "\n"
+})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  ", "\n  border-radius: ", ";\n  \n  ", "\n  ", "\n"], ["\n  ", "\n  border-radius: ", ";\n  \n  ", "\n  ", "\n"
 // Helper function to get icon size based on button size
-])), baseButtonStyles, button.primary.borderRadius, getVariantStyles$1, getSizeStyles$1);
+])), baseButtonStyles, button$1.primary.borderRadius, getVariantStyles$1, getSizeStyles$1);
 // Helper function to get icon size based on button size
 var getIconSize = function getIconSize(buttonSize) {
   switch (buttonSize) {
@@ -1973,14 +2478,14 @@ var Button = function Button(_a) {
     children: renderButtonContent(children, iconName, size)
   }));
 };
-var templateObject_1$D, templateObject_2$q;
+var templateObject_1$E, templateObject_2$r;
 
-var semantic$e = tokensData.semantic,
-  base$a = tokensData.base;
-var color$7 = semantic$e.color,
-  typography$4 = semantic$e.typography,
-  border$8 = semantic$e.border,
-  spacing$7 = semantic$e.spacing;
+var semantic$f = tokensData.semantic,
+  base$b = tokensData.base;
+var color$7 = semantic$f.color,
+  typography$4 = semantic$f.typography,
+  border$8 = semantic$f.border,
+  spacing$7 = semantic$f.spacing;
 var category = color$7.category;
 var radius$4 = border$8.radius;
 var layout$3 = spacing$7.layout;
@@ -1990,7 +2495,7 @@ var StyledCategoryBadge = styled.span.withConfig({
   },
   displayName: "CategoryBadge__StyledCategoryBadge",
   componentId: "sc-17aslpn-0"
-})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  font-weight: ", ";\n  white-space: nowrap;\n  user-select: none;\n  border-style: solid;\n  border-width: ", ";\n  \n  /* Size styles */\n  height: ", ";\n  padding: ", ";\n  font: ", ";\n  gap: ", ";\n  \n  /* Variant + Color styles */\n  background-color: ", ";\n  \n  color: ", ";\n  \n  border-color: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  font-weight: ", ";\n  white-space: nowrap;\n  user-select: none;\n  border-style: solid;\n  border-width: ", ";\n  \n  /* Size styles */\n  height: ", ";\n  padding: ", ";\n  font: ", ";\n  gap: ", ";\n  \n  /* Variant + Color styles */\n  background-color: ", ";\n  \n  color: ", ";\n  \n  border-color: ", ";\n"
+})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  font-weight: ", ";\n  white-space: nowrap;\n  user-select: none;\n  border-style: solid;\n  border-width: ", ";\n  \n  /* Size styles */\n  height: ", ";\n  padding: ", ";\n  font: ", ";\n  gap: ", ";\n  \n  /* Variant + Color styles */\n  background-color: ", ";\n  \n  color: ", ";\n  \n  border-color: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  font-weight: ", ";\n  white-space: nowrap;\n  user-select: none;\n  border-style: solid;\n  border-width: ", ";\n  \n  /* Size styles */\n  height: ", ";\n  padding: ", ";\n  font: ", ";\n  gap: ", ";\n  \n  /* Variant + Color styles */\n  background-color: ", ";\n  \n  color: ", ";\n  \n  border-color: ", ";\n"
 /**
  * CategoryBadge component for displaying transaction categories
  *
@@ -2008,7 +2513,7 @@ var StyledCategoryBadge = styled.span.withConfig({
  *   Travel
  * </CategoryBadge>
  * ```
- */])), radius$4.circle, base$a.fontWeight[3], base$a.border.width[1], function (_a) {
+ */])), radius$4.circle, base$b.fontWeight[3], base$b.border.width[1], function (_a) {
   var $size = _a.$size;
   return $size === 'small' ? '24px' : '32px';
 }, function (_a) {
@@ -2088,7 +2593,7 @@ var CategoryBadge = function CategoryBadge(_a) {
   });
 };
 CategoryBadge.displayName = 'CategoryBadge';
-var templateObject_1$C;
+var templateObject_1$D;
 
 var chip = tokensData.component.chip;
 // Helper function to get variant styles matching Button's approach
@@ -2132,7 +2637,7 @@ var StyledChip = styled.span.withConfig({
   },
   displayName: "ChipBase__StyledChip",
   componentId: "sc-moa6zc-0"
-})(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  height: max-content;\n  border-radius: ", ";\n  box-sizing: border-box;\n  user-select: none;\n  white-space: nowrap;\n  transition: ", ";\n  cursor: ", ";\n  \n  ", "\n  ", "\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  height: max-content;\n  border-radius: ", ";\n  box-sizing: border-box;\n  user-select: none;\n  white-space: nowrap;\n  transition: ", ";\n  cursor: ", ";\n  \n  ", "\n  ", "\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"
+})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  height: max-content;\n  border-radius: ", ";\n  box-sizing: border-box;\n  user-select: none;\n  white-space: nowrap;\n  transition: ", ";\n  cursor: ", ";\n  \n  ", "\n  ", "\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  height: max-content;\n  border-radius: ", ";\n  box-sizing: border-box;\n  user-select: none;\n  white-space: nowrap;\n  transition: ", ";\n  cursor: ", ";\n  \n  ", "\n  ", "\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"
 // Icon container for selected indicator or leading icons
 ])), chip["default"].borderRadius, tokensData.semantic.motion.hover, function (props) {
   return props.$disabled ? 'not-allowed' : props.$clickable ? 'pointer' : 'default';
@@ -2141,7 +2646,7 @@ var StyledChip = styled.span.withConfig({
 var IconContainer = styled.span.withConfig({
   displayName: "ChipBase__IconContainer",
   componentId: "sc-moa6zc-1"
-})(templateObject_2$p || (templateObject_2$p = __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"
+})(templateObject_2$q || (templateObject_2$q = __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
 ])), tokensData.semantic.spacing.layout.xs);
 // Close button for dismissible chips
@@ -2151,10 +2656,10 @@ var CloseButton = styled.button.withConfig({
   },
   displayName: "ChipBase__CloseButton",
   componentId: "sc-moa6zc-2"
-})(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", ";\n  background: transparent;\n  border: none;\n  padding: 2px;\n  border-radius: ", ";\n  cursor: ", ";\n  color: inherit;\n  transition: ", ";\n  \n  &:hover:not(:disabled) {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  \n  &:active:not(:disabled) {\n    background-color: rgba(0, 0, 0, 0.15);\n  }\n  \n  &:disabled {\n    color: ", ";\n  }\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n    border-radius: ", ";\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", ";\n  background: transparent;\n  border: none;\n  padding: 2px;\n  border-radius: ", ";\n  cursor: ", ";\n  color: inherit;\n  transition: ", ";\n  \n  &:hover:not(:disabled) {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  \n  &:active:not(:disabled) {\n    background-color: rgba(0, 0, 0, 0.15);\n  }\n  \n  &:disabled {\n    color: ", ";\n  }\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n    border-radius: ", ";\n  }\n"])), tokensData.semantic.spacing.layout.sm, tokensData.semantic.border.radius.xs, function (props) {
+})(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", ";\n  background: transparent;\n  border: none;\n  padding: 2px;\n  border-radius: ", ";\n  cursor: ", ";\n  color: inherit;\n  transition: ", ";\n  \n  &:hover:not(:disabled) {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  \n  &:active:not(:disabled) {\n    background-color: rgba(0, 0, 0, 0.15);\n  }\n  \n  &:disabled {\n    color: ", ";\n  }\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n    border-radius: ", ";\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", ";\n  background: transparent;\n  border: none;\n  padding: 2px;\n  border-radius: ", ";\n  cursor: ", ";\n  color: inherit;\n  transition: ", ";\n  \n  &:hover:not(:disabled) {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  \n  &:active:not(:disabled) {\n    background-color: rgba(0, 0, 0, 0.15);\n  }\n  \n  &:disabled {\n    color: ", ";\n  }\n  \n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n    border-radius: ", ";\n  }\n"])), tokensData.semantic.spacing.layout.sm, tokensData.semantic.border.radius.xs, function (props) {
   return props.$disabled ? 'not-allowed' : 'pointer';
 }, tokensData.semantic.motion.hover, tokensData.semantic.color.text.disabled, chip.focus.outline, chip.focus.outlineOffset, chip["default"].borderRadius);
-var templateObject_1$B, templateObject_2$p, templateObject_3$n;
+var templateObject_1$C, templateObject_2$q, templateObject_3$o;
 
 /**
  * Chip - Compact element for displaying tags, categories, and labels
@@ -2404,33 +2909,33 @@ var spacing$6 = tokensData.semantic.spacing;
 var StyledContainer$2 = styled.div.withConfig({
   displayName: "Container__StyledContainer",
   componentId: "sc-17dbj6n-0"
-})(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: ", ";\n  padding-right: ", ";\n  \n  ", " {\n    max-width: 640px;\n  }\n  \n  ", " {\n    max-width: 768px;\n  }\n  \n  ", " {\n    max-width: 1024px;\n  }\n  \n  ", " {\n    max-width: 1280px;\n  }\n  \n  ", " {\n    max-width: 1536px;\n  }\n"], ["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: ", ";\n  padding-right: ", ";\n  \n  ", " {\n    max-width: 640px;\n  }\n  \n  ", " {\n    max-width: 768px;\n  }\n  \n  ", " {\n    max-width: 1024px;\n  }\n  \n  ", " {\n    max-width: 1280px;\n  }\n  \n  ", " {\n    max-width: 1536px;\n  }\n"])), spacing$6.layout['2xl'], spacing$6.layout['2xl'], media$1.sm, media$1.md, media$1.lg, media$1.xl, media$1['2xl']);
-var Container = function Container(_a) {
+})(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: ", ";\n  padding-right: ", ";\n  \n  ", " {\n    max-width: 640px;\n  }\n  \n  ", " {\n    max-width: 768px;\n  }\n  \n  ", " {\n    max-width: 1024px;\n  }\n  \n  ", " {\n    max-width: 1280px;\n  }\n  \n  ", " {\n    max-width: 1536px;\n  }\n"], ["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: ", ";\n  padding-right: ", ";\n  \n  ", " {\n    max-width: 640px;\n  }\n  \n  ", " {\n    max-width: 768px;\n  }\n  \n  ", " {\n    max-width: 1024px;\n  }\n  \n  ", " {\n    max-width: 1280px;\n  }\n  \n  ", " {\n    max-width: 1536px;\n  }\n"])), spacing$6.layout['2xl'], spacing$6.layout['2xl'], media$1.sm, media$1.md, media$1.lg, media$1.xl, media$1['2xl']);
+var Container$1 = function Container(_a) {
   var children = _a.children,
     props = __rest(_a, ["children"]);
   return jsxRuntime.jsx(StyledContainer$2, __assign({}, props, {
     children: children
   }));
 };
-var templateObject_1$A;
+var templateObject_1$B;
 
-var base$9 = tokensData.base;
+var base$a = tokensData.base;
 var PictureWrapper = styled.div.withConfig({
   displayName: "Picture__PictureWrapper",
   componentId: "sc-11d9tei-0"
-})(templateObject_1$z || (templateObject_1$z = __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"])), media$1.sm);
+})(templateObject_1$A || (templateObject_1$A = __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"])), media$1.sm);
 var ImageLink = styled.a.withConfig({
   displayName: "Picture__ImageLink",
   componentId: "sc-11d9tei-1"
-})(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n  display: block;\n  cursor: pointer;\n  transition: opacity ", " ", ";\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"], ["\n  display: block;\n  cursor: pointer;\n  transition: opacity ", " ", ";\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"])), base$9.duration.normal, base$9.easing.easeInOut);
+})(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n  display: block;\n  cursor: pointer;\n  transition: opacity ", " ", ";\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"], ["\n  display: block;\n  cursor: pointer;\n  transition: opacity ", " ", ";\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"])), base$a.duration.normal, base$a.easing.easeInOut);
 var ImageButton = styled.button.withConfig({
   displayName: "Picture__ImageButton",
   componentId: "sc-11d9tei-2"
-})(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n  border: none;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  display: block;\n  width: 100%;\n  transition: opacity ", " ", ";\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"], ["\n  border: none;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  display: block;\n  width: 100%;\n  transition: opacity ", " ", ";\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"])), base$9.duration.normal, base$9.easing.easeInOut);
+})(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n  border: none;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  display: block;\n  width: 100%;\n  transition: opacity ", " ", ";\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"], ["\n  border: none;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  display: block;\n  width: 100%;\n  transition: opacity ", " ", ";\n  \n  &:hover {\n    opacity: 0.8;\n  }\n"])), base$a.duration.normal, base$a.easing.easeInOut);
 var StyledImage = styled.img.withConfig({
   displayName: "Picture__StyledImage",
   componentId: "sc-11d9tei-3"
-})(templateObject_4$i || (templateObject_4$i = __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"])), base$9.border.radius[2]);
+})(templateObject_4$j || (templateObject_4$j = __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"])), base$a.border.radius[2]);
 var Picture = function Picture(_a) {
   var title = _a.title,
     src = _a.src,
@@ -2460,15 +2965,15 @@ var Picture = function Picture(_a) {
     }) : image
   });
 };
-var templateObject_1$z, templateObject_2$o, templateObject_3$m, templateObject_4$i;
+var templateObject_1$A, templateObject_2$p, templateObject_3$n, templateObject_4$j;
 
-var _a$6 = tokensData.semantic,
-  typography$3 = _a$6.typography,
-  color$6 = _a$6.color;
+var _a$7 = tokensData.semantic,
+  typography$3 = _a$7.typography,
+  color$6 = _a$7.color;
 var TimeStyled = styled.time.withConfig({
   displayName: "DateFormatter__TimeStyled",
   componentId: "sc-5464cc-0"
-})(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n"], ["\n  font: ", ";\n  color: ", ";\n"
+})(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n"], ["\n  font: ", ";\n  color: ", ";\n"
 /**
  * Formats a date with smart relative/absolute logic
  */])), typography$3.label, color$6.text.subdued);
@@ -2517,17 +3022,19 @@ var DateFormatter = function DateFormatter(_a) {
     children: displayText
   });
 };
-var templateObject_1$y;
+var templateObject_1$z;
 
 var motion$2 = tokensData.semantic.motion,
-  iconButton = tokensData.component.iconButton;
+  _a$6 = tokensData.component,
+  iconButton = _a$6.iconButton,
+  button = _a$6.button;
 var IconButtonStyled = styled.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
   displayName: "IconButton__IconButtonStyled",
   componentId: "sc-k8b14t-0"
-})(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n  background-color: ", ";\n  border: none;\n  border-radius: ", ";\n  transition: ", ";\n  box-sizing: border-box;\n  display: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  height: max-content;\n  cursor: pointer;\n  position: relative;\n\n  /* Size-specific dimensions from component tokens */\n  min-width: ", ";\n  min-height: ", ";\n  padding: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  &:focus {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n  }\n\n  /* High contrast mode support */\n  @media (prefers-contrast: high) {\n    border: 1px solid;\n  }\n\n  /* Reduced motion support */\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n"], ["\n  background-color: ", ";\n  border: none;\n  border-radius: ", ";\n  transition: ", ";\n  box-sizing: border-box;\n  display: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  height: max-content;\n  cursor: pointer;\n  position: relative;\n\n  /* Size-specific dimensions from component tokens */\n  min-width: ", ";\n  min-height: ", ";\n  padding: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  &:focus {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n  }\n\n  /* High contrast mode support */\n  @media (prefers-contrast: high) {\n    border: 1px solid;\n  }\n\n  /* Reduced motion support */\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n"])), function (_a) {
+})(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  border: none;\n  border-radius: ", ";\n  transition: ", ";\n  box-sizing: border-box;\n  display: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  height: max-content;\n  cursor: pointer;\n  position: relative;\n\n  /* Size-specific dimensions from component tokens */\n  min-width: ", ";\n  min-height: ", ";\n  padding: ", ";\n\n  &:hover:not(:disabled) {\n    background-color: ", ";\n  }\n\n  &:active:not(:disabled) {\n    background-color: ", ";\n  }\n\n  &:focus {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n\n  /* High contrast mode support */\n  @media (prefers-contrast: high) {\n    border: 1px solid;\n  }\n\n  /* Reduced motion support */\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n"], ["\n  background-color: ", ";\n  color: ", ";\n  border: none;\n  border-radius: ", ";\n  transition: ", ";\n  box-sizing: border-box;\n  display: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  height: max-content;\n  cursor: pointer;\n  position: relative;\n\n  /* Size-specific dimensions from component tokens */\n  min-width: ", ";\n  min-height: ", ";\n  padding: ", ";\n\n  &:hover:not(:disabled) {\n    background-color: ", ";\n  }\n\n  &:active:not(:disabled) {\n    background-color: ", ";\n  }\n\n  &:focus {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n\n  /* High contrast mode support */\n  @media (prefers-contrast: high) {\n    border: 1px solid;\n  }\n\n  /* Reduced motion support */\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n"])), function (_a) {
   var $variant = _a.$variant;
   switch ($variant) {
     case 'primary':
@@ -2539,6 +3046,18 @@ var IconButtonStyled = styled.button.withConfig({
     default:
       return iconButton.primary.backgroundColor;
   }
+}, function (_a) {
+  var $variant = _a.$variant;
+  switch ($variant) {
+    case 'primary':
+      return button.primary.textColor;
+    case 'secondary':
+      return button.variants.secondary.textColor;
+    case 'naked':
+      return button.variants.naked.textColor;
+    default:
+      return button.primary.textColor;
+  }
 }, iconButton.primary.borderRadius, motion$2.transition.normal, iconButton.primary.display, iconButton.primary.justifyContent, iconButton.primary.alignItems, function (_a) {
   var $size = _a.$size;
   return iconButton.sizes[$size].minWidth;
@@ -2560,7 +3079,19 @@ var IconButtonStyled = styled.button.withConfig({
     default:
       return iconButton.hover.backgroundColor;
   }
-}, iconButton.active.backgroundColor, iconButton.focus.outline, iconButton.focus.outlineOffset, iconButton.disabled.backgroundColor);
+}, iconButton.active.backgroundColor, iconButton.focus.outline, iconButton.focus.outlineOffset, iconButton.disabled.backgroundColor, function (_a) {
+  var $variant = _a.$variant;
+  switch ($variant) {
+    case 'primary':
+      return button.disabled.textColor;
+    case 'secondary':
+      return button.variants.secondary.disabled.textColor;
+    case 'naked':
+      return button.variants.naked.disabled.textColor;
+    default:
+      return button.disabled.textColor;
+  }
+});
 var IconButton = function IconButton(_a) {
   var variant = _a.variant,
     _b = _a.size,
@@ -2579,13 +3110,8 @@ var IconButton = function IconButton(_a) {
     type = _d === void 0 ? 'button' : _d,
     htmlProps = __rest(_a, ["variant", "size", "url", "iconName", "onClick", 'aria-label', 'aria-describedby', 'aria-expanded', 'aria-pressed', 'data-testid', "disabled", "type"]);
   var handleClick = function handleClick(event) {
-    // Prevent default if disabled
-    if (disabled) {
-      event.preventDefault();
-      return;
-    }
     if (onClick) {
-      onClick();
+      onClick(event);
     } else if (url && url.trim() !== '') {
       // Use proper navigation instead of direct href assignment
       if (url.startsWith('http') || url.startsWith('//')) {
@@ -2595,52 +3121,28 @@ var IconButton = function IconButton(_a) {
       }
     }
   };
-  var handleKeyDown = function handleKeyDown(event) {
-    // Handle keyboard activation (Enter and Space)
-    if (disabled) return;
-    if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      handleClick(event);
-    }
-  };
   var iconSize = size === 'large' ? 'lg' : size === 'small' ? 'sm' : 'md';
-  var getIconColor = function getIconColor(variant) {
-    switch (variant) {
-      case 'primary':
-        return 'inverse';
-      case 'secondary':
-        return 'default';
-      case 'naked':
-        return 'default';
-      default:
-        return 'default';
-    }
-  };
   return jsxRuntime.jsx(IconButtonStyled, __assign({
     "$variant": variant,
     "$size": size,
     onClick: handleClick,
-    onKeyDown: handleKeyDown,
     disabled: disabled,
     type: type,
-    role: "button",
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedBy,
     "aria-expanded": ariaExpanded,
     "aria-pressed": ariaPressed,
-    "aria-disabled": disabled,
-    tabIndex: disabled ? -1 : 0,
     "data-testid": dataTestId
   }, htmlProps, {
     children: jsxRuntime.jsx(Icon, {
       name: iconName,
       size: iconSize,
-      iconColor: getIconColor(variant),
+      iconColor: "inherit",
       "aria-hidden": "true" // Hide icon from screen readers since button has aria-label
     })
   }));
 };
-var templateObject_1$x;
+var templateObject_1$y;
 
 var StyledWrapper = styled.span.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -2648,7 +3150,7 @@ var StyledWrapper = styled.span.withConfig({
   },
   displayName: "MoneyDisplay__StyledWrapper",
   componentId: "sc-1mddej3-0"
-})(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  text-align: ", ";\n  font-weight: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  text-align: ", ";\n  font-weight: ", ";\n"
+})(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  text-align: ", ";\n  font-weight: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  text-align: ", ";\n  font-weight: ", ";\n"
 // Map size to Typography variant
 ])), function (_a) {
   var $align = _a.$align;
@@ -2751,17 +3253,17 @@ var MoneyDisplay = function MoneyDisplay(_a) {
     })]
   });
 };
-var templateObject_1$w;
+var templateObject_1$x;
 
 // Destructure tokens
-var semantic$d = tokensData.semantic;
-var _a$5 = __assign(__assign({}, semantic$d), {
+var semantic$e = tokensData.semantic;
+var _a$5 = __assign(__assign({}, semantic$e), {
     component: tokensData.component
   }),
   color$5 = _a$5.color,
   border$7 = _a$5.border,
   motion$1 = _a$5.motion,
-  component$1 = _a$5.component;
+  component$2 = _a$5.component;
 var radius$3 = border$7.radius;
 var ProgressBarContainer = styled.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -2769,10 +3271,10 @@ var ProgressBarContainer = styled.div.withConfig({
   },
   displayName: "ProgressBar__ProgressBarContainer",
   componentId: "sc-1nco33q-0"
-})(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", ";\n  overflow: hidden;\n\n  ", "\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: ", ";\n  overflow: hidden;\n\n  ", "\n\n  ", "\n"])), color$5.background.disabled, radius$3.xs, function (props) {
-  return props.$variant === 'horizontal' && styled.css(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n    width: 100%;\n    height: ", ";\n  "], ["\n    width: 100%;\n    height: ", ";\n  "])), props.$height ? component$1.progressBar.sizes[props.$height].height : component$1.progressBar.sizes.md.height);
+})(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", ";\n  overflow: hidden;\n\n  ", "\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: ", ";\n  overflow: hidden;\n\n  ", "\n\n  ", "\n"])), color$5.background.disabled, radius$3.xs, function (props) {
+  return props.$variant === 'horizontal' && styled.css(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n    width: 100%;\n    height: ", ";\n  "], ["\n    width: 100%;\n    height: ", ";\n  "])), props.$height ? component$2.progressBar.sizes[props.$height].height : component$2.progressBar.sizes.md.height);
 }, function (props) {
-  return props.$variant === 'vertical' && styled.css(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n    width: ", ";\n    height: 100%;\n  "], ["\n    width: ", ";\n    height: 100%;\n  "])), props.$width ? component$1.progressBar.sizes[props.$width].height : component$1.progressBar.sizes.md.height);
+  return props.$variant === 'vertical' && styled.css(templateObject_2$o || (templateObject_2$o = __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.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -2780,7 +3282,7 @@ var ProgressBarFill = styled.div.withConfig({
   },
   displayName: "ProgressBar__ProgressBarFill",
   componentId: "sc-1nco33q-1"
-})(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n  height: 100%;\n  transition: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  height: 100%;\n  transition: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n"])), motion$1.transition.normal, function (props) {
+})(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n  height: 100%;\n  transition: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  height: 100%;\n  transition: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n"])), motion$1.transition.normal, function (props) {
   var backgroundColor;
   switch (props.$color) {
     case 'success':
@@ -2794,11 +3296,11 @@ var ProgressBarFill = styled.div.withConfig({
       backgroundColor = color$5.background.interactive;
       break;
   }
-  return styled.css(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["background-color: ", ";"], ["background-color: ", ";"])), backgroundColor);
+  return styled.css(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["background-color: ", ";"], ["background-color: ", ";"])), backgroundColor);
 }, function (props) {
-  return props.$variant === 'horizontal' && styled.css(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n    width: ", "%;\n  "], ["\n    width: ", "%;\n  "])), Math.min(100, Math.max(0, props.$value)));
+  return props.$variant === 'horizontal' && styled.css(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n    width: ", "%;\n  "], ["\n    width: ", "%;\n  "])), Math.min(100, Math.max(0, props.$value)));
 }, function (props) {
-  return props.$variant === 'vertical' && styled.css(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n    width: 100%;\n    height: ", "%;\n  "], ["\n    width: 100%;\n    height: ", "%;\n  "])), Math.min(100, Math.max(0, props.$value)));
+  return props.$variant === 'vertical' && styled.css(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n    width: 100%;\n    height: ", "%;\n  "], ["\n    width: 100%;\n    height: ", "%;\n  "])), Math.min(100, Math.max(0, props.$value)));
 });
 var ProgressBar = function ProgressBar(_a) {
   var value = _a.value,
@@ -2825,7 +3327,7 @@ var ProgressBar = function ProgressBar(_a) {
     })
   });
 };
-var templateObject_1$v, templateObject_2$n, templateObject_3$l, templateObject_4$h, templateObject_5$d, templateObject_6$b, templateObject_7$8;
+var templateObject_1$w, templateObject_2$o, templateObject_3$m, templateObject_4$i, templateObject_5$e, templateObject_6$c, templateObject_7$9;
 
 // Destructure tokens for cleaner access
 var separatorTokens = tokensData.component.separator;
@@ -2836,7 +3338,7 @@ var StyledDivider = styled.div.withConfig({
   },
   displayName: "Divider__StyledDivider",
   componentId: "sc-1l0c8ja-0"
-})(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  border: none;\n  \n  /* Apply orientation */\n  ", "\n  \n  /* Apply variant styles */\n  ", "\n  \n  /* Apply size styles (spacing) */\n  ", "\n"], ["\n  border: none;\n  \n  /* Apply orientation */\n  ", "\n  \n  /* Apply variant styles */\n  ", "\n  \n  /* Apply size styles (spacing) */\n  ", "\n"
+})(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n  border: none;\n  \n  /* Apply orientation */\n  ", "\n  \n  /* Apply variant styles */\n  ", "\n  \n  /* Apply size styles (spacing) */\n  ", "\n"], ["\n  border: none;\n  \n  /* Apply orientation */\n  ", "\n  \n  /* Apply variant styles */\n  ", "\n  \n  /* Apply size styles (spacing) */\n  ", "\n"
 /**
  * Divider is an atomic component that provides visual separation between content sections.
  *
@@ -2949,7 +3451,7 @@ var Divider = function Divider(_a) {
     "aria-orientation": orientation
   });
 };
-var templateObject_1$u;
+var templateObject_1$v;
 
 var StyledStack = styled.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -2957,7 +3459,7 @@ var StyledStack = styled.div.withConfig({
   },
   displayName: "Stack__StyledStack",
   componentId: "sc-1ehkxgy-0"
-})(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n  display: flex;\n  flex-direction: var(--stack-direction);\n  align-items: var(--stack-align-items);\n  justify-content: var(--stack-justify-content);\n  gap: var(--stack-gap);\n  flex-wrap: var(--stack-wrap);\n"], ["\n  display: flex;\n  flex-direction: var(--stack-direction);\n  align-items: var(--stack-align-items);\n  justify-content: var(--stack-justify-content);\n  gap: var(--stack-gap);\n  flex-wrap: var(--stack-wrap);\n"
+})(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  display: flex;\n  flex-direction: var(--stack-direction);\n  align-items: var(--stack-align-items);\n  justify-content: var(--stack-justify-content);\n  gap: var(--stack-gap);\n  flex-wrap: var(--stack-wrap);\n"], ["\n  display: flex;\n  flex-direction: var(--stack-direction);\n  align-items: var(--stack-align-items);\n  justify-content: var(--stack-justify-content);\n  gap: var(--stack-gap);\n  flex-wrap: var(--stack-wrap);\n"
 // Helper function to convert gap prop to CSS value
 ])));
 // Helper function to convert gap prop to CSS value
@@ -2996,7 +3498,7 @@ var Stack = function Stack(_a) {
     children: children
   });
 };
-var templateObject_1$t;
+var templateObject_1$u;
 
 // Destructure tokens for cleaner access
 var statusColors = tokensData.semantic.color.status;
@@ -3004,7 +3506,7 @@ var spacing$5 = tokensData.semantic.spacing.layout;
 var radius$2 = tokensData.semantic.border.radius;
 var transition = tokensData.semantic.motion.transition;
 var typography$2 = tokensData.semantic.typography;
-var scaleIn = styled.keyframes(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n"], ["\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n"])));
+var scaleIn = styled.keyframes(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n"], ["\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n"])));
 var getStatusConfig = function getStatusConfig(status) {
   var configs = {
     pending: {
@@ -3071,7 +3573,7 @@ var StyledStatusBadge = styled.span.withConfig({
   },
   displayName: "StatusBadge__StyledStatusBadge",
   componentId: "sc-1paksgb-0"
-})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  font-weight: 500;\n  white-space: nowrap;\n  user-select: none;\n  animation: ", " 0.2s ease-out;\n  transition: ", ";\n  \n  /* Size styles */\n  ", "\n  \n  /* Status color styles */\n  ", "\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  font-weight: 500;\n  white-space: nowrap;\n  user-select: none;\n  animation: ", " 0.2s ease-out;\n  transition: ", ";\n  \n  /* Size styles */\n  ", "\n  \n  /* Status color styles */\n  ", "\n"])), radius$2.circle, scaleIn, transition.fast, function (_a) {
+})(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  font-weight: 500;\n  white-space: nowrap;\n  user-select: none;\n  animation: ", " 0.2s ease-out;\n  transition: ", ";\n  \n  /* Size styles */\n  ", "\n  \n  /* Status color styles */\n  ", "\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  font-weight: 500;\n  white-space: nowrap;\n  user-select: none;\n  animation: ", " 0.2s ease-out;\n  transition: ", ";\n  \n  /* Size styles */\n  ", "\n  \n  /* Status color styles */\n  ", "\n"])), radius$2.circle, scaleIn, transition.fast, function (_a) {
   var $size = _a.$size;
   var size = sizeConfig[$size];
   return "\n      height: ".concat(size.height, ";\n      padding: ").concat(size.padding, ";\n      font: ").concat(size.font, ";\n      gap: ").concat(size.gap, ";\n    ");
@@ -3083,7 +3585,7 @@ var StyledStatusBadge = styled.span.withConfig({
 var ScreenReaderOnly = styled.span.withConfig({
   displayName: "StatusBadge__ScreenReaderOnly",
   componentId: "sc-1paksgb-1"
-})(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n"], ["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n"
+})(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n"], ["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n"
 /**
  * StatusBadge component for displaying transaction or task status
  *
@@ -3163,14 +3665,14 @@ var StatusBadge = function StatusBadge(_a) {
   });
 };
 StatusBadge.displayName = 'StatusBadge';
-var templateObject_1$s, templateObject_2$m, templateObject_3$k;
+var templateObject_1$t, templateObject_2$n, templateObject_3$l;
 
-var semantic$c = tokensData.semantic;
-var color$4 = semantic$c.color,
-  spacing$4 = semantic$c.spacing,
-  border$6 = semantic$c.border,
-  typography$1 = semantic$c.typography,
-  size = semantic$c.size;
+var semantic$d = tokensData.semantic;
+var color$4 = semantic$d.color,
+  spacing$4 = semantic$d.spacing,
+  border$6 = semantic$d.border,
+  typography$1 = semantic$d.typography,
+  size = semantic$d.size;
 var layout$2 = spacing$4.layout;
 var radius$1 = border$6.radius;
 var StyledTag = styled.span.withConfig({
@@ -3179,7 +3681,7 @@ var StyledTag = styled.span.withConfig({
   },
   displayName: "Tag__StyledTag",
   componentId: "sc-lzfmti-0"
-})(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  user-select: none;\n  white-space: nowrap;\n  max-height: ", ";\n  \n  /* Size - fixed to small */\n  padding: ", " ", ";\n  font: ", ";\n  \n  /* Variant styles */\n  background-color: ", ";\n  \n  color: ", ";\n  \n  border: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  user-select: none;\n  white-space: nowrap;\n  max-height: ", ";\n  \n  /* Size - fixed to small */\n  padding: ", " ", ";\n  font: ", ";\n  \n  /* Variant styles */\n  background-color: ", ";\n  \n  color: ", ";\n  \n  border: ", ";\n"
+})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  user-select: none;\n  white-space: nowrap;\n  max-height: ", ";\n  \n  /* Size - fixed to small */\n  padding: ", " ", ";\n  font: ", ";\n  \n  /* Variant styles */\n  background-color: ", ";\n  \n  color: ", ";\n  \n  border: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  user-select: none;\n  white-space: nowrap;\n  max-height: ", ";\n  \n  /* Size - fixed to small */\n  padding: ", " ", ";\n  font: ", ";\n  \n  /* Variant styles */\n  background-color: ", ";\n  \n  color: ", ";\n  \n  border: ", ";\n"
 /**
  * Tag component for categorizing and labeling content
  *
@@ -3262,13 +3764,13 @@ var Tag = function Tag(_a) {
     children: children
   }));
 };
-var templateObject_1$r;
+var templateObject_1$s;
 
 // Destructure tokens for cleaner access
-var semantic$b = tokensData.semantic;
-var color$3 = semantic$b.color,
-  spacing$3 = semantic$b.spacing,
-  border$5 = semantic$b.border;
+var semantic$c = tokensData.semantic;
+var color$3 = semantic$c.color,
+  spacing$3 = semantic$c.spacing,
+  border$5 = semantic$c.border;
 var layout$1 = spacing$3.layout;
 var background = color$3.background,
   icon = color$3.icon;
@@ -3276,27 +3778,27 @@ var radius = border$5.radius;
 var StyledHeader$2 = styled.div.withConfig({
   displayName: "AccountCard__StyledHeader",
   componentId: "sc-1erp7zn-0"
-})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: ", ";\n"], ["\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: ", ";\n"])), layout$1.md);
+})(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: ", ";\n"], ["\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: ", ";\n"])), layout$1.md);
 var StyledIconWrapper = styled.div.withConfig({
   displayName: "AccountCard__StyledIconWrapper",
   componentId: "sc-1erp7zn-1"
-})(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  border-radius: ", ";\n  color: ", ";\n"], ["\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  border-radius: ", ";\n  color: ", ";\n"])), background.inverse, radius.md, icon.interactive);
+})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  border-radius: ", ";\n  color: ", ";\n"], ["\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  border-radius: ", ";\n  color: ", ";\n"])), background.inverse, radius.md, icon.interactive);
 var StyledBalanceSection = styled.div.withConfig({
   displayName: "AccountCard__StyledBalanceSection",
   componentId: "sc-1erp7zn-2"
-})(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  margin-bottom: ", ";\n"], ["\n  margin-bottom: ", ";\n"])), layout$1.lg);
+})(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  margin-bottom: ", ";\n"], ["\n  margin-bottom: ", ";\n"])), layout$1.lg);
 var StyledTrendSection = styled.div.withConfig({
   displayName: "AccountCard__StyledTrendSection",
   componentId: "sc-1erp7zn-3"
-})(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  margin-top: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  margin-top: ", ";\n"])), layout$1.xs, layout$1.sm);
+})(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  margin-top: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  margin-top: ", ";\n"])), layout$1.xs, layout$1.sm);
 var StyledActions$1 = styled.div.withConfig({
   displayName: "AccountCard__StyledActions",
   componentId: "sc-1erp7zn-4"
-})(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  display: flex;\n  gap: ", ";\n  margin-top: auto;\n  \n  & > * {\n    flex: 1;\n  }\n"], ["\n  display: flex;\n  gap: ", ";\n  margin-top: auto;\n  \n  & > * {\n    flex: 1;\n  }\n"])), layout$1.sm);
+})(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n  display: flex;\n  gap: ", ";\n  margin-top: auto;\n  \n  & > * {\n    flex: 1;\n  }\n"], ["\n  display: flex;\n  gap: ", ";\n  margin-top: auto;\n  \n  & > * {\n    flex: 1;\n  }\n"])), layout$1.sm);
 var StyledStackWrapper = styled.div.withConfig({
   displayName: "AccountCard__StyledStackWrapper",
   componentId: "sc-1erp7zn-5"
-})(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n  height: 100%;\n  min-height: 168px;\n"], ["\n  height: 100%;\n  min-height: 168px;\n"
+})(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n  height: 100%;\n  min-height: 168px;\n"], ["\n  height: 100%;\n  min-height: 168px;\n"
 // Map account types to icon names (using placeholders)
 ])));
 // Map account types to icon names (using placeholders)
@@ -3456,26 +3958,26 @@ var AccountCard = function AccountCard(_a) {
     })
   });
 };
-var templateObject_1$q, templateObject_2$l, templateObject_3$j, templateObject_4$g, templateObject_5$c, templateObject_6$a;
+var templateObject_1$r, templateObject_2$m, templateObject_3$k, templateObject_4$h, templateObject_5$d, templateObject_6$b;
 
-var semantic$a = tokensData.semantic,
-  base$8 = tokensData.base;
+var semantic$b = tokensData.semantic,
+  base$9 = tokensData.base;
 var StyledListItem = styled.li.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
   displayName: "ListItem__StyledListItem",
   componentId: "sc-1wzzt21-0"
-})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  min-height: 44px; /* Touch target minimum */\n  position: relative;\n  \n  /* Disable user selection for interactive items */\n  ", "\n  \n  /* Disabled state */\n  ", "\n  \n  /* Destructive state - apply error color to text */\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  min-height: 44px; /* Touch target minimum */\n  position: relative;\n  \n  /* Disable user selection for interactive items */\n  ", "\n  \n  /* Disabled state */\n  ", "\n  \n  /* Destructive state - apply error color to text */\n  ", "\n"])), function (_a) {
+})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  min-height: 44px; /* Touch target minimum */\n  position: relative;\n  \n  /* Disable user selection for interactive items */\n  ", "\n  \n  /* Disabled state */\n  ", "\n  \n  /* Destructive state - apply error color to text */\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  min-height: 44px; /* Touch target minimum */\n  position: relative;\n  \n  /* Disable user selection for interactive items */\n  ", "\n  \n  /* Disabled state */\n  ", "\n  \n  /* Destructive state - apply error color to text */\n  ", "\n"])), function (_a) {
   var $interactive = _a.$interactive;
   return $interactive && 'user-select: none;';
 }, function (_a) {
   var $disabled = _a.$disabled;
-  return $disabled && "\n    opacity: ".concat(base$8.opacity[50], ";\n    cursor: not-allowed;\n    pointer-events: none;\n  ");
+  return $disabled && "\n    opacity: ".concat(base$9.opacity[50], ";\n    cursor: not-allowed;\n    pointer-events: none;\n  ");
 }, function (_a) {
   var $destructive = _a.$destructive,
     $disabled = _a.$disabled;
-  return $destructive && !$disabled && "\n    color: ".concat(semantic$a.color.text.error, ";\n  ");
+  return $destructive && !$disabled && "\n    color: ".concat(semantic$b.color.text.error, ";\n  ");
 });
 var StyledItemContent = styled.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -3483,12 +3985,12 @@ var StyledItemContent = styled.div.withConfig({
   },
   displayName: "ListItem__StyledItemContent",
   componentId: "sc-1wzzt21-1"
-})(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  gap: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  transition: background-color 150ms ease;\n  cursor: ", ";\n  \n  /* Interactive hover states */\n  ", "\n  \n  /* Focus visible */\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"], ["\n  display: flex;\n  align-items: flex-start;\n  gap: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  transition: background-color 150ms ease;\n  cursor: ", ";\n  \n  /* Interactive hover states */\n  ", "\n  \n  /* Focus visible */\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"])), semantic$a.spacing.layout.md, function (_a) {
+})(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  gap: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  transition: background-color 150ms ease;\n  cursor: ", ";\n  \n  /* Interactive hover states */\n  ", "\n  \n  /* Focus visible */\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"], ["\n  display: flex;\n  align-items: flex-start;\n  gap: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  transition: background-color 150ms ease;\n  cursor: ", ";\n  \n  /* Interactive hover states */\n  ", "\n  \n  /* Focus visible */\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"])), semantic$b.spacing.layout.md, function (_a) {
   var $spacing = _a.$spacing;
-  return $spacing === 'compact' ? "".concat(semantic$a.spacing.layout.sm, " ").concat(semantic$a.spacing.layout.md) : "".concat(semantic$a.spacing.layout.md, " ").concat(semantic$a.spacing.layout.lg);
-}, base$8.border.radius[2], function (_a) {
+  return $spacing === 'compact' ? "".concat(semantic$b.spacing.layout.sm, " ").concat(semantic$b.spacing.layout.md) : "".concat(semantic$b.spacing.layout.md, " ").concat(semantic$b.spacing.layout.lg);
+}, base$9.border.radius[2], function (_a) {
   var $selected = _a.$selected;
-  return $selected ? semantic$a.color.background['interactive-subtle'] : 'transparent';
+  return $selected ? semantic$b.color.background['interactive-subtle'] : 'transparent';
 }, function (_a) {
   var $interactive = _a.$interactive,
     $disabled = _a.$disabled;
@@ -3500,26 +4002,26 @@ var StyledItemContent = styled.div.withConfig({
     $disabled = _a.$disabled,
     $selected = _a.$selected;
   return !$disabled && $interactive && "\n    &:hover {\n      background-color: ".concat($selected ? tokensData.component.button.variants.secondary.backgroundColor : tokensData.component.button.variants.secondary.backgroundColor, ";\n    }\n    \n    &:active {\n      background-color: ").concat(tokensData.component.button.variants.naked.backgroundColor, ";\n    }\n  ");
-}, semantic$a.color.border.interactive);
+}, semantic$b.color.border.interactive);
 var StyledIconContainer$1 = styled.div.withConfig({
   displayName: "ListItem__StyledIconContainer",
   componentId: "sc-1wzzt21-2"
-})(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n"])));
+})(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n"])));
 var StyledTextContent = styled.div.withConfig({
   displayName: "ListItem__StyledTextContent",
   componentId: "sc-1wzzt21-3"
-})(templateObject_4$f || (templateObject_4$f = __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$a.spacing.layout.xs);
+})(templateObject_4$g || (templateObject_4$g = __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.spacing.layout.xs);
 var StyledRightContent = styled.div.withConfig({
   displayName: "ListItem__StyledRightContent",
   componentId: "sc-1wzzt21-4"
-})(templateObject_5$b || (templateObject_5$b = __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$a.spacing.layout.sm);
+})(templateObject_5$c || (templateObject_5$c = __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.spacing.layout.sm);
 var StyledChevronIcon = styled.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
   },
   displayName: "ListItem__StyledChevronIcon",
   componentId: "sc-1wzzt21-5"
-})(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  color: ", ";\n  transition: transform 200ms ease;\n  transform: rotate(", ");\n  pointer-events: none;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  color: ", ";\n  transition: transform 200ms ease;\n  transform: rotate(", ");\n  pointer-events: none;\n"])), semantic$a.color.icon.subdued, function (_a) {
+})(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  color: ", ";\n  transition: transform 200ms ease;\n  transform: rotate(", ");\n  pointer-events: none;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  color: ", ";\n  transition: transform 200ms ease;\n  transform: rotate(", ");\n  pointer-events: none;\n"])), semantic$b.color.icon.subdued, function (_a) {
   var $expanded = _a.$expanded;
   return $expanded ? '180deg' : '0deg';
 });
@@ -3529,7 +4031,7 @@ var StyledExpandedContent = styled.div.withConfig({
   },
   displayName: "ListItem__StyledExpandedContent",
   componentId: "sc-1wzzt21-6"
-})(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  overflow: hidden;\n  transition: max-height 200ms ease-out, opacity 200ms ease-out;\n  max-height: ", ";\n  opacity: ", ";\n  \n  ", "\n"], ["\n  overflow: hidden;\n  transition: max-height 200ms ease-out, opacity 200ms ease-out;\n  max-height: ", ";\n  opacity: ", ";\n  \n  ", "\n"])), function (_a) {
+})(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n  overflow: hidden;\n  transition: max-height 200ms ease-out, opacity 200ms ease-out;\n  max-height: ", ";\n  opacity: ", ";\n  \n  ", "\n"], ["\n  overflow: hidden;\n  transition: max-height 200ms ease-out, opacity 200ms ease-out;\n  max-height: ", ";\n  opacity: ", ";\n  \n  ", "\n"])), function (_a) {
   var $expanded = _a.$expanded;
   return $expanded ? '1000px' : '0';
 }, function (_a) {
@@ -3538,7 +4040,7 @@ var StyledExpandedContent = styled.div.withConfig({
 }, function (_a) {
   var $expanded = _a.$expanded,
     $spacing = _a.$spacing;
-  return $expanded && "\n    padding: ".concat($spacing === 'compact' ? "".concat(semantic$a.spacing.layout.sm, " ").concat(semantic$a.spacing.layout.md, " ").concat(semantic$a.spacing.layout.sm, " 48px") : "".concat(semantic$a.spacing.layout.sm, " ").concat(semantic$a.spacing.layout.lg, " ").concat(semantic$a.spacing.layout.md, " 60px"), ";\n    background-color: ").concat(semantic$a.color.background['subtle'], ";\n    border-radius: ").concat(base$8.border.radius[2], ";\n    margin: 0 ").concat($spacing === 'compact' ? semantic$a.spacing.layout.md : semantic$a.spacing.layout.lg, " ").concat($spacing === 'compact' ? semantic$a.spacing.layout.sm : semantic$a.spacing.layout.md, ";\n  ");
+  return $expanded && "\n    padding: ".concat($spacing === 'compact' ? "".concat(semantic$b.spacing.layout.sm, " ").concat(semantic$b.spacing.layout.md, " ").concat(semantic$b.spacing.layout.sm, " 48px") : "".concat(semantic$b.spacing.layout.sm, " ").concat(semantic$b.spacing.layout.lg, " ").concat(semantic$b.spacing.layout.md, " 60px"), ";\n    background-color: ").concat(semantic$b.color.background['subtle'], ";\n    border-radius: ").concat(base$9.border.radius[2], ";\n    margin: 0 ").concat($spacing === 'compact' ? semantic$b.spacing.layout.md : semantic$b.spacing.layout.lg, " ").concat($spacing === 'compact' ? semantic$b.spacing.layout.sm : semantic$b.spacing.layout.md, ";\n  ");
 });
 var ListItem = function ListItem(_a) {
   var primary = _a.primary,
@@ -3651,7 +4153,7 @@ var ListItem = function ListItem(_a) {
   }));
 };
 ListItem.displayName = 'ListItem';
-var templateObject_1$p, templateObject_2$k, templateObject_3$i, templateObject_4$f, templateObject_5$b, templateObject_6$9, templateObject_7$7;
+var templateObject_1$q, templateObject_2$l, templateObject_3$j, templateObject_4$g, templateObject_5$c, templateObject_6$a, templateObject_7$8;
 
 var _a$4 = tokensData.semantic,
   color$2 = _a$4.color,
@@ -3659,32 +4161,32 @@ var _a$4 = tokensData.semantic,
   layout = _a$4.spacing.layout,
   motion = _a$4.motion,
   elevation = _a$4.elevation;
-var slideUp = styled.keyframes(templateObject_1$o || (templateObject_1$o = __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$1 = styled.keyframes(templateObject_2$j || (templateObject_2$j = __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 slideUp = styled.keyframes(templateObject_1$p || (templateObject_1$p = __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$1 = styled.keyframes(templateObject_2$k || (templateObject_2$k = __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$1 = styled.div.withConfig({
   displayName: "ActionSheet__StyledOverlay",
   componentId: "sc-regbol-0"
-})(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9999;\n  animation: ", " 0.2s ease-out;\n"], ["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9999;\n  animation: ", " 0.2s ease-out;\n"])), fadeIn$1);
+})(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9999;\n  animation: ", " 0.2s ease-out;\n"], ["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 9999;\n  animation: ", " 0.2s ease-out;\n"])), fadeIn$1);
 var StyledActionSheet = styled.div.withConfig({
   displayName: "ActionSheet__StyledActionSheet",
   componentId: "sc-regbol-1"
-})(templateObject_4$e || (templateObject_4$e = __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: 10000;\n  animation: ", " 0.3s ease-out;\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: 10000;\n  animation: ", " 0.3s ease-out;\n"])), color$2.background.subtle, border$4.radius.lg, border$4.radius.lg, elevation.overlay, slideUp);
+})(templateObject_4$f || (templateObject_4$f = __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: 10000;\n  animation: ", " 0.3s ease-out;\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: 10000;\n  animation: ", " 0.3s ease-out;\n"])), color$2.background.subtle, border$4.radius.lg, border$4.radius.lg, elevation.overlay, slideUp);
 var StyledHeader$1 = styled.div.withConfig({
   displayName: "ActionSheet__StyledHeader",
   componentId: "sc-regbol-2"
-})(templateObject_5$a || (templateObject_5$a = __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"])), layout.lg, layout.lg, layout.md, border$4["default"]);
+})(templateObject_5$b || (templateObject_5$b = __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"])), layout.lg, layout.lg, layout.md, border$4["default"]);
 var StyledHeaderContent = styled.div.withConfig({
   displayName: "ActionSheet__StyledHeaderContent",
   componentId: "sc-regbol-3"
-})(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
+})(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
 var StyledCloseButton = styled.button.withConfig({
   displayName: "ActionSheet__StyledCloseButton",
   componentId: "sc-regbol-4"
-})(templateObject_7$6 || (templateObject_7$6 = __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"])), layout.sm, color$2.icon.subdued, border$4.radius.sm, motion.hover, layout.sm, color$2.icon["default"], color$2.background.surface, border$4.focus, layout.xs);
+})(templateObject_7$7 || (templateObject_7$7 = __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"])), layout.sm, color$2.icon.subdued, border$4.radius.sm, motion.hover, layout.sm, color$2.icon["default"], color$2.background.surface, border$4.focus, layout.xs);
 var StyledActionsList = styled.ul.withConfig({
   displayName: "ActionSheet__StyledActionsList",
   componentId: "sc-regbol-5"
-})(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  padding: ", " ", ";\n  margin: 0;\n  list-style: none;\n"], ["\n  padding: ", " ", ";\n  margin: 0;\n  list-style: none;\n"
+})(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n  padding: ", " ", ";\n  margin: 0;\n  list-style: none;\n"], ["\n  padding: ", " ", ";\n  margin: 0;\n  list-style: none;\n"
 /**
  * ActionSheet component for bottom sheet modals
  *
@@ -3896,7 +4398,807 @@ var ActionSheet = function ActionSheet(_a) {
     })]
   }), document.body);
 };
-var templateObject_1$o, templateObject_2$j, templateObject_3$h, templateObject_4$e, templateObject_5$a, templateObject_6$8, templateObject_7$6, templateObject_8$4;
+var templateObject_1$p, templateObject_2$k, templateObject_3$i, templateObject_4$f, templateObject_5$b, templateObject_6$9, templateObject_7$7, templateObject_8$5;
+
+function detectSpeechRecognitionConstructor(targetWindow) {
+  if (!targetWindow) return null;
+  var candidateWindow = targetWindow;
+  if (candidateWindow.SpeechRecognition) {
+    return candidateWindow.SpeechRecognition;
+  }
+  if (candidateWindow.webkitSpeechRecognition) {
+    return candidateWindow.webkitSpeechRecognition;
+  }
+  return null;
+}
+function normalizeTranscript(input) {
+  return input.replace(/\s+/g, ' ').trim();
+}
+function mapSpeechErrorCode(error) {
+  switch (error) {
+    case 'not-allowed':
+    case 'service-not-allowed':
+      return 'not-allowed';
+    case 'no-speech':
+      return 'no-speech';
+    case 'audio-capture':
+      return 'audio-capture';
+    case 'aborted':
+      return 'aborted';
+    default:
+      return 'unknown';
+  }
+}
+function defaultVoiceErrorMessage(code) {
+  switch (code) {
+    case 'not-supported':
+      return 'Voice input is not supported in this browser. Use Chrome or Edge.';
+    case 'not-allowed':
+      return 'Microphone permission denied. Allow access and try again.';
+    case 'no-speech':
+      return 'No speech detected. Try again.';
+    case 'audio-capture':
+      return 'No microphone device detected. Check your microphone and try again.';
+    case 'aborted':
+      return 'Voice input was stopped.';
+    default:
+      return 'Voice input failed. Try again.';
+  }
+}
+
+var textDrivenState = function textDrivenState(hasText) {
+  return hasText ? 'typing' : 'idle';
+};
+function agentInputStateTransition(currentState, event) {
+  if (currentState === 'disabled') {
+    return 'disabled';
+  }
+  switch (event.type) {
+    case 'INPUT_CHANGE':
+      if (currentState === 'listening' || currentState === 'processingFinalTranscript' || currentState === 'submitting') {
+        return currentState;
+      }
+      return textDrivenState(event.hasText);
+    case 'MIC_START':
+      if (currentState === 'idle' || currentState === 'typing') {
+        return 'listening';
+      }
+      return currentState;
+    case 'VOICE_INTERIM':
+      if (currentState === 'listening') {
+        return 'listening';
+      }
+      return currentState;
+    case 'VOICE_FINAL':
+      if (currentState === 'listening') {
+        return 'processingFinalTranscript';
+      }
+      return currentState;
+    case 'MIC_STOP':
+      if (currentState === 'listening') {
+        return textDrivenState(event.hasText);
+      }
+      return currentState;
+    case 'SUBMIT':
+      return 'submitting';
+    case 'SUBMIT_SUCCESS':
+      return 'idle';
+    case 'SUBMIT_ERROR':
+      return 'error';
+    case 'VOICE_ERROR':
+    case 'TIMEOUT_NO_SPEECH':
+      return 'error';
+    case 'RESET_ERROR':
+      if (currentState === 'error') {
+        return textDrivenState(event.hasText);
+      }
+      return currentState;
+    default:
+      return currentState;
+  }
+}
+
+var semantic$a = tokensData.semantic,
+  base$8 = tokensData.base,
+  component$1 = tokensData.component;
+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 pulseRing = styled.keyframes(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n  0% {\n    transform: scale(1);\n    opacity: 0.4;\n  }\n  70% {\n    transform: scale(1.08);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1.08);\n    opacity: 0;\n  }\n"], ["\n  0% {\n    transform: scale(1);\n    opacity: 0.4;\n  }\n  70% {\n    transform: scale(1.08);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1.08);\n    opacity: 0;\n  }\n"])));
+var Container = styled.div.withConfig({
+  displayName: "AgentInput__Container",
+  componentId: "sc-fhl996-0"
+})(templateObject_2$j || (templateObject_2$j = __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"])), base$8.spacing[2]);
+var ControlsRow = styled.div.withConfig({
+  displayName: "AgentInput__ControlsRow",
+  componentId: "sc-fhl996-1"
+})(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var InputShell = styled.div.withConfig({
+  displayName: "AgentInput__InputShell",
+  componentId: "sc-fhl996-2"
+})(templateObject_4$e || (templateObject_4$e = __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 200ms ease-in-out, outline 200ms ease-in-out;\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 200ms ease-in-out, outline 200ms ease-in-out;\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"])), base$8.spacing[2], semantic$a.spacing.layout.xs, semantic$a.spacing.layout.sm, semantic$a.spacing.layout.xs, component$1.input["default"].paddingX, component$1.input["default"].backgroundColor, component$1.input["default"].borderWidth, component$1.input["default"].borderColor, semantic$a.border.radius['3xl'], semantic$a.elevation.raised, component$1.input.focus.borderColor, component$1.input.focus.outline, component$1.input.focus.outlineOffset, component$1.input.disabled.backgroundColor, component$1.input.disabled.borderColor);
+var Input = styled.input.withConfig({
+  displayName: "AgentInput__Input",
+  componentId: "sc-fhl996-3"
+})(templateObject_5$a || (templateObject_5$a = __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  }\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  }\n\n  &:disabled {\n    color: ", ";\n    cursor: not-allowed;\n  }\n"])), base$8.spacing[12], semantic$a.typography.body, semantic$a.color.text["default"], semantic$a.color.text.subdued, semantic$a.color.text.disabled);
+var InputActions = styled.div.withConfig({
+  displayName: "AgentInput__InputActions",
+  componentId: "sc-fhl996-4"
+})(templateObject_6$8 || (templateObject_6$8 = __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.spacing.layout.xs);
+var CircularActionIconButton = styled(IconButton).withConfig({
+  displayName: "AgentInput__CircularActionIconButton",
+  componentId: "sc-fhl996-5"
+})(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  border-radius: ", ";\n"], ["\n  border-radius: ", ";\n"])), semantic$a.border.radius.circle);
+var InputWrapper = styled.div.withConfig({
+  displayName: "AgentInput__InputWrapper",
+  componentId: "sc-fhl996-6"
+})(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  flex: 1;\n  min-width: 0;\n"], ["\n  flex: 1;\n  min-width: 0;\n"])));
+var MicButtonWrapper = styled.div.withConfig({
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !prop.startsWith('$');
+  },
+  displayName: "AgentInput__MicButtonWrapper",
+  componentId: "sc-fhl996-7"
+})(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n\n  ", "\n\n  @media (prefers-reduced-motion: reduce) {\n    &::before {\n      animation: none;\n    }\n  }\n"], ["\n  position: relative;\n  display: inline-flex;\n\n  ", "\n\n  @media (prefers-reduced-motion: reduce) {\n    &::before {\n      animation: none;\n    }\n  }\n"])), function (_a) {
+  var $isListening = _a.$isListening,
+    $reducedMotion = _a.$reducedMotion;
+  return $isListening && !$reducedMotion && styled.css(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n      &::before {\n        content: '';\n        position: absolute;\n        inset: -", ";\n        border: ", " solid ", ";\n        border-radius: ", ";\n        animation: ", " 1400ms ease-out infinite;\n        pointer-events: none;\n      }\n    "], ["\n      &::before {\n        content: '';\n        position: absolute;\n        inset: -", ";\n        border: ", " solid ", ";\n        border-radius: ", ";\n        animation: ", " 1400ms ease-out infinite;\n        pointer-events: none;\n      }\n    "])), base$8.spacing[1], base$8.border.width[1], semantic$a.color.border.interactive, base$8.border.radius[4], pulseRing);
+});
+var StatusRow = styled.div.withConfig({
+  displayName: "AgentInput__StatusRow",
+  componentId: "sc-fhl996-8"
+})(templateObject_11$2 || (templateObject_11$2 = __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"])), base$8.spacing[3], base$8.spacing[6]);
+var StatusText = styled.div.withConfig({
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !prop.startsWith('$');
+  },
+  displayName: "AgentInput__StatusText",
+  componentId: "sc-fhl996-9"
+})(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\npadding-left: ", ";\n  color: ", ";\n"], ["\npadding-left: ", ";\n  color: ", ";\n"])), semantic$a.spacing.layout.xl, function (_a) {
+  var $isError = _a.$isError;
+  return $isError ? semantic$a.color.text.error : semantic$a.color.text.subdued;
+});
+var StatusAnnouncement = styled.div.withConfig({
+  displayName: "AgentInput__StatusAnnouncement",
+  componentId: "sc-fhl996-10"
+})(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject([""], [""])));
+var MeterContainer = styled.div.withConfig({
+  displayName: "AgentInput__MeterContainer",
+  componentId: "sc-fhl996-11"
+})(templateObject_14$1 || (templateObject_14$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"])), base$8.spacing[1], base$8.spacing[4]);
+var MeterBar = styled.div.withConfig({
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !prop.startsWith('$');
+  },
+  displayName: "AgentInput__MeterBar",
+  componentId: "sc-fhl996-12"
+})(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n  width: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  height: ", ";\n  transition: height 120ms linear;\n"], ["\n  width: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  height: ", ";\n  transition: height 120ms linear;\n"])), base$8.spacing[1], base$8.border.radius[1], semantic$a.color.background.interactive, function (_a) {
+  var $height = _a.$height;
+  return "".concat($height * 100, "%");
+});
+var VisuallyHiddenLabel = styled.label.withConfig({
+  displayName: "AgentInput__VisuallyHiddenLabel",
+  componentId: "sc-fhl996-13"
+})(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n"], ["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n"])));
+function getInitialState(hasText) {
+  return hasText ? 'typing' : 'idle';
+}
+function createMeterBars(level) {
+  var clampedLevel = Math.max(0, Math.min(level, 1));
+  return [0.25 + clampedLevel * 0.75, 0.2 + clampedLevel * 0.6, 0.3 + clampedLevel * 0.7, 0.2 + clampedLevel * 0.5];
+}
+var AgentInput = function AgentInput(_a) {
+  var value = _a.value,
+    _b = _a.defaultValue,
+    defaultValue = _b === void 0 ? '' : _b,
+    onChange = _a.onChange,
+    onSubmit = _a.onSubmit,
+    _c = _a.placeholder,
+    placeholder = _c === void 0 ? 'Ask a question' : _c,
+    _d = _a.disabled,
+    disabled = _d === void 0 ? false : _d,
+    isSubmitting = _a.isSubmitting,
+    _e = _a.enableVoice,
+    enableVoice = _e === void 0 ? true : _e,
+    _f = _a.autoSubmitOnVoiceFinal,
+    autoSubmitOnVoiceFinal = _f === void 0 ? true : _f,
+    _g = _a.voiceLanguage,
+    voiceLanguage = _g === void 0 ? 'en-AU' : _g,
+    _h = _a.noSpeechTimeoutMs,
+    noSpeechTimeoutMs = _h === void 0 ? 8000 : _h,
+    onVoiceStart = _a.onVoiceStart,
+    onVoiceStop = _a.onVoiceStop,
+    onVoiceInterim = _a.onVoiceInterim,
+    onVoiceFinal = _a.onVoiceFinal,
+    onVoiceError = _a.onVoiceError,
+    statusMessage = _a.statusMessage,
+    errorMessage = _a.errorMessage,
+    _j = _a.label,
+    label = _j === void 0 ? 'Agent input' : _j,
+    dataTestId = _a["data-testid"];
+  var isControlled = value !== undefined;
+  var _k = React.useState(defaultValue),
+    internalValue = _k[0],
+    setInternalValue = _k[1];
+  var _l = React.useState(getInitialState(normalizeTranscript(value !== null && value !== void 0 ? value : defaultValue).length > 0)),
+    machineState = _l[0],
+    setMachineState = _l[1];
+  var _m = React.useState(''),
+    interimTranscript = _m[0],
+    setInterimTranscript = _m[1];
+  var _o = React.useState(false),
+    internalSubmitting = _o[0],
+    setInternalSubmitting = _o[1];
+  var _p = React.useState(undefined),
+    internalErrorMessage = _p[0],
+    setInternalErrorMessage = _p[1];
+  var _q = React.useState(false),
+    voiceSupported = _q[0],
+    setVoiceSupported = _q[1];
+  var _r = React.useState(false),
+    prefersReducedMotion = _r[0],
+    setPrefersReducedMotion = _r[1];
+  var _s = React.useState(0),
+    meterLevel = _s[0],
+    setMeterLevel = _s[1];
+  var recognitionRef = React.useRef(null);
+  var noSpeechTimeoutRef = React.useRef(null);
+  var isStoppingRef = React.useRef(false);
+  var hasSubmittedVoiceFinalRef = React.useRef(false);
+  var audioStreamRef = React.useRef(null);
+  var audioContextRef = React.useRef(null);
+  var meterRafRef = React.useRef(null);
+  var inputId = React.useId();
+  var statusId = "".concat(inputId, "-status");
+  var currentValue = isControlled ? value !== null && value !== void 0 ? value : '' : internalValue;
+  var hasText = normalizeTranscript(currentValue).length > 0;
+  var effectiveSubmitting = isSubmitting !== null && isSubmitting !== void 0 ? isSubmitting : internalSubmitting;
+  var effectiveState = disabled ? 'disabled' : machineState;
+  var isListening = effectiveState === 'listening';
+  var hasVoice = enableVoice && voiceSupported;
+  var updateMachineState = React.useCallback(function (event) {
+    setMachineState(function (previousState) {
+      return agentInputStateTransition(previousState, event);
+    });
+  }, []);
+  var updateValue = React.useCallback(function (nextValue) {
+    if (!isControlled) {
+      setInternalValue(nextValue);
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+  }, [isControlled, onChange]);
+  var clearNoSpeechTimeout = React.useCallback(function () {
+    if (noSpeechTimeoutRef.current) {
+      window.clearTimeout(noSpeechTimeoutRef.current);
+      noSpeechTimeoutRef.current = null;
+    }
+  }, []);
+  var stopMeter = React.useCallback(function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (meterRafRef.current) {
+              window.cancelAnimationFrame(meterRafRef.current);
+              meterRafRef.current = null;
+            }
+            if (audioStreamRef.current) {
+              audioStreamRef.current.getTracks().forEach(function (track) {
+                return track.stop();
+              });
+              audioStreamRef.current = null;
+            }
+            if (!audioContextRef.current) return [3 /*break*/, 2];
+            return [4 /*yield*/, audioContextRef.current.close()];
+          case 1:
+            _a.sent();
+            audioContextRef.current = null;
+            _a.label = 2;
+          case 2:
+            setMeterLevel(0);
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, []);
+  var startMeter = React.useCallback(function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var stream, audioContext, analyser_1, source, data_1, _loop_;
+      var _b;
+      return __generator(this, function (_c) {
+        switch (_c.label) {
+          case 0:
+            if (prefersReducedMotion || !((_b = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _b === void 0 ? void 0 : _b.getUserMedia)) {
+              return [2 /*return*/];
+            }
+            _c.label = 1;
+          case 1:
+            _c.trys.push([1, 3,, 4]);
+            return [4 /*yield*/, navigator.mediaDevices.getUserMedia({
+              audio: true
+            })];
+          case 2:
+            stream = _c.sent();
+            audioContext = new AudioContext();
+            analyser_1 = audioContext.createAnalyser();
+            analyser_1.fftSize = 256;
+            source = audioContext.createMediaStreamSource(stream);
+            source.connect(analyser_1);
+            data_1 = new Uint8Array(analyser_1.frequencyBinCount);
+            audioStreamRef.current = stream;
+            audioContextRef.current = audioContext;
+            _loop_ = function loop_1() {
+              analyser_1.getByteTimeDomainData(data_1);
+              var sum = 0;
+              for (var index = 0; index < data_1.length; index += 1) {
+                var centered = data_1[index] / 128 - 1;
+                sum += centered * centered;
+              }
+              var rms = Math.sqrt(sum / data_1.length);
+              var nextLevel = Math.max(0.05, Math.min(rms * 3, 1));
+              setMeterLevel(nextLevel);
+              meterRafRef.current = window.requestAnimationFrame(_loop_);
+            };
+            meterRafRef.current = window.requestAnimationFrame(_loop_);
+            return [3 /*break*/, 4];
+          case 3:
+            _c.sent();
+            setMeterLevel(0);
+            return [3 /*break*/, 4];
+          case 4:
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [prefersReducedMotion]);
+  var emitVoiceError = React.useCallback(function (code, fallback) {
+    var message = fallback !== null && fallback !== void 0 ? fallback : defaultVoiceErrorMessage(code);
+    setInternalErrorMessage(message);
+    updateMachineState({
+      type: 'VOICE_ERROR'
+    });
+    onVoiceError === null || onVoiceError === void 0 ? void 0 : onVoiceError({
+      code: code,
+      message: message
+    });
+  }, [onVoiceError, updateMachineState]);
+  var submitPayload = React.useCallback(function (rawText, source) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var text;
+      return __generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            text = normalizeTranscript(rawText);
+            if (!text || disabled || effectiveSubmitting) {
+              return [2 /*return*/];
+            }
+            updateMachineState({
+              type: 'SUBMIT'
+            });
+            setInternalErrorMessage(undefined);
+            if (isSubmitting === undefined) {
+              setInternalSubmitting(true);
+            }
+            _b.label = 1;
+          case 1:
+            _b.trys.push([1, 3, 4, 5]);
+            return [4 /*yield*/, onSubmit({
+              text: text,
+              source: source,
+              timestamp: new Date().toISOString()
+            })];
+          case 2:
+            _b.sent();
+            updateMachineState({
+              type: 'SUBMIT_SUCCESS'
+            });
+            setInterimTranscript('');
+            updateValue('');
+            return [3 /*break*/, 5];
+          case 3:
+            _b.sent();
+            updateMachineState({
+              type: 'SUBMIT_ERROR'
+            });
+            if (source === 'voice-final') {
+              updateValue(text);
+            }
+            setInternalErrorMessage('Submission failed. Please try again.');
+            return [3 /*break*/, 5];
+          case 4:
+            if (isSubmitting === undefined) {
+              setInternalSubmitting(false);
+            }
+            return [7 /*endfinally*/];
+          case 5:
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [disabled, effectiveSubmitting, isSubmitting, onSubmit, updateMachineState, updateValue]);
+  var stopListening = React.useCallback(function (emitStopEvent_1) {
+    var args_1 = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+      args_1[_i - 1] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([emitStopEvent_1], args_1, true), void 0, function (emitStopEvent, preserveState) {
+      if (preserveState === void 0) {
+        preserveState = false;
+      }
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            isStoppingRef.current = true;
+            clearNoSpeechTimeout();
+            setInterimTranscript('');
+            if (recognitionRef.current) {
+              try {
+                recognitionRef.current.stop();
+              } catch (_b) {
+                // no-op
+              }
+            }
+            return [4 /*yield*/, stopMeter()];
+          case 1:
+            _a.sent();
+            if (emitStopEvent) {
+              onVoiceStop === null || onVoiceStop === void 0 ? void 0 : onVoiceStop();
+            }
+            if (!preserveState) {
+              updateMachineState({
+                type: 'MIC_STOP',
+                hasText: hasText
+              });
+            }
+            isStoppingRef.current = false;
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [clearNoSpeechTimeout, hasText, onVoiceStop, stopMeter, updateMachineState]);
+  var onNoSpeechTimeout = React.useCallback(function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var message;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            clearNoSpeechTimeout();
+            updateMachineState({
+              type: 'TIMEOUT_NO_SPEECH'
+            });
+            message = defaultVoiceErrorMessage('no-speech');
+            setInternalErrorMessage(message);
+            onVoiceError === null || onVoiceError === void 0 ? void 0 : onVoiceError({
+              code: 'no-speech',
+              message: message
+            });
+            return [4 /*yield*/, stopListening(true, true)];
+          case 1:
+            _a.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [clearNoSpeechTimeout, onVoiceError, stopListening, updateMachineState]);
+  var beginListening = React.useCallback(function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            if (!recognitionRef.current || disabled || effectiveSubmitting) {
+              return [2 /*return*/];
+            }
+            setInternalErrorMessage(undefined);
+            hasSubmittedVoiceFinalRef.current = false;
+            _b.label = 1;
+          case 1:
+            _b.trys.push([1, 3,, 4]);
+            recognitionRef.current.start();
+            updateMachineState({
+              type: 'MIC_START'
+            });
+            onVoiceStart === null || onVoiceStart === void 0 ? void 0 : onVoiceStart();
+            clearNoSpeechTimeout();
+            noSpeechTimeoutRef.current = window.setTimeout(onNoSpeechTimeout, noSpeechTimeoutMs);
+            return [4 /*yield*/, startMeter()];
+          case 2:
+            _b.sent();
+            return [3 /*break*/, 4];
+          case 3:
+            _b.sent();
+            emitVoiceError('unknown');
+            return [3 /*break*/, 4];
+          case 4:
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [clearNoSpeechTimeout, disabled, effectiveSubmitting, emitVoiceError, noSpeechTimeoutMs, onNoSpeechTimeout, onVoiceStart, startMeter, updateMachineState]);
+  React.useEffect(function () {
+    var constructor = detectSpeechRecognitionConstructor(window);
+    setVoiceSupported(Boolean(constructor));
+    if (!enableVoice || !constructor) {
+      return;
+    }
+    var recognition = new constructor();
+    recognition.lang = voiceLanguage;
+    recognition.interimResults = true;
+    recognition.continuous = false;
+    recognition.onresult = function (event) {
+      return __awaiter(void 0, void 0, void 0, function () {
+        var interim, finalText, index, result, normalizedInterim, normalizedFinal;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              clearNoSpeechTimeout();
+              noSpeechTimeoutRef.current = window.setTimeout(onNoSpeechTimeout, noSpeechTimeoutMs);
+              interim = '';
+              finalText = '';
+              for (index = event.resultIndex; index < event.results.length; index += 1) {
+                result = event.results[index];
+                if (!result || !result[0]) continue;
+                if (result.isFinal) {
+                  finalText += " ".concat(result[0].transcript);
+                } else {
+                  interim += " ".concat(result[0].transcript);
+                }
+              }
+              normalizedInterim = normalizeTranscript(interim);
+              setInterimTranscript(normalizedInterim);
+              updateMachineState({
+                type: 'VOICE_INTERIM'
+              });
+              if (normalizedInterim) {
+                onVoiceInterim === null || onVoiceInterim === void 0 ? void 0 : onVoiceInterim(normalizedInterim);
+              }
+              normalizedFinal = normalizeTranscript(finalText);
+              if (!normalizedFinal || hasSubmittedVoiceFinalRef.current) {
+                return [2 /*return*/];
+              }
+              hasSubmittedVoiceFinalRef.current = true;
+              updateMachineState({
+                type: 'VOICE_FINAL'
+              });
+              setInterimTranscript('');
+              onVoiceFinal === null || onVoiceFinal === void 0 ? void 0 : onVoiceFinal(normalizedFinal);
+              return [4 /*yield*/, stopMeter()];
+            case 1:
+              _a.sent();
+              if (!autoSubmitOnVoiceFinal) return [3 /*break*/, 3];
+              return [4 /*yield*/, submitPayload(normalizedFinal, 'voice-final')];
+            case 2:
+              _a.sent();
+              return [3 /*break*/, 4];
+            case 3:
+              updateValue(normalizedFinal);
+              _a.label = 4;
+            case 4:
+              return [2 /*return*/];
+          }
+        });
+      });
+    };
+    recognition.onerror = function (event) {
+      return __awaiter(void 0, void 0, void 0, function () {
+        var mappedCode;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              mappedCode = mapSpeechErrorCode(event.error);
+              emitVoiceError(mappedCode);
+              return [4 /*yield*/, stopListening(true, true)];
+            case 1:
+              _a.sent();
+              return [2 /*return*/];
+          }
+        });
+      });
+    };
+    recognition.onend = function () {
+      return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              if (isStoppingRef.current) return [2 /*return*/];
+              clearNoSpeechTimeout();
+              return [4 /*yield*/, stopMeter()];
+            case 1:
+              _a.sent();
+              if (!hasSubmittedVoiceFinalRef.current) {
+                updateMachineState({
+                  type: 'MIC_STOP',
+                  hasText: hasText
+                });
+              }
+              return [2 /*return*/];
+          }
+        });
+      });
+    };
+    recognitionRef.current = recognition;
+    return function () {
+      var _a;
+      clearNoSpeechTimeout();
+      (_a = recognitionRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+      recognitionRef.current = null;
+      stopMeter();
+    };
+  }, [autoSubmitOnVoiceFinal, clearNoSpeechTimeout, emitVoiceError, enableVoice, hasText, noSpeechTimeoutMs, onNoSpeechTimeout, onVoiceFinal, onVoiceInterim, stopListening, stopMeter, submitPayload, updateMachineState, updateValue, voiceLanguage]);
+  React.useEffect(function () {
+    var mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+    var sync = function sync() {
+      return setPrefersReducedMotion(mediaQuery.matches);
+    };
+    sync();
+    mediaQuery.addEventListener('change', sync);
+    return function () {
+      return mediaQuery.removeEventListener('change', sync);
+    };
+  }, []);
+  React.useEffect(function () {
+    if (effectiveState === 'error' && !internalErrorMessage && !errorMessage) {
+      updateMachineState({
+        type: 'RESET_ERROR',
+        hasText: hasText
+      });
+    }
+  }, [effectiveState, errorMessage, hasText, internalErrorMessage, updateMachineState]);
+  React.useEffect(function () {
+    if (!disabled && (machineState === 'idle' || machineState === 'typing')) {
+      updateMachineState({
+        type: 'INPUT_CHANGE',
+        hasText: hasText
+      });
+    }
+  }, [disabled, hasText, machineState, updateMachineState]);
+  var displayedValue = React.useMemo(function () {
+    if (!interimTranscript) {
+      return currentValue;
+    }
+    return normalizeTranscript([currentValue, interimTranscript].filter(Boolean).join(' '));
+  }, [currentValue, interimTranscript]);
+  var onTextChange = function onTextChange(event) {
+    updateValue(event.target.value);
+    if (effectiveState === 'error') {
+      setInternalErrorMessage(undefined);
+      updateMachineState({
+        type: 'RESET_ERROR',
+        hasText: normalizeTranscript(event.target.value).length > 0
+      });
+    }
+  };
+  var onInputKeyDown = function onInputKeyDown(event) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!(event.key === 'Escape' && isListening)) return [3 /*break*/, 2];
+            event.preventDefault();
+            return [4 /*yield*/, stopListening(true)];
+          case 1:
+            _a.sent();
+            return [2 /*return*/];
+          case 2:
+            if (!(event.key === 'Enter')) return [3 /*break*/, 4];
+            event.preventDefault();
+            return [4 /*yield*/, submitPayload(currentValue, 'text')];
+          case 3:
+            _a.sent();
+            _a.label = 4;
+          case 4:
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+  var onMicToggle = function onMicToggle() {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!hasVoice) return [2 /*return*/];
+            if (!isListening) return [3 /*break*/, 2];
+            return [4 /*yield*/, stopListening(true)];
+          case 1:
+            _a.sent();
+            return [2 /*return*/];
+          case 2:
+            return [4 /*yield*/, beginListening()];
+          case 3:
+            _a.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+  var statusByState = {
+    idle: statusMessage || DEFAULT_IDLE_HELPER,
+    typing: statusMessage || DEFAULT_IDLE_HELPER,
+    listening: statusMessage || DEFAULT_LISTENING_MESSAGE,
+    processingFinalTranscript: statusMessage || DEFAULT_PROCESSING_MESSAGE,
+    submitting: statusMessage || 'Submitting…',
+    error: errorMessage || internalErrorMessage || 'Voice input failed. Try again.',
+    disabled: statusMessage || DEFAULT_IDLE_HELPER
+  };
+  var unsupportedMessage = defaultVoiceErrorMessage('not-supported');
+  var shouldShowUnsupported = enableVoice && !hasVoice;
+  var resolvedStatus = shouldShowUnsupported ? unsupportedMessage : statusByState[effectiveState];
+  var isStatusError = effectiveState === 'error' || shouldShowUnsupported;
+  var meterBars = createMeterBars(meterLevel);
+  var sendDisabled = disabled || effectiveSubmitting || normalizeTranscript(currentValue).length === 0;
+  return jsxRuntime.jsxs(Container, {
+    "data-testid": dataTestId,
+    children: [jsxRuntime.jsx(VisuallyHiddenLabel, {
+      htmlFor: inputId,
+      children: label
+    }), jsxRuntime.jsx(ControlsRow, {
+      children: jsxRuntime.jsx(InputWrapper, {
+        children: jsxRuntime.jsxs(InputShell, {
+          "data-disabled": disabled || effectiveSubmitting,
+          children: [jsxRuntime.jsx(Input, {
+            id: inputId,
+            type: "text",
+            "aria-label": label,
+            value: displayedValue,
+            onChange: onTextChange,
+            onKeyDown: onInputKeyDown,
+            placeholder: placeholder,
+            disabled: disabled || effectiveSubmitting,
+            readOnly: isListening,
+            "aria-describedby": statusId
+          }), jsxRuntime.jsxs(InputActions, {
+            children: [hasVoice && jsxRuntime.jsx(MicButtonWrapper, {
+              "$isListening": isListening,
+              "$reducedMotion": prefersReducedMotion,
+              children: jsxRuntime.jsx(CircularActionIconButton, {
+                variant: "naked",
+                size: "medium",
+                iconName: 'mic',
+                onClick: onMicToggle,
+                "aria-pressed": isListening,
+                "aria-label": isListening ? 'Stop voice input' : 'Start voice input',
+                disabled: disabled || effectiveSubmitting,
+                type: "button"
+              })
+            }), jsxRuntime.jsx(CircularActionIconButton, {
+              variant: "secondary",
+              size: "medium",
+              iconName: "directionUp",
+              onClick: function onClick() {
+                return submitPayload(currentValue, 'text');
+              },
+              disabled: sendDisabled,
+              "aria-label": "Send message",
+              type: "button"
+            })]
+          })]
+        })
+      })
+    }), jsxRuntime.jsxs(StatusRow, {
+      children: [jsxRuntime.jsx(StatusText, {
+        "$isError": isStatusError,
+        children: jsxRuntime.jsx(StatusAnnouncement, {
+          id: statusId,
+          role: "status",
+          "aria-live": "polite",
+          "aria-atomic": "true",
+          children: jsxRuntime.jsx(Typography, {
+            variant: "small",
+            children: resolvedStatus
+          })
+        })
+      }), isListening && !prefersReducedMotion && jsxRuntime.jsx(MeterContainer, {
+        "aria-hidden": "true",
+        children: meterBars.map(function (barHeight, index) {
+          return jsxRuntime.jsx(MeterBar, {
+            "$height": barHeight
+          }, "meter-".concat(index));
+        })
+      })]
+    })]
+  });
+};
+var templateObject_1$o, templateObject_2$j, templateObject_3$h, templateObject_4$e, templateObject_5$a, templateObject_6$8, templateObject_7$6, templateObject_8$4, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16$1;
 
 var semantic$9 = tokensData.semantic,
   base$7 = tokensData.base;
@@ -4065,7 +5367,7 @@ var isInternalUrl = function isInternalUrl(url) {
 var Breadcrumbs = function Breadcrumbs(_a) {
   var breadcrumbs = _a.breadcrumbs,
     LinkComponent = _a.linkComponent;
-  return jsxRuntime.jsx(Container, {
+  return jsxRuntime.jsx(Container$1, {
     children: jsxRuntime.jsx(BreadcrumbNavStyled, {
       "aria-label": "breadcrumb",
       children: jsxRuntime.jsx("ol", {
@@ -7380,6 +8682,7 @@ var tokens = tokensData;
 
 exports.AccountCard = AccountCard;
 exports.ActionSheet = ActionSheet;
+exports.AgentInput = AgentInput;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
@@ -7394,7 +8697,7 @@ exports.Checkbox = Checkbox;
 exports.Chip = Chip;
 exports.ChipGroup = ChipGroup;
 exports.CodeBlock = CodeBlock;
-exports.Container = Container;
+exports.Container = Container$1;
 exports.DateFormatter = DateFormatter;
 exports.DateGroup = DateGroup;
 exports.Divider = Divider;