@7shifts/sous-chef 4.7.1 → 4.8.0

package/dist/index.js

@@ -349,7 +349,7 @@ var kebabize = function kebabize(str) {
   });
 };
 
-var _excluded$en = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
+var _excluded$er = ["m", "margin", "mt", "marginTop", "mr", "marginRight", "mb", "marginBottom", "ml", "marginLeft"];
 var getPositionProps = function getPositionProps(_ref) {
   var m = _ref.m,
     margin = _ref.margin,
@@ -361,7 +361,7 @@ var getPositionProps = function getPositionProps(_ref) {
     marginBottom = _ref.marginBottom,
     ml = _ref.ml,
     marginLeft = _ref.marginLeft,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$en);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$er);
   return {
     positionProps: {
       m: m,
@@ -395,7 +395,7 @@ var getDataProps = function getDataProps(props, config) {
   });
 };
 
-var _excluded$em = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
+var _excluded$eq = ["children", "space", "flex", "alignItems", "justifyContent", "inlineFlex", "direction", "flexItems", "flexWrap", "flexGrow", "testId", "extraClass"];
 /**
  * Flex is a internal component used by Stack and Inline. DON'T use this component outside of Sous Chef
  */
@@ -420,7 +420,7 @@ var Flex = function Flex(_ref) {
     flexGrow = _ref.flexGrow,
     testId = _ref.testId,
     extraClass = _ref.extraClass,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$em);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$eq);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -451,14 +451,14 @@ var Flex = function Flex(_ref) {
   }));
 };
 
-var _excluded$el = ["alignItems"];
+var _excluded$ep = ["alignItems"];
 /**
  * Layout component to easily stack elements up in a column.
  */
 var Stack = function Stack(_ref) {
   var _ref$alignItems = _ref.alignItems,
     alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$el);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ep);
   return React__namespace.createElement(Flex, _extends({}, props, {
     alignItems: alignItems,
     direction: "column"
@@ -467,7 +467,7 @@ var Stack = function Stack(_ref) {
 
 var styles$1H = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
-var _excluded$ek = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
+var _excluded$eo = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *
@@ -482,7 +482,7 @@ var Toggle = function Toggle(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     id = _ref.id,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$ek);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$eo);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default["default"].createElement(Stack, {
@@ -953,6 +953,9 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
     ref: containerRef
   }), children, overlayElement);
 };
+/**
+ * Tooltip is a small, non-interactive label that appears on hover to provide a brief explanation. It is the lightest overlay in the system — low interruption, no interaction, disappears when the user moves away. Its job is to add micro-clarity: explaining an icon, defining an abbreviation, or surfacing supplementary detail without cluttering the UI.
+ */
 var Tooltip = React.forwardRef(TooltipElement);
 var isTooltipCompatible = function isTooltipCompatible(element) {
   return React__default["default"].isValidElement(element) && typeof element.type === 'string';
@@ -1011,7 +1014,7 @@ var COMPONENT_NAMES = {
   BUTTON: 'BUTTON'
 };
 
-var _excluded$ej = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
+var _excluded$en = ["children", "type", "theme", "disabled", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "id", "loading", "title", "href", "target", "testId", "size"],
   _excluded2 = ["id", "onClick", "onMouseEnter", "onMouseLeave", "onBlur", "onFocus", "onKeyDown", "className", "type", "disabled", "href", "target", "children", "position", "dataProps"];
 var ButtonComponent = function ButtonComponent(_ref, ref) {
   var _classnames;
@@ -1036,7 +1039,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
     target = _ref$target === void 0 ? BUTTON_TARGETS.SELF : _ref$target,
     testId = _ref.testId,
     size = _ref.size,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$en);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -1160,7 +1163,7 @@ var useIsInsideComponent = function useIsInsideComponent(parentComponentName) {
   return componentName === parentComponentName;
 };
 
-var _excluded$ei = ["testId", "size", "color", "style", "variant"];
+var _excluded$em = ["testId", "size", "color", "style", "variant"];
 var IconArrowDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down' : _ref$testId,
@@ -1169,7 +1172,7 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ei);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$em);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1207,7 +1210,7 @@ var IconArrowDown = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDown.displayName = 'IconArrowDown';
 
-var _excluded$eh = ["testId", "size", "color", "style", "variant"];
+var _excluded$el = ["testId", "size", "color", "style", "variant"];
 var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-down-wide-short' : _ref$testId,
@@ -1216,7 +1219,7 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eh);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$el);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1252,7 +1255,7 @@ var IconArrowDownWideShort = React.forwardRef(function (_ref, ref) {
 });
 IconArrowDownWideShort.displayName = 'IconArrowDownWideShort';
 
-var _excluded$eg = ["testId", "size", "color", "style", "variant"];
+var _excluded$ek = ["testId", "size", "color", "style", "variant"];
 var IconArrowLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-left' : _ref$testId,
@@ -1261,7 +1264,7 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ek);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1299,7 +1302,52 @@ var IconArrowLeft = React.forwardRef(function (_ref, ref) {
 });
 IconArrowLeft.displayName = 'IconArrowLeft';
 
-var _excluded$ef = ["testId", "size", "color", "style", "variant"];
+var _excluded$ej = ["testId", "size", "color", "style", "variant"];
+var IconArrowLeftRight = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-arrow-left-right' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ej);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  if (variant === 'solid') {
+    return React__default["default"].createElement("svg", _extends({
+      style: getIconStyles(styleProps),
+      "data-testid": testId,
+      ref: ref
+    }, props, {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24"
+    }), React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "m19.61 16.945 4-4c.52-.52.52-1.366 0-1.887l-4-3.999a1.335 1.335 0 0 0-1.887 1.887l1.725 1.725H4.554l1.724-1.725A1.335 1.335 0 0 0 4.391 7.06l-4 4a1.331 1.331 0 0 0 0 1.883l4 3.999a1.335 1.335 0 0 0 1.887-1.887l-1.724-1.725h14.894l-1.725 1.725a1.335 1.335 0 0 0 1.887 1.887v.004Z"
+    }));
+  }
+  return React__default["default"].createElement("svg", _extends({
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }), React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "m19.138 17.139 4.668-4.668a.67.67 0 0 0 0-.942l-4.668-4.668a.67.67 0 0 0-.942 0 .67.67 0 0 0 0 .942l3.53 3.53H2.277l3.53-3.53a.67.67 0 0 0 0-.942.67.67 0 0 0-.942 0L.196 11.53A.67.67 0 0 0 0 12c0 .175.07.346.196.471l4.668 4.668a.67.67 0 0 0 .942 0 .67.67 0 0 0 0-.942l-3.53-3.53h19.45l-3.53 3.53a.67.67 0 0 0 0 .942.67.67 0 0 0 .942 0Z"
+  }));
+});
+IconArrowLeftRight.displayName = 'IconArrowLeftRight';
+
+var _excluded$ei = ["testId", "size", "color", "style", "variant"];
 var IconArrowRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-right' : _ref$testId,
@@ -1308,7 +1356,7 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ef);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ei);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1346,7 +1394,7 @@ var IconArrowRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowRight.displayName = 'IconArrowRight';
 
-var _excluded$ee = ["testId", "size", "color", "style", "variant"];
+var _excluded$eh = ["testId", "size", "color", "style", "variant"];
 var IconArrowToTop = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-to-top' : _ref$testId,
@@ -1355,7 +1403,7 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ee);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eh);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1391,7 +1439,7 @@ var IconArrowToTop = React.forwardRef(function (_ref, ref) {
 });
 IconArrowToTop.displayName = 'IconArrowToTop';
 
-var _excluded$ed = ["testId", "size", "color", "style", "variant"];
+var _excluded$eg = ["testId", "size", "color", "style", "variant"];
 var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-turn-down-right' : _ref$testId,
@@ -1400,7 +1448,7 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ed);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1451,7 +1499,7 @@ var IconArrowTurnDownRight = React.forwardRef(function (_ref, ref) {
 });
 IconArrowTurnDownRight.displayName = 'IconArrowTurnDownRight';
 
-var _excluded$ec = ["testId", "size", "color", "style", "variant"];
+var _excluded$ef = ["testId", "size", "color", "style", "variant"];
 var IconArrowUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-arrow-up' : _ref$testId,
@@ -1460,7 +1508,7 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ec);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ef);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1498,7 +1546,7 @@ var IconArrowUp = React.forwardRef(function (_ref, ref) {
 });
 IconArrowUp.displayName = 'IconArrowUp';
 
-var _excluded$eb = ["testId", "size", "color", "style", "variant"];
+var _excluded$ee = ["testId", "size", "color", "style", "variant"];
 var IconChevronDown = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-down' : _ref$testId,
@@ -1507,7 +1555,7 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$eb);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ee);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1545,7 +1593,7 @@ var IconChevronDown = React.forwardRef(function (_ref, ref) {
 });
 IconChevronDown.displayName = 'IconChevronDown';
 
-var _excluded$ea = ["testId", "size", "color", "style", "variant"];
+var _excluded$ed = ["testId", "size", "color", "style", "variant"];
 var IconChevronLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-left' : _ref$testId,
@@ -1554,7 +1602,7 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ea);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ed);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1592,7 +1640,7 @@ var IconChevronLeft = React.forwardRef(function (_ref, ref) {
 });
 IconChevronLeft.displayName = 'IconChevronLeft';
 
-var _excluded$e9 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ec = ["testId", "size", "color", "style", "variant"];
 var IconChevronRight = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-right' : _ref$testId,
@@ -1601,7 +1649,7 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ec);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1639,7 +1687,7 @@ var IconChevronRight = React.forwardRef(function (_ref, ref) {
 });
 IconChevronRight.displayName = 'IconChevronRight';
 
-var _excluded$e8 = ["testId", "size", "color", "style", "variant"];
+var _excluded$eb = ["testId", "size", "color", "style", "variant"];
 var IconChevronUp = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chevron-up' : _ref$testId,
@@ -1648,7 +1696,7 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$eb);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1686,7 +1734,7 @@ var IconChevronUp = React.forwardRef(function (_ref, ref) {
 });
 IconChevronUp.displayName = 'IconChevronUp';
 
-var _excluded$e7 = ["testId", "size", "color", "style", "variant"];
+var _excluded$ea = ["testId", "size", "color", "style", "variant"];
 var IconExpand = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-expand' : _ref$testId,
@@ -1695,7 +1743,7 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ea);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1731,7 +1779,7 @@ var IconExpand = React.forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$e6 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e9 = ["testId", "size", "color", "style", "variant"];
 var IconRepeat = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-repeat' : _ref$testId,
@@ -1740,7 +1788,7 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e9);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1776,7 +1824,7 @@ var IconRepeat = React.forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$e5 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e8 = ["testId", "size", "color", "style", "variant"];
 var IconReply = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-reply' : _ref$testId,
@@ -1785,7 +1833,7 @@ var IconReply = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e8);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1828,7 +1876,7 @@ var IconReply = React.forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$e4 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e7 = ["testId", "size", "color", "style", "variant"];
 var IconSort = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort' : _ref$testId,
@@ -1837,7 +1885,7 @@ var IconSort = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e7);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1873,7 +1921,7 @@ var IconSort = React.forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$e3 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e6 = ["testId", "size", "color", "style", "variant"];
 var IconSync = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync' : _ref$testId,
@@ -1882,7 +1930,7 @@ var IconSync = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e6);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1932,7 +1980,7 @@ var IconSync = React.forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$e2 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e5 = ["testId", "size", "color", "style", "variant"];
 var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync-exclamation' : _ref$testId,
@@ -1941,7 +1989,7 @@ var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e5);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -1993,7 +2041,7 @@ var IconSyncExclamation = React.forwardRef(function (_ref, ref) {
 });
 IconSyncExclamation.displayName = 'IconSyncExclamation';
 
-var _excluded$e1 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e4 = ["testId", "size", "color", "style", "variant"];
 var IconUndo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-undo' : _ref$testId,
@@ -2002,7 +2050,7 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e1);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e4);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2052,7 +2100,7 @@ var IconUndo = React.forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$e0 = ["testId", "size", "color", "style", "variant"];
+var _excluded$e3 = ["testId", "size", "color", "style", "variant"];
 var IconAnalytics = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-analytics' : _ref$testId,
@@ -2061,7 +2109,7 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e0);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e3);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2099,7 +2147,7 @@ var IconAnalytics = React.forwardRef(function (_ref, ref) {
 });
 IconAnalytics.displayName = 'IconAnalytics';
 
-var _excluded$d$ = ["testId", "size", "color", "style", "variant"];
+var _excluded$e2 = ["testId", "size", "color", "style", "variant"];
 var IconBalanceScale = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale' : _ref$testId,
@@ -2108,7 +2156,7 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e2);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2151,7 +2199,7 @@ var IconBalanceScale = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScale.displayName = 'IconBalanceScale';
 
-var _excluded$d_ = ["testId", "size", "color", "style", "variant"];
+var _excluded$e1 = ["testId", "size", "color", "style", "variant"];
 var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-balance-scale-left' : _ref$testId,
@@ -2160,7 +2208,7 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e1);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2203,7 +2251,7 @@ var IconBalanceScaleLeft = React.forwardRef(function (_ref, ref) {
 });
 IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
 
-var _excluded$dZ = ["testId", "size", "color", "style", "variant"];
+var _excluded$e0 = ["testId", "size", "color", "style", "variant"];
 var IconBarsV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-v' : _ref$testId,
@@ -2212,7 +2260,7 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dZ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e0);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2248,7 +2296,7 @@ var IconBarsV = React.forwardRef(function (_ref, ref) {
 });
 IconBarsV.displayName = 'IconBarsV';
 
-var _excluded$dY = ["testId", "size", "color", "style", "variant"];
+var _excluded$d$ = ["testId", "size", "color", "style", "variant"];
 var IconBook = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-book' : _ref$testId,
@@ -2257,7 +2305,7 @@ var IconBook = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dY);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2293,7 +2341,7 @@ var IconBook = React.forwardRef(function (_ref, ref) {
 });
 IconBook.displayName = 'IconBook';
 
-var _excluded$dX = ["testId", "size", "color", "style", "variant"];
+var _excluded$d_ = ["testId", "size", "color", "style", "variant"];
 var IconCalculator = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-calculator' : _ref$testId,
@@ -2302,7 +2350,7 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dX);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2340,7 +2388,7 @@ var IconCalculator = React.forwardRef(function (_ref, ref) {
 });
 IconCalculator.displayName = 'IconCalculator';
 
-var _excluded$dW = ["testId", "size", "color", "style", "variant"];
+var _excluded$dZ = ["testId", "size", "color", "style", "variant"];
 var IconCashRegister = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cash-register' : _ref$testId,
@@ -2349,7 +2397,7 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dW);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dZ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2399,7 +2447,7 @@ var IconCashRegister = React.forwardRef(function (_ref, ref) {
 });
 IconCashRegister.displayName = 'IconCashRegister';
 
-var _excluded$dV = ["testId", "size", "color", "style", "variant"];
+var _excluded$dY = ["testId", "size", "color", "style", "variant"];
 var IconChartBar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-chart-bar' : _ref$testId,
@@ -2408,7 +2456,7 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dV);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dY);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2446,7 +2494,7 @@ var IconChartBar = React.forwardRef(function (_ref, ref) {
 });
 IconChartBar.displayName = 'IconChartBar';
 
-var _excluded$dU = ["testId", "size", "color", "style", "variant"];
+var _excluded$dX = ["testId", "size", "color", "style", "variant"];
 var IconCreditCard = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card' : _ref$testId,
@@ -2455,7 +2503,7 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dU);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dX);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2491,7 +2539,7 @@ var IconCreditCard = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$dT = ["testId", "size", "color", "style", "variant"];
+var _excluded$dW = ["testId", "size", "color", "style", "variant"];
 var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card-plus' : _ref$testId,
@@ -2500,7 +2548,7 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dT);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dW);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2556,7 +2604,7 @@ var IconCreditCardPlus = React.forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$dS = ["testId", "size", "color", "style", "variant"];
+var _excluded$dV = ["testId", "size", "color", "style", "variant"];
 var IconDollarSign = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-dollar-sign' : _ref$testId,
@@ -2565,7 +2613,7 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dS);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dV);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2601,7 +2649,7 @@ var IconDollarSign = React.forwardRef(function (_ref, ref) {
 });
 IconDollarSign.displayName = 'IconDollarSign';
 
-var _excluded$dR = ["testId", "size", "color", "style", "variant"];
+var _excluded$dU = ["testId", "size", "color", "style", "variant"];
 var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope-open-dollar' : _ref$testId,
@@ -2610,7 +2658,7 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dR);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dU);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2660,7 +2708,7 @@ var IconEnvelopeOpenDollar = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$dQ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dT = ["testId", "size", "color", "style", "variant"];
 var IconGanttChart = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gantt-chart' : _ref$testId,
@@ -2669,7 +2717,7 @@ var IconGanttChart = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dQ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dT);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2705,7 +2753,7 @@ var IconGanttChart = React.forwardRef(function (_ref, ref) {
 });
 IconGanttChart.displayName = 'IconGanttChart';
 
-var _excluded$dP = ["testId", "size", "color", "style", "variant"];
+var _excluded$dS = ["testId", "size", "color", "style", "variant"];
 var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-holding-coin' : _ref$testId,
@@ -2714,7 +2762,7 @@ var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dP);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dS);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2764,7 +2812,7 @@ var IconHandHoldingCoin = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingCoin.displayName = 'IconHandHoldingCoin';
 
-var _excluded$dO = ["testId", "size", "color", "style", "variant"];
+var _excluded$dR = ["testId", "size", "color", "style", "variant"];
 var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hand-holding-dollar' : _ref$testId,
@@ -2773,7 +2821,7 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dO);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dR);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2823,7 +2871,7 @@ var IconHandHoldingDollar = React.forwardRef(function (_ref, ref) {
 });
 IconHandHoldingDollar.displayName = 'IconHandHoldingDollar';
 
-var _excluded$dN = ["testId", "size", "color", "style", "variant"];
+var _excluded$dQ = ["testId", "size", "color", "style", "variant"];
 var IconMoneyBill = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-money-bill' : _ref$testId,
@@ -2832,7 +2880,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dN);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dQ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2868,7 +2916,7 @@ var IconMoneyBill = React.forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$dM = ["testId", "size", "color", "style", "variant"];
+var _excluded$dP = ["testId", "size", "color", "style", "variant"];
 var IconPercentage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-percentage' : _ref$testId,
@@ -2877,7 +2925,7 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dM);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dP);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2913,7 +2961,7 @@ var IconPercentage = React.forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$dL = ["testId", "size", "color", "style", "variant"];
+var _excluded$dO = ["testId", "size", "color", "style", "variant"];
 var IconSitemap = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sitemap' : _ref$testId,
@@ -2922,7 +2970,7 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dL);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dO);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2958,7 +3006,7 @@ var IconSitemap = React.forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$dK = ["testId", "size", "color", "style", "variant"];
+var _excluded$dN = ["testId", "size", "color", "style", "variant"];
 var IconTable = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-table' : _ref$testId,
@@ -2967,7 +3015,7 @@ var IconTable = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dK);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dN);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3003,7 +3051,7 @@ var IconTable = React.forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$dJ = ["testId", "size", "color", "style", "variant"];
+var _excluded$dM = ["testId", "size", "color", "style", "variant"];
 var IconBell = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bell' : _ref$testId,
@@ -3012,7 +3060,7 @@ var IconBell = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dJ);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dM);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3048,7 +3096,7 @@ var IconBell = React.forwardRef(function (_ref, ref) {
 });
 IconBell.displayName = 'IconBell';
 
-var _excluded$dI = ["testId", "size", "color", "style", "variant"];
+var _excluded$dL = ["testId", "size", "color", "style", "variant"];
 var IconBullhorn = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bullhorn' : _ref$testId,
@@ -3057,7 +3105,7 @@ var IconBullhorn = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dI);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dL);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3093,7 +3141,7 @@ var IconBullhorn = React.forwardRef(function (_ref, ref) {
 });
 IconBullhorn.displayName = 'IconBullhorn';
 
-var _excluded$dH = ["testId", "size", "color", "style", "variant"];
+var _excluded$dK = ["testId", "size", "color", "style", "variant"];
 var IconCamera = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera' : _ref$testId,
@@ -3102,7 +3150,7 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dH);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dK);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3138,7 +3186,7 @@ var IconCamera = React.forwardRef(function (_ref, ref) {
 });
 IconCamera.displayName = 'IconCamera';
 
-var _excluded$dG = ["testId", "size", "color", "style", "variant"];
+var _excluded$dJ = ["testId", "size", "color", "style", "variant"];
 var IconCameraSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-camera-slash' : _ref$testId,
@@ -3147,7 +3195,7 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dG);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dJ);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3183,7 +3231,7 @@ var IconCameraSlash = React.forwardRef(function (_ref, ref) {
 });
 IconCameraSlash.displayName = 'IconCameraSlash';
 
-var _excluded$dF = ["testId", "size", "color", "style", "variant"];
+var _excluded$dI = ["testId", "size", "color", "style", "variant"];
 var IconComment = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment' : _ref$testId,
@@ -3192,7 +3240,7 @@ var IconComment = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dF);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dI);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3228,7 +3276,7 @@ var IconComment = React.forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$dE = ["testId", "size", "color", "style", "variant"];
+var _excluded$dH = ["testId", "size", "color", "style", "variant"];
 var IconCommentLines = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment-lines' : _ref$testId,
@@ -3237,7 +3285,7 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dE);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dH);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3273,7 +3321,7 @@ var IconCommentLines = React.forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$dD = ["testId", "size", "color", "style", "variant"];
+var _excluded$dG = ["testId", "size", "color", "style", "variant"];
 var IconEnvelope = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope' : _ref$testId,
@@ -3282,7 +3330,7 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dD);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dG);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3318,7 +3366,52 @@ var IconEnvelope = React.forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$dC = ["testId", "size", "color", "style", "variant"];
+var _excluded$dF = ["testId", "size", "color", "style", "variant"];
+var IconLanguage = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-language' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dF);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  if (variant === 'solid') {
+    return React__default["default"].createElement("svg", _extends({
+      style: getIconStyles(styleProps),
+      "data-testid": testId,
+      ref: ref
+    }, props, {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 20 20"
+    }), React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M5.556 1.11a1.11 1.11 0 0 1 1.11 1.112v1.111h4.446a1.11 1.11 0 1 1 0 2.222h-.334l-.291.803a13.339 13.339 0 0 1-2.508 4.236c.494.305 1.007.576 1.542.816l1.75.778 2.16-4.862a1.107 1.107 0 0 1 2.028 0l4.445 10a1.108 1.108 0 0 1-.563 1.466 1.112 1.112 0 0 1-1.465-.562l-.695-1.563h-5.469l-.694 1.563a1.11 1.11 0 0 1-2.028-.903l1.382-3.108-1.75-.778a14.942 14.942 0 0 1-2.285-1.264 13.433 13.433 0 0 1-2.413 1.552l-1.205.598a1.11 1.11 0 1 1-.993-1.986l1.198-.601a11.684 11.684 0 0 0 1.61-.983c-.478-.44-.93-.917-1.35-1.42l-.35-.424A1.112 1.112 0 0 1 4.541 7.49l.354.423c.4.483.837.93 1.299 1.344A11.126 11.126 0 0 0 8.4 5.597l.017-.042H1.115a1.11 1.11 0 1 1-.004-2.222h3.334V2.222a1.11 1.11 0 0 1 1.11-1.111Zm8.89 9.404-1.748 3.93h3.494l-1.747-3.93Z"
+    }));
+  }
+  return React__default["default"].createElement("svg", _extends({
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }), React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M4.997 1.107c.306 0 .556.25.556.556V4.44h6.112c.306 0 .556.25.556.556 0 .305-.25.555-.556.555h-.743l-.545 1.271a12.791 12.791 0 0 1-3.358 4.609c.486.33 1 .628 1.535.885h.003l2.452 1.185 2.928-6.509a.558.558 0 0 1 1.014 0l5 11.113a.56.56 0 0 1-.277.737.558.558 0 0 1-.737-.278l-1.354-3.008h-6.282l-1.355 3.008a.553.553 0 0 1-.736.278.554.554 0 0 1-.278-.736l1.615-3.591-2.48-1.195c-.69-.33-1.35-.722-1.965-1.167-.615.445-1.271.834-1.966 1.167l-2.233 1.066a.556.556 0 0 1-.74-.26.557.557 0 0 1 .26-.74l2.24-1.073a11.37 11.37 0 0 0 1.536-.886 12.774 12.774 0 0 1-2.754-3.382.557.557 0 0 1 .969-.546 11.605 11.605 0 0 0 2.695 3.24c1.4-1.17 2.518-2.66 3.247-4.358l.358-.833H.556A.557.557 0 0 1 0 4.993c0-.306.247-.552.552-.552h3.89V1.663c0-.306.25-.556.555-.556Zm12.09 13.336-2.643-5.87-2.64 5.87h5.282Z"
+  }));
+});
+IconLanguage.displayName = 'IconLanguage';
+
+var _excluded$dE = ["testId", "size", "color", "style", "variant"];
 var IconMessages = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-messages' : _ref$testId,
@@ -3327,7 +3420,7 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dC);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dE);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3363,7 +3456,7 @@ var IconMessages = React.forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$dB = ["testId", "size", "color", "style", "variant"];
+var _excluded$dD = ["testId", "size", "color", "style", "variant"];
 var IconMicrophone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-microphone' : _ref$testId,
@@ -3372,7 +3465,7 @@ var IconMicrophone = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dB);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dD);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3422,7 +3515,7 @@ var IconMicrophone = React.forwardRef(function (_ref, ref) {
 });
 IconMicrophone.displayName = 'IconMicrophone';
 
-var _excluded$dA = ["testId", "size", "color", "style", "variant"];
+var _excluded$dC = ["testId", "size", "color", "style", "variant"];
 var IconMobile = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-mobile' : _ref$testId,
@@ -3431,7 +3524,7 @@ var IconMobile = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dA);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dC);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3467,7 +3560,7 @@ var IconMobile = React.forwardRef(function (_ref, ref) {
 });
 IconMobile.displayName = 'IconMobile';
 
-var _excluded$dz = ["testId", "size", "color", "style", "variant"];
+var _excluded$dB = ["testId", "size", "color", "style", "variant"];
 var IconPhone = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-phone' : _ref$testId,
@@ -3476,7 +3569,7 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dz);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dB);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3512,7 +3605,7 @@ var IconPhone = React.forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$dy = ["testId", "size", "color", "style", "variant"];
+var _excluded$dA = ["testId", "size", "color", "style", "variant"];
 var IconVideo = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-video' : _ref$testId,
@@ -3521,7 +3614,7 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dy);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dA);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3564,7 +3657,7 @@ var IconVideo = React.forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$dx = ["testId", "size", "color", "style", "variant"];
+var _excluded$dz = ["testId", "size", "color", "style", "variant"];
 var IconWifi = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wifi' : _ref$testId,
@@ -3573,7 +3666,7 @@ var IconWifi = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dx);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dz);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3609,7 +3702,7 @@ var IconWifi = React.forwardRef(function (_ref, ref) {
 });
 IconWifi.displayName = 'IconWifi';
 
-var _excluded$dw = ["testId", "size", "color", "style", "variant"];
+var _excluded$dy = ["testId", "size", "color", "style", "variant"];
 var IconWifiSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wifi-slash' : _ref$testId,
@@ -3618,7 +3711,7 @@ var IconWifiSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dw);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dy);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3654,7 +3747,7 @@ var IconWifiSlash = React.forwardRef(function (_ref, ref) {
 });
 IconWifiSlash.displayName = 'IconWifiSlash';
 
-var _excluded$dv = ["testId", "size", "color", "style", "variant"];
+var _excluded$dx = ["testId", "size", "color", "style", "variant"];
 var IconBarsH = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bars-h' : _ref$testId,
@@ -3663,7 +3756,7 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dv);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dx);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3701,7 +3794,7 @@ var IconBarsH = React.forwardRef(function (_ref, ref) {
 });
 IconBarsH.displayName = 'IconBarsH';
 
-var _excluded$du = ["testId", "size", "color", "style", "variant"];
+var _excluded$dw = ["testId", "size", "color", "style", "variant"];
 var IconBold = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-bold' : _ref$testId,
@@ -3710,7 +3803,7 @@ var IconBold = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$du);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dw);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3746,7 +3839,7 @@ var IconBold = React.forwardRef(function (_ref, ref) {
 });
 IconBold.displayName = 'IconBold';
 
-var _excluded$dt = ["testId", "size", "color", "style", "variant"];
+var _excluded$dv = ["testId", "size", "color", "style", "variant"];
 var IconCheckCircle = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-check-circle' : _ref$testId,
@@ -3755,7 +3848,7 @@ var IconCheckCircle = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dt);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dv);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3791,7 +3884,7 @@ var IconCheckCircle = React.forwardRef(function (_ref, ref) {
 });
 IconCheckCircle.displayName = 'IconCheckCircle';
 
-var _excluded$ds = ["testId", "size", "color", "style", "variant"];
+var _excluded$du = ["testId", "size", "color", "style", "variant"];
 var IconCog = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cog' : _ref$testId,
@@ -3800,7 +3893,7 @@ var IconCog = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$ds);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$du);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3850,7 +3943,7 @@ var IconCog = React.forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$dr = ["testId", "size", "color", "style", "variant"];
+var _excluded$dt = ["testId", "size", "color", "style", "variant"];
 var IconCopy = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-copy' : _ref$testId,
@@ -3859,7 +3952,7 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dr);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dt);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3909,7 +4002,7 @@ var IconCopy = React.forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$dq = ["testId", "size", "color", "style", "variant"];
+var _excluded$ds = ["testId", "size", "color", "style", "variant"];
 var IconEdit = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-edit' : _ref$testId,
@@ -3918,7 +4011,7 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dq);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$ds);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3954,7 +4047,7 @@ var IconEdit = React.forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$dp = ["testId", "size", "color", "style", "variant"];
+var _excluded$dr = ["testId", "size", "color", "style", "variant"];
 var IconEllipsis = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis' : _ref$testId,
@@ -3963,7 +4056,7 @@ var IconEllipsis = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dp);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dr);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4001,7 +4094,7 @@ var IconEllipsis = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsis.displayName = 'IconEllipsis';
 
-var _excluded$do = ["testId", "size", "color", "style", "variant"];
+var _excluded$dq = ["testId", "size", "color", "style", "variant"];
 var IconEllipsisV = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis-v' : _ref$testId,
@@ -4010,7 +4103,7 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$do);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dq);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4048,7 +4141,7 @@ var IconEllipsisV = React.forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$dn = ["testId", "size", "color", "style", "variant"];
+var _excluded$dp = ["testId", "size", "color", "style", "variant"];
 var IconExternalLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-external-link' : _ref$testId,
@@ -4057,7 +4150,7 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dn);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dp);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4095,7 +4188,7 @@ var IconExternalLink = React.forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$dm = ["testId", "size", "color", "style", "variant"];
+var _excluded$do = ["testId", "size", "color", "style", "variant"];
 var IconEye = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye' : _ref$testId,
@@ -4104,7 +4197,7 @@ var IconEye = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dm);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$do);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4140,7 +4233,7 @@ var IconEye = React.forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$dl = ["testId", "size", "color", "style", "variant"];
+var _excluded$dn = ["testId", "size", "color", "style", "variant"];
 var IconEyeSlash = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye-slash' : _ref$testId,
@@ -4149,7 +4242,7 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dl);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dn);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4199,7 +4292,7 @@ var IconEyeSlash = React.forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$dk = ["testId", "size", "color", "style", "variant"];
+var _excluded$dm = ["testId", "size", "color", "style", "variant"];
 var IconFile = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file' : _ref$testId,
@@ -4208,7 +4301,7 @@ var IconFile = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dk);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dm);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4258,7 +4351,7 @@ var IconFile = React.forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$dj = ["testId", "size", "color", "style", "variant"];
+var _excluded$dl = ["testId", "size", "color", "style", "variant"];
 var IconGripVertical = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grip-vertical' : _ref$testId,
@@ -4267,7 +4360,7 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dj);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dl);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4303,7 +4396,7 @@ var IconGripVertical = React.forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$di = ["testId", "size", "color", "style", "variant"];
+var _excluded$dk = ["testId", "size", "color", "style", "variant"];
 var IconHouse = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-house' : _ref$testId,
@@ -4312,7 +4405,7 @@ var IconHouse = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$di);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dk);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4348,7 +4441,7 @@ var IconHouse = React.forwardRef(function (_ref, ref) {
 });
 IconHouse.displayName = 'IconHouse';
 
-var _excluded$dh = ["testId", "size", "color", "style", "variant"];
+var _excluded$dj = ["testId", "size", "color", "style", "variant"];
 var IconImage = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-image' : _ref$testId,
@@ -4357,7 +4450,7 @@ var IconImage = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dh);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dj);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4393,7 +4486,52 @@ var IconImage = React.forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$dg = ["testId", "size", "color", "style", "variant"];
+var _excluded$di = ["testId", "size", "color", "style", "variant"];
+var IconInputText = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-input-text' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$di);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  if (variant === 'solid') {
+    return React__default["default"].createElement("svg", _extends({
+      style: getIconStyles(styleProps),
+      "data-testid": testId,
+      ref: ref
+    }, props, {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24"
+    }), React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M21.333 6.667v10.666H2.667V6.667h18.666ZM2.667 4A2.67 2.67 0 0 0 0 6.667v10.666A2.67 2.67 0 0 0 2.667 20h18.666A2.67 2.67 0 0 0 24 17.333V6.667A2.67 2.67 0 0 0 21.333 4H2.667Zm2 6.667V15c0 .554.446 1 1 1s1-.446 1-1v-1H8v1c0 .554.446 1 1 1s1-.446 1-1v-4.333A2.67 2.67 0 0 0 7.333 8a2.67 2.67 0 0 0-2.666 2.667ZM8 12H6.667v-1.333c0-.367.3-.667.666-.667.367 0 .667.3.667.667V12Zm4-3v6c0 .554.446 1 1 1h2.167a2.498 2.498 0 0 0 1.812-4.22c.225-.376.354-.813.354-1.28 0-1.38-1.12-2.5-2.5-2.5H13c-.554 0-1 .446-1 1Zm3.333 1.5c0 .275-.225.5-.5.5H14v-1h.833c.275 0 .5.225.5.5ZM14 14v-1h1.167c.275 0 .5.225.5.5s-.225.5-.5.5H14Z"
+    }));
+  }
+  return React__default["default"].createElement("svg", _extends({
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }), React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M21.333 5.333c.738 0 1.334.596 1.334 1.334v10.666c0 .738-.596 1.334-1.334 1.334H2.667a1.332 1.332 0 0 1-1.334-1.334V6.667c0-.738.596-1.334 1.334-1.334h18.666ZM2.667 4A2.67 2.67 0 0 0 0 6.667v10.666A2.67 2.67 0 0 0 2.667 20h18.666A2.67 2.67 0 0 0 24 17.333V6.667A2.67 2.67 0 0 0 21.333 4H2.667ZM4 10.667v4.666c0 .367.3.667.667.667.366 0 .666-.3.666-.667v-2H8v2c0 .367.3.667.667.667.366 0 .666-.3.666-.667v-4.666A2.67 2.67 0 0 0 6.667 8 2.67 2.67 0 0 0 4 10.667ZM8 12H5.333v-1.333c0-.738.596-1.334 1.334-1.334.737 0 1.333.596 1.333 1.334V12Zm3.333-3.333v6.666c0 .367.3.667.667.667h2.667a2.335 2.335 0 0 0 1.45-4.162A2.335 2.335 0 0 0 14.334 8H12c-.367 0-.667.3-.667.667Zm4 1.666c0 .554-.446 1-1 1h-1.666v-2h1.666c.554 0 1 .446 1 1Zm-2.666 4.334v-2h2c.554 0 1 .446 1 1s-.446 1-1 1h-2Z"
+  }));
+});
+IconInputText.displayName = 'IconInputText';
+
+var _excluded$dh = ["testId", "size", "color", "style", "variant"];
 var IconItalic = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-italic' : _ref$testId,
@@ -4402,7 +4540,7 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dg);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dh);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4438,7 +4576,7 @@ var IconItalic = React.forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$df = ["testId", "size", "color", "style", "variant"];
+var _excluded$dg = ["testId", "size", "color", "style", "variant"];
 var IconLink = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-link' : _ref$testId,
@@ -4447,7 +4585,7 @@ var IconLink = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$df);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dg);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4483,7 +4621,7 @@ var IconLink = React.forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$de = ["testId", "size", "color", "style", "variant"];
+var _excluded$df = ["testId", "size", "color", "style", "variant"];
 var IconList = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list' : _ref$testId,
@@ -4492,7 +4630,7 @@ var IconList = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$de);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$df);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4535,7 +4673,7 @@ var IconList = React.forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$dd = ["testId", "size", "color", "style", "variant"];
+var _excluded$de = ["testId", "size", "color", "style", "variant"];
 var IconListOl = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list-ol' : _ref$testId,
@@ -4544,7 +4682,7 @@ var IconListOl = React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$dd);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$de);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4580,6 +4718,51 @@ var IconListOl = React.forwardRef(function (_ref, ref) {
 });
 IconListOl.displayName = 'IconListOl';
 
+var _excluded$dd = ["testId", "size", "color", "style", "variant"];
+var IconListRadio = React.forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-list-radio' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$dd);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  if (variant === 'solid') {
+    return React__default["default"].createElement("svg", _extends({
+      style: getIconStyles(styleProps),
+      "data-testid": testId,
+      ref: ref
+    }, props, {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24"
+    }), React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M3 7.5c1.655 0 3-1.345 3-3s-1.345-3-3-3-3 1.345-3 3 1.345 3 3 3ZM10.5 3C9.67 3 9 3.67 9 4.5S9.67 6 10.5 6h12c.83 0 1.5-.67 1.5-1.5S23.33 3 22.5 3h-12Zm0 7.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5h12c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5h-12Zm0 7.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5h12c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5h-12Zm-8.625 1.5c0-.623.502-1.125 1.125-1.125s1.125.502 1.125 1.125S3.623 20.625 3 20.625A1.122 1.122 0 0 1 1.875 19.5ZM6 19.5c0-1.655-1.345-3-3-3s-3 1.345-3 3 1.345 3 3 3 3-1.345 3-3Zm-3-8.625c.623 0 1.125.502 1.125 1.125S3.623 13.125 3 13.125A1.122 1.122 0 0 1 1.875 12c0-.623.502-1.125 1.125-1.125ZM3 15c1.655 0 3-1.345 3-3S4.655 9 3 9s-3 1.345-3 3 1.345 3 3 3Z"
+    }));
+  }
+  return React__default["default"].createElement("svg", _extends({
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props, {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }), React__default["default"].createElement("path", {
+    fill: "currentColor",
+    d: "M3.586 3.117 1.617 5.086A1.52 1.52 0 0 1 1.5 4.5C1.5 3.67 2.17 3 3 3c.206 0 .408.042.586.117Zm.797.797c.075.178.117.38.117.586C4.5 5.33 3.83 6 3 6a1.52 1.52 0 0 1-.586-.117l1.969-1.969ZM6 4.5c0-1.655-1.345-3-3-3s-3 1.345-3 3 1.345 3 3 3 3-1.345 3-3Zm3 0c0 .412.338.75.75.75h13.5c.413 0 .75-.338.75-.75a.752.752 0 0 0-.75-.75H9.75A.752.752 0 0 0 9 4.5ZM9 12c0 .412.338.75.75.75h13.5c.413 0 .75-.338.75-.75a.752.752 0 0 0-.75-.75H9.75A.752.752 0 0 0 9 12Zm0 7.5c0 .412.338.75.75.75h13.5c.413 0 .75-.338.75-.75a.752.752 0 0 0-.75-.75H9.75a.752.752 0 0 0-.75.75Zm-6-6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5ZM3 9c-1.655 0-3 1.345-3 3s1.345 3 3 3 3-1.345 3-3-1.345-3-3-3Zm0 12c-.83 0-1.5-.67-1.5-1.5S2.17 18 3 18s1.5.67 1.5 1.5S3.83 21 3 21Zm0-4.5c-1.655 0-3 1.345-3 3s1.345 3 3 3 3-1.345 3-3-1.345-3-3-3Z"
+  }));
+});
+IconListRadio.displayName = 'IconListRadio';
+
 var _excluded$dc = ["testId", "size", "color", "style", "variant"];
 var IconLock = React.forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
@@ -11132,6 +11315,9 @@ var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
 };
 var TimeFieldDropdownTrigger = React.forwardRef(TimeFieldDropdownElement);
 
+/**
+ * Dropdown is an overlay that reveals a list of actions or options when a user clicks or hovers a trigger element. It is the go-to pattern for contextual menus — things like "Edit, Duplicate, Delete" on a table row, or a set of filter options behind a button.
+ */
 var Dropdown = function Dropdown(_ref) {
   var trigger = _ref.trigger,
     _ref$triggersOn = _ref.triggersOn,
@@ -11907,6 +12093,9 @@ var useCardContext = function useCardContext() {
 };
 
 var _excluded$bl = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
+/**
+ * Card is a versatile container that groups related content or options into a visually distinct surface. It's used to introduce visual separation between pieces of content without requiring a full page boundary. It is used to perceptually group content into a meaningful whole. Cards are simple container components that can hold whatever content the designer sees fit.
+ */
 var Card = function Card(_ref) {
   var _classnames, _classnames2, _classnames3, _classnames4;
   var children = _ref.children,
@@ -12000,6 +12189,9 @@ var CalloutCard = function CalloutCard(_ref) {
   }, React__default["default"].createElement(IconTimes, null)))));
 };
 
+/**
+ * Breadcrumbs show the user where they are in the app's hierarchy and let them navigate back up to a parent page. They appear at the top of a page when that page is reached by drilling into a deeper level of the product.
+ */
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var children = _ref.children;
   return React__default["default"].createElement(Inline, {
@@ -12068,6 +12260,9 @@ var PAGE_SIZES = {
   RESTRICTED: 'restricted'
 };
 
+/**
+ * Page component is used to control the elements within a page like breadcrumbs, title, subtitle, actions, banner, and filter bar.
+ */
 var Page = function Page(_ref) {
   var _classNames;
   var children = _ref.children,
@@ -12155,6 +12350,9 @@ var useModalContext = function useModalContext() {
 };
 
 var _excluded$bk = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+/**
+ * Modal is a focused overlay that interrupts the current experience and demands the user's attention. It blocks all interaction with the rest of the page until the user responds — making it best suited for decisions, confirmations, and self-contained flows where that level of focus is warranted.
+ */
 var Modal = function Modal(_ref) {
   var children = _ref.children,
     header = _ref.header,
@@ -12764,7 +12962,9 @@ var StarShape = function StarShape(_ref7) {
   }));
 };
 
-/**Calendar overlay component*/
+/**
+ * Calendar is a date picker component that allows users to select a single day or a week. Used when you want to trigger it from a custom element such a button.
+ */
 var Calendar = function Calendar(_ref) {
   var _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? CALENDAR_MODE.DAY : _ref$mode,
@@ -13026,6 +13226,9 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
 var styles$17 = {"hint-modal":"_NwD6V","hint-modal--after-open":"_4ofZb","hint-modal--before-close":"_hGoMD","hint-modal__overlay":"_iK5zl","hint-modal__image":"_V9hLa","hint-modal__body":"_oOqUg","hint-modal__close-button":"_5zcBK"};
 
 var _excluded$bi = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
+/**
+ * Hint Modal is a lightweight modal used to surface tips, guidance, or onboarding callouts to users the first time they encounter a feature or page. Unlike a regular Modal, it is not triggered by a user action — it appears automatically when the user navigates somewhere that warrants a guided introduction. It includes a "Don't show this again" option so users can dismiss it permanently once they've absorbed the information.
+ */
 var HintModal = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -13126,6 +13329,9 @@ var HintModal = function HintModal(_ref) {
   }, secondaryButtonUpdated, primaryButtonUpdated)))));
 };
 
+/**
+ * Popover is a contextual overlay "widget" that appears anchored to a trigger element and can contain rich, interactive content. It sits between a `Tooltip` and a `Modal` in terms of weight — less disruptive than a modal, but capable of real interaction unlike a tooltip. Use it when you need the user to take action in context, without pulling them away from what they were doing.
+ */
 var Popover = function Popover(props) {
   /**
    * We are using the Dropdown component to implement the Popover component because they share a lot of the same functionality and structure.
@@ -13158,6 +13364,9 @@ var BadgeElement = function BadgeElement(_ref, forwardedRef) {
     "data-testid": testId
   }, otherProps), children));
 };
+/**
+ * Badge is a small circular indicator used to draw attention to something associated with another element — a count, a status, or a quick action.
+ */
 var Badge = React.forwardRef(BadgeElement);
 
 var MenuItem = function MenuItem(_ref) {
@@ -13758,6 +13967,9 @@ var InlineBannerIcon = function InlineBannerIcon(_ref) {
 };
 
 var _excluded$bg = ["children", "theme", "icon", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+/**
+ * InlineBanner displays a contextual message inline within a page or section.
+ */
 var InlineBanner = function InlineBanner(_ref) {
   var _classnames, _classnames2, _classnames3;
   var children = _ref.children,
@@ -13865,6 +14077,9 @@ var ButtonCTA = function ButtonCTA(_ref) {
 };
 
 var _excluded$bf = ["children", "theme", "icon", "hideIcon", "title", "primaryButton", "testId"];
+/**
+ * MicroBanner is a compact notification component for tight spaces (like top bars).
+ */
 var MicroBanner = function MicroBanner(_ref) {
   var children = _ref.children,
     _ref$theme = _ref.theme,
@@ -13915,6 +14130,9 @@ var PERSISTENT_BANNER_THEME = {
 
 var styles$$ = {"persistent-banner":"_FsCJQ","persistent-banner--info":"_zt-xK","persistent-banner--danger":"_rmUys","persistent-banner--upsell":"_UGrRR","persistent-banner--warning":"_9eFhn","persistent-banner--success":"_hU34n"};
 
+/**
+ * PersistentBanner displays a full-width message above the main navigation.
+ */
 var PersistentBanner = function PersistentBanner(_ref) {
   var _classNames;
   var _ref$theme = _ref.theme,
@@ -14014,6 +14232,9 @@ var useProgress = function useProgress(progress, maxValue, getMetric) {
 
 var styles$_ = {"circular-progress":"_UI0Fo","circular-progress__label":"_6PNwZ","circular-progress__track":"_alBLB","circular-progress__indicator":"_VADa6"};
 
+/**
+ * CircularProgress displays a circular track that fills as a count advances toward a total.
+ */
 var CircularProgress = function CircularProgress(_ref) {
   var progress = _ref.progress,
     _ref$maxValue = _ref.maxValue,
@@ -14050,6 +14271,9 @@ var CircularProgress = function CircularProgress(_ref) {
 
 var styles$Z = {"progress-bar":"_fWvQF","progress-bar__indicator":"_vd0xc","progress-bar__indicator--complete":"_D9yNp","progress-bar__steps":"_8kdeO"};
 
+/**
+ * ProgressBar shows a horizontal bar that fills as a task advances.
+ */
 var ProgressBar = function ProgressBar(_ref) {
   var _classNames;
   var progress = _ref.progress,
@@ -14091,6 +14315,9 @@ var SKELETON_COMPONENT = {
 };
 
 var _excluded$be = ["as", "testId", "width", "height"];
+/**
+ * Skeleton renders an animated placeholder that mirrors the shape of content while it is loading.
+ */
 var Skeleton = function Skeleton(_ref) {
   var _classnames;
   var as = _ref.as,
@@ -14705,6 +14932,9 @@ var DataTableEmptyState = function DataTableEmptyState(_ref) {
 };
 
 var _excluded$bc = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
+/**
+ * DataTable displays structured data in rows and columns. Use it when data is inherently tabular — each row represents a record and each column represents an attribute of that record.
+ */
 var DataTable = function DataTable(_ref) {
   var _classNames, _classNames2, _classNames3;
   var items = _ref.items,
@@ -14905,6 +15135,9 @@ var AccordionItem = function AccordionItem(props) {
 var styles$N = {"accordion":"_058SP"};
 
 var _excluded$bb = ["items", "onExpand", "defaultOpenId"];
+/**
+ * Accordion groups related content into a list of collapsible sections. Only one section can be open at a time, keeping the interface compact while still making all content accessible.
+ */
 var Accordion = function Accordion(_ref) {
   var items = _ref.items,
     onExpand = _ref.onExpand,
@@ -14945,6 +15178,9 @@ var Accordion = function Accordion(_ref) {
 
 var styles$M = {"action-list":"_pWke5","action-list__title":"_p8I7K","action-list__empty-state":"_l-tFB"};
 
+/**
+ * A list of tasks or items that require user attention and can be completed with an action. Each item should have at least one clear action for the user to take.
+ */
 var ActionList = function ActionList(_ref) {
   var children = _ref.children,
     testId = _ref.testId,
@@ -16073,6 +16309,9 @@ var styles$C = {"form--standard-size":"_8-Ykj"};
 
 var styles$B = {"form-section":"_3uYIj","form-section__title":"_2WdOf","form-section__subtitle":"_zybxx","form-section--no-margin":"_xT-U1"};
 
+/**
+ * FormSection is a component that groups related form fields together, optionally with a title and subtitle. It can also be rendered as a card for visual separation.
+ */
 var FormSection = function FormSection(_ref) {
   var _classnames;
   var children = _ref.children,
@@ -16131,6 +16370,9 @@ var FormFooterActions = function FormFooterActions(_ref) {
   }, primaryButton, secondaryButton), tertiaryButton);
 };
 
+/**
+ * FormFooter is meant to be used as the footer of a form, and it contains actions (primary, secondary, tertiary).
+ */
 var FormFooter = function FormFooter(_ref) {
   var children = _ref.children,
     actions = _ref.actions,
@@ -16363,7 +16605,9 @@ var TextFieldElement = function TextFieldElement(_ref, ref) {
     suffix: suffix
   }, React__default["default"].createElement("input", _extends({}, inputProps))));
 };
-/** A basic open input field used to get text from the user, with options to add a prefix or suffix element if necessary. Accepts any characters, so do not use it if you want to limit the format of the input to numbers only.  */
+/**
+ * TextField is a basic open input field used to get text from the user, with options to add a prefix or suffix element if necessary. Accepts any characters, so do not use it if you want to limit the format of the input to numbers only.
+ */
 var TextField = React.forwardRef(TextFieldElement);
 
 var styles$x = {"pill-select-field":"_Yti6k","pill-select-field__creating-input":"_dw-VP","pill-select-field__custom-input":"_JXakU","pill-select-field__add-new-input":"_MsKVV","pill-select-field__creating-custom-input":"_ZxEwG","pill-select-field__removable-icon":"_Odw1V"};
@@ -16582,6 +16826,9 @@ var styles$w = {"week-select-field":"_IYHYX","week-select-field__day":"_JnbPv","
 var toKey = function toKey(d) {
   return d.getFullYear() + "-" + d.getMonth() + "-" + d.getDate();
 };
+/**
+ * WeekSelectField is a form field that allows the user to select one or more days from a week, displayed as pill-shaped buttons.
+ */
 var WeekSelectField = function WeekSelectField(_ref) {
   var _formikState$value;
   var name = _ref.name,
@@ -18468,6 +18715,9 @@ var PercentageElement = function PercentageElement(_ref, ref) {
  */
 var PercentageField = React.forwardRef(PercentageElement);
 
+/**
+ * FormFeedback displays contextual feedback for a form field, such as an error message or validation message.
+ */
 var FormFeedback = function FormFeedback(_ref) {
   var children = _ref.children,
     fieldId = _ref.fieldId,
@@ -19449,6 +19699,9 @@ var CountrySelector = function CountrySelector(_ref) {
 };
 
 var _excluded$a_ = ["disabledCountry", "priorityCountries"];
+/**
+ * PhoneField is a text field that allows the user to input a phone number, with an optional country selector for international numbers.
+ */
 var PhoneField = function PhoneField(_ref) {
   var _classNames;
   var _ref$disabledCountry = _ref.disabledCountry,
@@ -20044,6 +20297,9 @@ var ColorFieldElement = function ColorFieldElement(props, ref) {
     allowCustomColor: props.allowCustomColor
   }));
 };
+/**
+ * ColorField is a text field that allows the user to select a color from a palette of sequential colors or a custom color picker.
+ */
 var ColorField = React.forwardRef(ColorFieldElement);
 
 /**
@@ -20260,6 +20516,9 @@ function useIsVisibleInViewPort() {
   };
 }
 
+/**
+ * Avatar represents a person or entity — such as a company, location, department, or role — with a visual identifier. It appears wherever a person or entity's identity needs to be communicated at a glance.
+ */
 var Avatar = function Avatar(_ref) {
   var _classnames;
   var children = _ref.children,
@@ -20318,6 +20577,9 @@ var CHIP_THEME = {
 
 var styles$e = {"chip":"_Cg5Nf","chip__children":"_e3zFF","chip--marketing":"_b60R5","chip--success":"_ItVyo","chip--upsell":"_iUCAH","chip--warning":"_RbXoR","chip--info":"_NiP9z","chip--danger":"_2ltep","chip--ai":"_1ZhCH"};
 
+/**
+ * Chip is a compact label used to communicate status about a nearby element — things like feature availability, product tier, or release stage. It is visually similar to Pill but serves a distinct purpose: where Pill communicates the status of data or records, Chip communicates the status of the product or interface itself.
+ */
 var Chip = function Chip(_ref) {
   var _classnames;
   var children = _ref.children,
@@ -20379,6 +20641,9 @@ var PillElement = function PillElement(_ref, forwardedRef) {
     className: styles$d['pill__children']
   }, formattedChildren));
 };
+/**
+ * Pill is a compact status label that communicates the current state of a data record or object. It appears alongside the thing it describes and gives users a quick, at-a-glance read on what state something is in — approved, pending, active, declined, and so on.
+ */
 var Pill = React.forwardRef(PillElement);
 
 var getIllustrationStyles = function getIllustrationStyles(style, theme, size) {
@@ -63523,6 +63788,9 @@ var PrimaryNavHeader = function PrimaryNavHeader(_ref) {
 
 var styles$b = {"primary-nav":"_Smo46","primary-nav--dark":"_-6GAa","primary-nav--collapsed":"_w-QAC","primary-nav__content":"_UCA59","primary-nav--expanded":"_B7Nse"};
 
+/**
+ * PrimaryNav is a vertical navigation component that provides a consistent way for users to navigate through the main sections of an application.
+ */
 var PrimaryNav = function PrimaryNav(_ref) {
   var children = _ref.children,
     isExpanded = _ref.isExpanded,
@@ -63828,6 +64096,9 @@ function TabsContextProvider(_ref) {
   }, children);
 }
 
+/**
+ * Tabs organize content into sections within a single view, letting users switch between them without leaving the page.
+ */
 var Tabs = function Tabs(_ref) {
   var children = _ref.children,
     value = _ref.value,
@@ -64075,6 +64346,9 @@ var EmptyStateContainer = function EmptyStateContainer(_ref) {
 
 var styles$1 = {"paywall--as-card":"_Eod9y","paywall--as-card--centered":"_dpIXc"};
 
+/**
+ * Paywall is a specialised empty state for content that is locked behind a paid plan or add-on the user does not currently have.
+ */
 var Paywall = function Paywall(props) {
   var header = props.header,
     title = props.title,
@@ -64111,6 +64385,9 @@ var Paywall = function Paywall(props) {
 
 var styles = {"empty-state--as-card":"_KzIqD","empty-state--as-card--centered":"_3TdW7"};
 
+/**
+ * EmptyState component renders a message or illustration when there is no data to display. Most commonly seen in first time interactions with a product or page, but also when data’s been deleted or unavailable.
+ */
 var EmptyState = function EmptyState(props) {
   var header = props.header,
     title = props.title,
@@ -64191,6 +64468,7 @@ exports.IconAnalytics = IconAnalytics;
 exports.IconArrowDown = IconArrowDown;
 exports.IconArrowDownWideShort = IconArrowDownWideShort;
 exports.IconArrowLeft = IconArrowLeft;
+exports.IconArrowLeftRight = IconArrowLeftRight;
 exports.IconArrowRight = IconArrowRight;
 exports.IconArrowToTop = IconArrowToTop;
 exports.IconArrowTurnDownRight = IconArrowTurnDownRight;
@@ -64290,12 +64568,15 @@ exports.IconHatChef = IconHatChef;
 exports.IconHouse = IconHouse;
 exports.IconImage = IconImage;
 exports.IconInfoCircle = IconInfoCircle;
+exports.IconInputText = IconInputText;
 exports.IconIslandTropical = IconIslandTropical;
 exports.IconItalic = IconItalic;
+exports.IconLanguage = IconLanguage;
 exports.IconLaptopSearch = IconLaptopSearch;
 exports.IconLink = IconLink;
 exports.IconList = IconList;
 exports.IconListOl = IconListOl;
+exports.IconListRadio = IconListRadio;
 exports.IconLock = IconLock;
 exports.IconMagic = IconMagic;
 exports.IconMapMarker = IconMapMarker;