@7shifts/sous-chef 3.52.0-beta.0 → 3.52.0

package/dist/index.modern.js

@@ -2360,13 +2360,48 @@ var IconClipboardList = forwardRef(function (_ref, ref) {
 IconClipboardList.displayName = 'IconClipboardList';
 
 var _excluded$O = ["testId", "size", "color", "style"];
+var IconClockRewind = forwardRef(function (_ref, ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'icon-clock-rewind' : _ref$testId,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
+  var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
+  var styleProps = {
+    size: !size && isInsideButton ? 'medium' : size,
+    color: color,
+    style: style
+  };
+  return React__default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20",
+    style: getIconStyles(styleProps),
+    "data-testid": testId,
+    ref: ref
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-clock-rewind_svg__a)"
+  }, React__default.createElement("path", {
+    fill: "currentColor",
+    d: "M1.25 5.156V1.875a.627.627 0 0 0-.625-.625.627.627 0 0 0-.625.625v5c0 .344.281.625.625.625h5a.627.627 0 0 0 .625-.625.627.627 0 0 0-.625-.625H2.094a8.75 8.75 0 1 1 .906 9A.624.624 0 1 0 2 16a9.978 9.978 0 0 0 8 4c5.523 0 10-4.477 10-10S15.523 0 10 0a10 10 0 0 0-8.75 5.156ZM10 5a.627.627 0 0 0-.625.625V10c0 .164.066.324.184.441l3.125 3.125c.242.243.64.243.882 0a.627.627 0 0 0 0-.882l-2.941-2.942V5.625A.627.627 0 0 0 10 5Z"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-clock-rewind_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+});
+IconClockRewind.displayName = 'IconClockRewind';
+
+var _excluded$P = ["testId", "size", "color", "style"];
 var IconClock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-clock' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2387,14 +2422,14 @@ var IconClock = forwardRef(function (_ref, ref) {
 });
 IconClock.displayName = 'IconClock';
 
-var _excluded$P = ["testId", "size", "color", "style"];
+var _excluded$Q = ["testId", "size", "color", "style"];
 var IconCog = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-cog' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2415,14 +2450,14 @@ var IconCog = forwardRef(function (_ref, ref) {
 });
 IconCog.displayName = 'IconCog';
 
-var _excluded$Q = ["testId", "size", "color", "style"];
+var _excluded$R = ["testId", "size", "color", "style"];
 var IconCommentLines = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment-lines' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2448,14 +2483,14 @@ var IconCommentLines = forwardRef(function (_ref, ref) {
 });
 IconCommentLines.displayName = 'IconCommentLines';
 
-var _excluded$R = ["testId", "size", "color", "style"];
+var _excluded$S = ["testId", "size", "color", "style"];
 var IconComment = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-comment' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2478,14 +2513,14 @@ var IconComment = forwardRef(function (_ref, ref) {
 });
 IconComment.displayName = 'IconComment';
 
-var _excluded$S = ["testId", "size", "color", "style"];
+var _excluded$T = ["testId", "size", "color", "style"];
 var IconCopy = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-copy' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2513,14 +2548,14 @@ var IconCopy = forwardRef(function (_ref, ref) {
 });
 IconCopy.displayName = 'IconCopy';
 
-var _excluded$T = ["testId", "size", "color", "style"];
+var _excluded$U = ["testId", "size", "color", "style"];
 var IconCreditCardPlus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card-plus' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2550,14 +2585,14 @@ var IconCreditCardPlus = forwardRef(function (_ref, ref) {
 });
 IconCreditCardPlus.displayName = 'IconCreditCardPlus';
 
-var _excluded$U = ["testId", "size", "color", "style"];
+var _excluded$V = ["testId", "size", "color", "style"];
 var IconCreditCard = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-credit-card' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2585,14 +2620,14 @@ var IconCreditCard = forwardRef(function (_ref, ref) {
 });
 IconCreditCard.displayName = 'IconCreditCard';
 
-var _excluded$V = ["testId", "size", "color", "style"];
+var _excluded$W = ["testId", "size", "color", "style"];
 var IconDecentMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2635,14 +2670,14 @@ var IconDecentMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconDecentMonochromatic.displayName = 'IconDecentMonochromatic';
 
-var _excluded$W = ["testId", "size", "color", "style"];
+var _excluded$X = ["testId", "size", "color", "style"];
 var IconDecent = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-decent' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2673,14 +2708,14 @@ var IconDecent = forwardRef(function (_ref, ref) {
 });
 IconDecent.displayName = 'IconDecent';
 
-var _excluded$X = ["testId", "size", "color", "style"];
+var _excluded$Y = ["testId", "size", "color", "style"];
 var IconDownload = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-download' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2703,14 +2738,14 @@ var IconDownload = forwardRef(function (_ref, ref) {
 });
 IconDownload.displayName = 'IconDownload';
 
-var _excluded$Y = ["testId", "size", "color", "style"];
+var _excluded$Z = ["testId", "size", "color", "style"];
 var IconEdit = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-edit' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2731,14 +2766,14 @@ var IconEdit = forwardRef(function (_ref, ref) {
 });
 IconEdit.displayName = 'IconEdit';
 
-var _excluded$Z = ["testId", "size", "color", "style"];
+var _excluded$_ = ["testId", "size", "color", "style"];
 var IconEllipsisV = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-ellipsis-v' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2761,14 +2796,14 @@ var IconEllipsisV = forwardRef(function (_ref, ref) {
 });
 IconEllipsisV.displayName = 'IconEllipsisV';
 
-var _excluded$_ = ["testId", "size", "color", "style"];
+var _excluded$$ = ["testId", "size", "color", "style"];
 var IconEnvelopeOpenDollar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope-open-dollar' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2796,14 +2831,14 @@ var IconEnvelopeOpenDollar = forwardRef(function (_ref, ref) {
 });
 IconEnvelopeOpenDollar.displayName = 'IconEnvelopeOpenDollar';
 
-var _excluded$$ = ["testId", "size", "color", "style"];
+var _excluded$10 = ["testId", "size", "color", "style"];
 var IconEnvelope = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-envelope' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2824,14 +2859,14 @@ var IconEnvelope = forwardRef(function (_ref, ref) {
 });
 IconEnvelope.displayName = 'IconEnvelope';
 
-var _excluded$10 = ["testId", "size", "color", "style"];
+var _excluded$11 = ["testId", "size", "color", "style"];
 var IconExclaimationTriangle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclaimation-triangle' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$10);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2854,14 +2889,14 @@ var IconExclaimationTriangle = forwardRef(function (_ref, ref) {
 });
 IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
 
-var _excluded$11 = ["testId", "size", "color", "style"];
+var _excluded$12 = ["testId", "size", "color", "style"];
 var IconExclaimation = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-exclaimation' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$11);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2882,14 +2917,14 @@ var IconExclaimation = forwardRef(function (_ref, ref) {
 });
 IconExclaimation.displayName = 'IconExclaimation';
 
-var _excluded$12 = ["testId", "size", "color", "style"];
+var _excluded$13 = ["testId", "size", "color", "style"];
 var IconExpand = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-expand' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$12);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2910,14 +2945,14 @@ var IconExpand = forwardRef(function (_ref, ref) {
 });
 IconExpand.displayName = 'IconExpand';
 
-var _excluded$13 = ["testId", "size", "color", "style"];
+var _excluded$14 = ["testId", "size", "color", "style"];
 var IconExternalLink = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-external-link' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$13);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2940,14 +2975,14 @@ var IconExternalLink = forwardRef(function (_ref, ref) {
 });
 IconExternalLink.displayName = 'IconExternalLink';
 
-var _excluded$14 = ["testId", "size", "color", "style"];
+var _excluded$15 = ["testId", "size", "color", "style"];
 var IconEyeSlash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye-slash' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$14);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -2982,14 +3017,14 @@ var IconEyeSlash = forwardRef(function (_ref, ref) {
 });
 IconEyeSlash.displayName = 'IconEyeSlash';
 
-var _excluded$15 = ["testId", "size", "color", "style"];
+var _excluded$16 = ["testId", "size", "color", "style"];
 var IconEye = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-eye' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$15);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3017,14 +3052,14 @@ var IconEye = forwardRef(function (_ref, ref) {
 });
 IconEye.displayName = 'IconEye';
 
-var _excluded$16 = ["testId", "size", "color", "style"];
+var _excluded$17 = ["testId", "size", "color", "style"];
 var IconFilePdf = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file-pdf' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$16);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3052,14 +3087,14 @@ var IconFilePdf = forwardRef(function (_ref, ref) {
 });
 IconFilePdf.displayName = 'IconFilePdf';
 
-var _excluded$17 = ["testId", "size", "color", "style"];
+var _excluded$18 = ["testId", "size", "color", "style"];
 var IconFile = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-file' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$17);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3087,14 +3122,14 @@ var IconFile = forwardRef(function (_ref, ref) {
 });
 IconFile.displayName = 'IconFile';
 
-var _excluded$18 = ["testId", "size", "color", "style"];
+var _excluded$19 = ["testId", "size", "color", "style"];
 var IconFlag = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-flag' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3122,14 +3157,14 @@ var IconFlag = forwardRef(function (_ref, ref) {
 });
 IconFlag.displayName = 'IconFlag';
 
-var _excluded$19 = ["testId", "size", "color", "style"];
+var _excluded$1a = ["testId", "size", "color", "style"];
 var IconFourDotsCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-dots-circle' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$19);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3152,14 +3187,14 @@ var IconFourDotsCircle = forwardRef(function (_ref, ref) {
 });
 IconFourDotsCircle.displayName = 'IconFourDotsCircle';
 
-var _excluded$1a = ["testId", "size", "color", "style"];
+var _excluded$1b = ["testId", "size", "color", "style"];
 var IconFourSquares = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-four-squares' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3205,14 +3240,14 @@ var IconFourSquares = forwardRef(function (_ref, ref) {
 });
 IconFourSquares.displayName = 'IconFourSquares';
 
-var _excluded$1b = ["testId", "size", "color", "style"];
+var _excluded$1c = ["testId", "size", "color", "style"];
 var IconGavel = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gavel' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3233,14 +3268,14 @@ var IconGavel = forwardRef(function (_ref, ref) {
 });
 IconGavel.displayName = 'IconGavel';
 
-var _excluded$1c = ["testId", "size", "color", "style"];
+var _excluded$1d = ["testId", "size", "color", "style"];
 var IconGif = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gif' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3265,14 +3300,14 @@ var IconGif = forwardRef(function (_ref, ref) {
 });
 IconGif.displayName = 'IconGif';
 
-var _excluded$1d = ["testId", "size", "color", "style"];
+var _excluded$1e = ["testId", "size", "color", "style"];
 var IconGift = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-gift' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3293,14 +3328,14 @@ var IconGift = forwardRef(function (_ref, ref) {
 });
 IconGift.displayName = 'IconGift';
 
-var _excluded$1e = ["testId", "size", "color", "style"];
+var _excluded$1f = ["testId", "size", "color", "style"];
 var IconGoodMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3339,14 +3374,14 @@ var IconGoodMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconGoodMonochromatic.displayName = 'IconGoodMonochromatic';
 
-var _excluded$1f = ["testId", "size", "color", "style"];
+var _excluded$1g = ["testId", "size", "color", "style"];
 var IconGood = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-good' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3373,14 +3408,14 @@ var IconGood = forwardRef(function (_ref, ref) {
 });
 IconGood.displayName = 'IconGood';
 
-var _excluded$1g = ["testId", "size", "color", "style"];
+var _excluded$1h = ["testId", "size", "color", "style"];
 var IconGreatMonochromatic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great-monochromatic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3421,14 +3456,14 @@ var IconGreatMonochromatic = forwardRef(function (_ref, ref) {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var _excluded$1h = ["testId", "size", "color", "style"];
+var _excluded$1i = ["testId", "size", "color", "style"];
 var IconGreat = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-great' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3457,14 +3492,14 @@ var IconGreat = forwardRef(function (_ref, ref) {
 });
 IconGreat.displayName = 'IconGreat';
 
-var _excluded$1i = ["testId", "size", "color", "style"];
+var _excluded$1j = ["testId", "size", "color", "style"];
 var IconGrinBeam = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grin-beam' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3485,14 +3520,14 @@ var IconGrinBeam = forwardRef(function (_ref, ref) {
 });
 IconGrinBeam.displayName = 'IconGrinBeam';
 
-var _excluded$1j = ["testId", "size", "color", "style"];
+var _excluded$1k = ["testId", "size", "color", "style"];
 var IconGripVertical = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-grip-vertical' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3540,14 +3575,14 @@ var IconGripVertical = forwardRef(function (_ref, ref) {
 });
 IconGripVertical.displayName = 'IconGripVertical';
 
-var _excluded$1k = ["testId", "size", "color", "style"];
+var _excluded$1l = ["testId", "size", "color", "style"];
 var IconHandshake = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-handshake' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3575,14 +3610,14 @@ var IconHandshake = forwardRef(function (_ref, ref) {
 });
 IconHandshake.displayName = 'IconHandshake';
 
-var _excluded$1l = ["testId", "size", "color", "style"];
+var _excluded$1m = ["testId", "size", "color", "style"];
 var IconHatChef = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-hat-chef' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3603,14 +3638,14 @@ var IconHatChef = forwardRef(function (_ref, ref) {
 });
 IconHatChef.displayName = 'IconHatChef';
 
-var _excluded$1m = ["testId", "size", "color", "style"];
+var _excluded$1n = ["testId", "size", "color", "style"];
 var IconImage = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-image' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3638,14 +3673,14 @@ var IconImage = forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1n = ["testId", "size", "color", "style"];
+var _excluded$1o = ["testId", "size", "color", "style"];
 var IconIslandTropical = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-island-tropical' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3668,14 +3703,14 @@ var IconIslandTropical = forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1o = ["testId", "size", "color", "style"];
+var _excluded$1p = ["testId", "size", "color", "style"];
 var IconItalic = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-italic' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3696,14 +3731,14 @@ var IconItalic = forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1p = ["testId", "size", "color", "style"];
+var _excluded$1q = ["testId", "size", "color", "style"];
 var IconLaptopSearch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-laptop-search' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3733,14 +3768,14 @@ var IconLaptopSearch = forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1q = ["testId", "size", "color", "style"];
+var _excluded$1r = ["testId", "size", "color", "style"];
 var IconLink = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-link' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3768,14 +3803,14 @@ var IconLink = forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1r = ["testId", "size", "color", "style"];
+var _excluded$1s = ["testId", "size", "color", "style"];
 var IconListOI = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list-o-i' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3803,14 +3838,14 @@ var IconListOI = forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1s = ["testId", "size", "color", "style"];
+var _excluded$1t = ["testId", "size", "color", "style"];
 var IconList = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-list' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3831,14 +3866,14 @@ var IconList = forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1t = ["testId", "size", "color", "style"];
+var _excluded$1u = ["testId", "size", "color", "style"];
 var IconLock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-lock' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3859,14 +3894,14 @@ var IconLock = forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1u = ["testId", "size", "color", "style"];
+var _excluded$1v = ["testId", "size", "color", "style"];
 var IconMagicSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-magic-solid' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3889,14 +3924,14 @@ var IconMagicSolid = forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1v = ["testId", "size", "color", "style"];
+var _excluded$1w = ["testId", "size", "color", "style"];
 var IconMapMarker = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-map-marker' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3919,14 +3954,14 @@ var IconMapMarker = forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1w = ["testId", "size", "color", "style"];
+var _excluded$1x = ["testId", "size", "color", "style"];
 var IconMegaphone = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-megaphone' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3949,14 +3984,14 @@ var IconMegaphone = forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1x = ["testId", "size", "color", "style"];
+var _excluded$1y = ["testId", "size", "color", "style"];
 var IconMessages = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-messages' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3977,14 +4012,14 @@ var IconMessages = forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$1y = ["testId", "size", "color", "style"];
+var _excluded$1z = ["testId", "size", "color", "style"];
 var IconMinusCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus-circle' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4005,14 +4040,14 @@ var IconMinusCircle = forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1z = ["testId", "size", "color", "style"];
+var _excluded$1A = ["testId", "size", "color", "style"];
 var IconMinus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-minus' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4033,14 +4068,14 @@ var IconMinus = forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1A = ["testId", "size", "color", "style"];
+var _excluded$1B = ["testId", "size", "color", "style"];
 var IconMoneyBill = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-money-bill' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4061,14 +4096,14 @@ var IconMoneyBill = forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1B = ["testId", "size", "color", "style"];
+var _excluded$1C = ["testId", "size", "color", "style"];
 var IconMugSaucerSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-mug-saucer-solid' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4089,14 +4124,14 @@ var IconMugSaucerSolid = forwardRef(function (_ref, ref) {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-var _excluded$1C = ["testId", "size", "color", "style"];
+var _excluded$1D = ["testId", "size", "color", "style"];
 var IconNotesMedical = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-notes-medical' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4117,14 +4152,14 @@ var IconNotesMedical = forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1D = ["testId", "size", "color", "style"];
+var _excluded$1E = ["testId", "size", "color", "style"];
 var IconOvertime = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-overtime' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4152,14 +4187,14 @@ var IconOvertime = forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1E = ["testId", "size", "color", "style"];
+var _excluded$1F = ["testId", "size", "color", "style"];
 var IconPaperPlaneClock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane-clock' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4191,14 +4226,14 @@ var IconPaperPlaneClock = forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$1F = ["testId", "size", "color", "style"];
+var _excluded$1G = ["testId", "size", "color", "style"];
 var IconPaperPlane = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paper-plane' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4221,14 +4256,14 @@ var IconPaperPlane = forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$1G = ["testId", "size", "color", "style"];
+var _excluded$1H = ["testId", "size", "color", "style"];
 var IconPaperclip = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-paperclip' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4256,14 +4291,14 @@ var IconPaperclip = forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$1H = ["testId", "size", "color", "style"];
+var _excluded$1I = ["testId", "size", "color", "style"];
 var IconPencil = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-pencil' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4286,14 +4321,14 @@ var IconPencil = forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$1I = ["testId", "size", "color", "style"];
+var _excluded$1J = ["testId", "size", "color", "style"];
 var IconPercentage = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-percentage' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4314,14 +4349,14 @@ var IconPercentage = forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$1J = ["testId", "size", "color", "style"];
+var _excluded$1K = ["testId", "size", "color", "style"];
 var IconPhone = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-phone' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4342,14 +4377,14 @@ var IconPhone = forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$1K = ["testId", "size", "color", "style"];
+var _excluded$1L = ["testId", "size", "color", "style"];
 var IconPlateUtensils = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plate-utensils' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4370,14 +4405,14 @@ var IconPlateUtensils = forwardRef(function (_ref, ref) {
 });
 IconPlateUtensils.displayName = 'IconPlateUtensils';
 
-var _excluded$1L = ["testId", "size", "color", "style"];
+var _excluded$1M = ["testId", "size", "color", "style"];
 var IconPlug = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plug' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4400,14 +4435,14 @@ var IconPlug = forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$1M = ["testId", "size", "color", "style"];
+var _excluded$1N = ["testId", "size", "color", "style"];
 var IconPlus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-plus' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4430,14 +4465,14 @@ var IconPlus = forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$1N = ["testId", "size", "color", "style"];
+var _excluded$1O = ["testId", "size", "color", "style"];
 var IconPrint = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-print' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4460,14 +4495,14 @@ var IconPrint = forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$1O = ["testId", "size", "color", "style"];
+var _excluded$1P = ["testId", "size", "color", "style"];
 var IconQuestionCircle = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-question-circle' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4488,14 +4523,14 @@ var IconQuestionCircle = forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$1P = ["testId", "size", "color", "style"];
+var _excluded$1Q = ["testId", "size", "color", "style"];
 var IconRepeat = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-repeat' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4516,14 +4551,14 @@ var IconRepeat = forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$1Q = ["testId", "size", "color", "style"];
+var _excluded$1R = ["testId", "size", "color", "style"];
 var IconReply = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-reply' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4544,14 +4579,14 @@ var IconReply = forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$1R = ["testId", "size", "color", "style"];
+var _excluded$1S = ["testId", "size", "color", "style"];
 var IconRocket = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-rocket' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4572,14 +4607,14 @@ var IconRocket = forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
 
-var _excluded$1S = ["testId", "size", "color", "style"];
+var _excluded$1T = ["testId", "size", "color", "style"];
 var IconSearch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-search' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4602,14 +4637,14 @@ var IconSearch = forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$1T = ["testId", "size", "color", "style"];
+var _excluded$1U = ["testId", "size", "color", "style"];
 var IconSignOut = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sign-out' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4630,14 +4665,14 @@ var IconSignOut = forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$1U = ["testId", "size", "color", "style"];
+var _excluded$1V = ["testId", "size", "color", "style"];
 var IconSitemap = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sitemap' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4660,14 +4695,14 @@ var IconSitemap = forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$1V = ["testId", "size", "color", "style"];
+var _excluded$1W = ["testId", "size", "color", "style"];
 var IconSlidersH = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sliders-h' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4695,14 +4730,14 @@ var IconSlidersH = forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$1W = ["testId", "size", "color", "style"];
+var _excluded$1X = ["testId", "size", "color", "style"];
 var IconSort = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sort' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4723,14 +4758,14 @@ var IconSort = forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$1X = ["testId", "size", "color", "style"];
+var _excluded$1Y = ["testId", "size", "color", "style"];
 var IconStarSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star-solid' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4751,14 +4786,14 @@ var IconStarSolid = forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$1Y = ["testId", "size", "color", "style"];
+var _excluded$1Z = ["testId", "size", "color", "style"];
 var IconStar = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-star' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4779,14 +4814,14 @@ var IconStar = forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$1Z = ["testId", "size", "color", "style"];
+var _excluded$1_ = ["testId", "size", "color", "style"];
 var IconStickyNoteLines = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sticky-note-lines' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4810,14 +4845,14 @@ var IconStickyNoteLines = forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$1_ = ["testId", "size", "color", "style"];
+var _excluded$1$ = ["testId", "size", "color", "style"];
 var IconStopwatch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-stopwatch' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4840,14 +4875,14 @@ var IconStopwatch = forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$1$ = ["testId", "size", "color", "style"];
+var _excluded$20 = ["testId", "size", "color", "style"];
 var IconStrikethrough = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-strikethrough' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4875,14 +4910,14 @@ var IconStrikethrough = forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$20 = ["testId", "size", "color", "style"];
+var _excluded$21 = ["testId", "size", "color", "style"];
 var IconSyncExclaimation = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync-exclaimation' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4903,14 +4938,14 @@ var IconSyncExclaimation = forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$21 = ["testId", "size", "color", "style"];
+var _excluded$22 = ["testId", "size", "color", "style"];
 var IconSync = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-sync' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4931,14 +4966,14 @@ var IconSync = forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$22 = ["testId", "size", "color", "style"];
+var _excluded$23 = ["testId", "size", "color", "style"];
 var IconTable = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-table' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4966,14 +5001,14 @@ var IconTable = forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$23 = ["testId", "size", "color", "style"];
+var _excluded$24 = ["testId", "size", "color", "style"];
 var IconTachometer = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-tachometer' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4993,14 +5028,14 @@ var IconTachometer = forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$24 = ["testId", "size", "color", "style"];
+var _excluded$25 = ["testId", "size", "color", "style"];
 var IconTimesOctagon = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times-octagon' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5023,14 +5058,14 @@ var IconTimesOctagon = forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$25 = ["testId", "size", "color", "style"];
+var _excluded$26 = ["testId", "size", "color", "style"];
 var IconTimes = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-times' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5053,14 +5088,14 @@ var IconTimes = forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$26 = ["testId", "size", "color", "style"];
+var _excluded$27 = ["testId", "size", "color", "style"];
 var IconTrash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-trash' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5083,14 +5118,14 @@ var IconTrash = forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$27 = ["testId", "size", "color", "style"];
+var _excluded$28 = ["testId", "size", "color", "style"];
 var IconUnderline = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-underline' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5111,14 +5146,14 @@ var IconUnderline = forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$28 = ["testId", "size", "color", "style"];
+var _excluded$29 = ["testId", "size", "color", "style"];
 var IconUndo = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-undo' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5139,14 +5174,14 @@ var IconUndo = forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$29 = ["testId", "size", "color", "style"];
+var _excluded$2a = ["testId", "size", "color", "style"];
 var IconUniversity = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-university' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5174,14 +5209,14 @@ var IconUniversity = forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$2a = ["testId", "size", "color", "style"];
+var _excluded$2b = ["testId", "size", "color", "style"];
 var IconUnlock = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-unlock' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5209,14 +5244,14 @@ var IconUnlock = forwardRef(function (_ref, ref) {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-var _excluded$2b = ["testId", "size", "color", "style"];
+var _excluded$2c = ["testId", "size", "color", "style"];
 var IconUserComputer = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-computer' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5248,14 +5283,14 @@ var IconUserComputer = forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$2c = ["testId", "size", "color", "style"];
+var _excluded$2d = ["testId", "size", "color", "style"];
 var IconUserFriends = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-friends' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5276,14 +5311,14 @@ var IconUserFriends = forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$2d = ["testId", "size", "color", "style"];
+var _excluded$2e = ["testId", "size", "color", "style"];
 var IconUserLight = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-light' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5306,14 +5341,14 @@ var IconUserLight = forwardRef(function (_ref, ref) {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-var _excluded$2e = ["testId", "size", "color", "style"];
+var _excluded$2f = ["testId", "size", "color", "style"];
 var IconUserPlus = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-plus' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5334,14 +5369,14 @@ var IconUserPlus = forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$2f = ["testId", "size", "color", "style"];
+var _excluded$2g = ["testId", "size", "color", "style"];
 var IconUserSearch = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-search' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5371,14 +5406,14 @@ var IconUserSearch = forwardRef(function (_ref, ref) {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-var _excluded$2g = ["testId", "size", "color", "style"];
+var _excluded$2h = ["testId", "size", "color", "style"];
 var IconUserSlash = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-slash' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5406,14 +5441,14 @@ var IconUserSlash = forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$2h = ["testId", "size", "color", "style"];
+var _excluded$2i = ["testId", "size", "color", "style"];
 var IconUserSolid = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-solid' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5434,14 +5469,14 @@ var IconUserSolid = forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$2i = ["testId", "size", "color", "style"];
+var _excluded$2j = ["testId", "size", "color", "style"];
 var IconUserTag = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tag' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5464,14 +5499,14 @@ var IconUserTag = forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$2j = ["testId", "size", "color", "style"];
+var _excluded$2k = ["testId", "size", "color", "style"];
 var IconUserTie = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-user-tie' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5492,14 +5527,14 @@ var IconUserTie = forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$2k = ["testId", "size", "color", "style"];
+var _excluded$2l = ["testId", "size", "color", "style"];
 var IconUsers = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-users' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5520,14 +5555,14 @@ var IconUsers = forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$2l = ["testId", "size", "color", "style"];
+var _excluded$2m = ["testId", "size", "color", "style"];
 var IconVideo = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-video' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5548,14 +5583,14 @@ var IconVideo = forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$2m = ["testId", "size", "color", "style"];
+var _excluded$2n = ["testId", "size", "color", "style"];
 var IconVolumeMute = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume-mute' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5576,14 +5611,14 @@ var IconVolumeMute = forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$2n = ["testId", "size", "color", "style"];
+var _excluded$2o = ["testId", "size", "color", "style"];
 var IconVolume = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-volume' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5604,14 +5639,14 @@ var IconVolume = forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$2o = ["testId", "size", "color", "style"];
+var _excluded$2p = ["testId", "size", "color", "style"];
 var IconWrench = forwardRef(function (_ref, ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'icon-wrench' : _ref$testId,
     size = _ref.size,
     color = _ref.color,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5755,7 +5790,7 @@ var useTranslation = function useTranslation(context) {
   return translate;
 };
 
-var _excluded$2p = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
+var _excluded$2q = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
 var PaginationControls$1 = function PaginationControls(_ref) {
   var _ref$hasPrevious = _ref.hasPrevious,
     hasPrevious = _ref$hasPrevious === void 0 ? true : _ref$hasPrevious,
@@ -5765,7 +5800,7 @@ var PaginationControls$1 = function PaginationControls(_ref) {
     onNextClick = _ref.onNextClick,
     testId = _ref.testId,
     scrollTarget = _ref.scrollTarget,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
   var __ = useTranslation('PaginationControls');
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
@@ -5833,7 +5868,7 @@ var LINK_TARGET = {
 
 var styles$8 = {"link":"_36SZq"};
 
-var _excluded$2q = ["href", "target", "theme", "onClick", "children"];
+var _excluded$2r = ["href", "target", "theme", "onClick", "children"];
 var Link = function Link(_ref) {
   var _classNames;
   var href = _ref.href,
@@ -5843,7 +5878,7 @@ var Link = function Link(_ref) {
     theme = _ref$theme === void 0 ? LINK_THEME.PRIMARY : _ref$theme,
     onClick = _ref.onClick,
     children = _ref.children,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default.createElement("a", _extends({}, dataProps, {
@@ -5898,33 +5933,15 @@ var ToastContainer = function ToastContainer(_ref2) {
   });
 };
 
-var initialValue$1 = {
-  country: 'US'
-};
-var ProviderConfigContext = createContext(initialValue$1);
-var useProviderConfig = function useProviderConfig() {
-  var context = useContext(ProviderConfigContext);
-  if (!context) {
-    throw Error('The `<SousChefProvider>` is not set. Please wrap your application with `<SousChefProvider>`');
-  }
-  return context;
-};
-
 var SousChefProvider = function SousChefProvider(_ref) {
   var children = _ref.children,
     _ref$i18n = _ref.i18n,
-    i18n = _ref$i18n === void 0 ? en : _ref$i18n,
-    _ref$country = _ref.country,
-    country = _ref$country === void 0 ? 'US' : _ref$country;
-  return React__default.createElement(ProviderConfigContext.Provider, {
-    value: {
-      country: country
-    }
-  }, React__default.createElement(TranslationsContext.Provider, {
+    i18n = _ref$i18n === void 0 ? en : _ref$i18n;
+  return React__default.createElement(TranslationsContext.Provider, {
     value: {
       i18n: i18n
     }
-  }, React__default.createElement(ToastContainer, null), children));
+  }, React__default.createElement(ToastContainer, null), children);
 };
 
 var styles$a = {"data-table-header":"_1vpCK","data-table-header__item":"_dJWps","data-table-header__item--sortable":"_14AEw","data-table-header__itemfocus":"_2JSFR","data-table-header__item--action":"_29TM7","data-table-header__item-content":"_2Zpt5","data-table-header__item-content--right-align":"_3WtwH","data-table-header__sort-icon":"_3codU"};
@@ -6133,12 +6150,12 @@ var DATA_TABLE_SCROLL_STATES = {
 };
 var AMOUNT_OF_SKELETON_ROWS = 10;
 
-var initialValue$2 = {
+var initialValue$1 = {
   columns: [],
   numberOfRows: 0,
   state: DATA_TABLE_STATES.SKELETON_LOADING
 };
-var Context = createContext(initialValue$2);
+var Context = createContext(initialValue$1);
 var useDataTableContext = function useDataTableContext() {
   var context = useContext(Context);
   if (!context) {
@@ -6246,7 +6263,7 @@ var InlineBannerIcon = function InlineBannerIcon(_ref) {
   }
 };
 
-var _excluded$2r = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+var _excluded$2s = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
 var InlineBanner = function InlineBanner(_ref) {
   var _classnames, _classnames2;
   var children = _ref.children,
@@ -6258,7 +6275,7 @@ var InlineBanner = function InlineBanner(_ref) {
     primaryButton = _ref.primaryButton,
     secondaryButton = _ref.secondaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
   var positionStyles = usePositionStyles(positionProps);
   var multiLine = !!title;
   var dismissable = !!onClose;
@@ -6581,14 +6598,14 @@ var ErrorMessage = function ErrorMessage(_ref) {
   }), children));
 };
 
-var _excluded$2s = ["id", "label", "caption", "error", "children"];
+var _excluded$2t = ["id", "label", "caption", "error", "children"];
 var Field = function Field(_ref) {
   var id = _ref.id,
     label = _ref.label,
     caption = _ref.caption,
     error = _ref.error,
     children = _ref.children,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   var shouldRenderLabel = label || typeof label === 'string';
   return React__default.createElement(Stack, _extends({
     space: 8,
@@ -6708,7 +6725,7 @@ var useFieldControllers = function useFieldControllers(_ref) {
 
 var styles$k = {"text-field":"_3BVGA","text-field--invalid":"_FLffs","text-field--prefixed":"_3qeO1","text-field--suffixed":"_3QPln"};
 
-var _excluded$2t = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
+var _excluded$2u = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 var useTextField = function useTextField(_ref) {
   var _classnames;
   var autoComplete = _ref.autoComplete,
@@ -6729,7 +6746,7 @@ var useTextField = function useTextField(_ref) {
     value = _ref.value,
     ref = _ref.ref,
     testId = _ref.testId,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
   var controllers = useFieldControllers({
     error: error,
     id: id,
@@ -6858,7 +6875,7 @@ var TimeFieldInput = function TimeFieldInput(_ref) {
   })));
 };
 
-var _excluded$2u = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
+var _excluded$2v = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
 var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
   var _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? '9:00 AM' : _ref$placeholder,
@@ -6867,7 +6884,7 @@ var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
     selectedTimeOption = _ref.selectedTimeOption,
     prefix = _ref.prefix,
     duration = _ref.duration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       placeholder: placeholder,
       autoComplete: autoComplete,
@@ -7173,7 +7190,7 @@ var ALIGNMENTS = {
 
 var styles$p = {"text":"_32amZ","text__body":"_ayJRy","text__caption":"_3g1gi","text__insight":"_20Phg","text--bold":"_A0AyZ","text--italic":"_3jayQ","text--underline":"_GOcFw","text--monospace":"_3TfGK","text--align-left":"_b8gto","text--align-right":"_ecyH1","text--align-center":"_xBgXc","text--align-justify":"_280D5"};
 
-var _excluded$2v = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
+var _excluded$2w = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 var TextComponent = function TextComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -7184,7 +7201,7 @@ var TextComponent = function TextComponent(_ref, ref) {
     color = _ref.color,
     testId = _ref.testId,
     textWrap = _ref.textWrap,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -7401,7 +7418,7 @@ var KebabMenu = function KebabMenu(_ref) {
 
 var styles$q = {"card":"_2o1ez","card__body":"_1PFiJ","card__body--interactive":"_3dQzA","card--focus":"_5dJZO","card__body--focus":"_DWgI_","card__body--disabled":"_24dNX","card__body--with-kebab":"_2LVaD","card__kebab":"_L9ZA7","card__kebab--disabled":"_5YidV","card__close":"_37yla","card__close--disabled":"_3J4FP"};
 
-var _excluded$2w = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
+var _excluded$2x = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
 var Card$1 = function Card(_ref) {
   var _classnames, _classnames2, _classnames3, _classnames4;
   var children = _ref.children,
@@ -7413,7 +7430,7 @@ var Card$1 = function Card(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     actions = _ref.actions,
     testId = _ref.testId,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   var translate = useTranslation('Card');
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
@@ -7767,14 +7784,14 @@ var SKELETON_COMPONENT = {
   PILL: 'pill'
 };
 
-var _excluded$2x = ["as", "testId", "width", "height"];
+var _excluded$2y = ["as", "testId", "width", "height"];
 var Skeleton = function Skeleton(_ref) {
   var _classnames;
   var as = _ref.as,
     testId = _ref.testId,
     width = _ref.width,
     height = _ref.height,
-    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
+    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   var positioning = usePositionStyles(positionStyles);
   return React__default.createElement("div", {
     "data-testid": testId,
@@ -7829,7 +7846,7 @@ var ModalHeader = function ModalHeader(_ref) {
   }, subHeader));
 };
 
-var _excluded$2y = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+var _excluded$2z = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
 var Modal = function Modal(_ref) {
   var children = _ref.children,
     header = _ref.header,
@@ -7846,7 +7863,7 @@ var Modal = function Modal(_ref) {
     _ref$shouldReturnFocu = _ref.shouldReturnFocusAfterClose,
     shouldReturnFocusAfterClose = _ref$shouldReturnFocu === void 0 ? true : _ref$shouldReturnFocu,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   var style = {
     content: {
       width: width,
@@ -8284,7 +8301,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
 
 var styles$H = {"check-box-field":"_2Rbk6","check-box-field__caption":"_1GW-E","check-box-field__custom-input":"_2W10t"};
 
-var _excluded$2z = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+var _excluded$2A = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 var CheckboxField = function CheckboxField(_ref) {
   var name = _ref.name,
     inputId = _ref.id,
@@ -8296,7 +8313,7 @@ var CheckboxField = function CheckboxField(_ref) {
     error = _ref.error,
     disabled = _ref.disabled,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   var controllers = useCheckBoxFieldControllers({
     name: name,
     id: inputId,
@@ -8365,7 +8382,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
 
 var styles$I = {"hint-modal":"_1b47y","hint-modal--after-open":"_2MB4p","hint-modal--before-close":"_3VYQo","hint-modal__overlay":"_3Enme","hint-modal__image":"_2Nn7v","hint-modal__body":"_bzN9e","hint-modal__close-button":"_3xbis"};
 
-var _excluded$2A = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
+var _excluded$2B = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
 var HintModal$1 = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -8374,7 +8391,7 @@ var HintModal$1 = function HintModal(_ref) {
     modalId = _ref.modalId,
     primaryButton = _ref.primaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   var __ = useTranslation('HintModal');
   var _useState = useState(false),
     doNotShowAgain = _useState[0],
@@ -8599,7 +8616,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
 };
 var DataTableEditableCell = forwardRef(DataTableEditableCellElement);
 
-var _excluded$2B = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
+var _excluded$2C = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
 var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -8611,7 +8628,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
     _ref$hasDefaultCell = _ref.hasDefaultCell,
     hasDefaultCell = _ref$hasDefaultCell === void 0 ? true : _ref$hasDefaultCell,
     testId = _ref.testId,
-    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
+    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   var _useDataTableContext = useDataTableContext(),
     showActionMenu = _useDataTableContext.showActionMenu;
   var styleNames = classnames(styles$z['item'], (_classnames = {}, _classnames[styles$z['clickable']] = onClick, _classnames[styles$z['selected']] = isSelected, _classnames));
@@ -9001,7 +9018,7 @@ var DataTableEmptyState = function DataTableEmptyState(_ref) {
   }, customEmptyState ? customEmptyState.caption : translate('emptyStateCaption')))));
 };
 
-var _excluded$2C = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
+var _excluded$2D = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns", "emptyState"];
 var DataTable$1 = function DataTable(_ref) {
   var _classNames, _classNames2, _classNames3;
   var items = _ref.items,
@@ -9026,7 +9043,7 @@ var DataTable$1 = function DataTable(_ref) {
     skeletonRowLayout = _ref.skeletonRowLayout,
     stickyColumns = _ref.stickyColumns,
     emptyState = _ref.emptyState,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   var prevItemsRef = useRef([]);
@@ -9406,11 +9423,11 @@ var isReactSelectElement = function isReactSelectElement(element) {
 
 var styles$S = {"custom-control":"_1JTKu"};
 
-var _excluded$2D = ["children"];
+var _excluded$2E = ["children"];
 function CustomControl(_ref) {
   var _props$getValue;
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
   var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
   return React__default.createElement(components.Control, _extends({}, props), SelectedOptionPrefix && selectedOption ? React__default.createElement("div", {
@@ -9427,10 +9444,10 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-var _excluded$2E = ["children"];
+var _excluded$2F = ["children"];
 function CustomOption(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
   return React__default.createElement(components.Option, _extends({}, props), React__default.createElement(UserCustomOption, _extends({}, props), children));
 }
@@ -9584,10 +9601,10 @@ var CustomContainer = function CustomContainer(props) {
 
 var styles$T = {"custom-menu-text-field":"_2bu6-","custom-menu-hr":"_1cgU7","custom-menu-div":"_1khlU"};
 
-var _excluded$2F = ["children"];
+var _excluded$2G = ["children"];
 function CustomMenu(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   var _props$selectProps$co = props.selectProps.componentsProps,
     creatableButton = _props$selectProps$co.creatableButton,
     onMenuInputFocus = _props$selectProps$co.onMenuInputFocus,
@@ -10306,11 +10323,11 @@ var TextAreaField = function TextAreaField(_ref) {
   }, toolbar)));
 };
 
-var _excluded$2G = ["prefix", "suffix"];
+var _excluded$2H = ["prefix", "suffix"];
 var TextFieldElement = function TextFieldElement(_ref, ref) {
   var prefix = _ref.prefix,
     suffix = _ref.suffix,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   var _useTextField = useTextField(_extends({}, props, {
       ref: ref
     })),
@@ -10906,12 +10923,12 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var styles$18 = {"custom-list":"_12jq3"};
 
-var _excluded$2H = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$2I = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
     hasMoreOptions = _ref.hasMoreOptions,
     hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   var __ = useTranslation('AsyncSelectField');
   var showFooter = hasMoreOptions;
   if (props.selectProps.inputValue === '' && typeof hasMoreOptionsFirstLoad === 'boolean') {
@@ -10924,10 +10941,10 @@ var CustomList = function CustomList(_ref) {
   }, __('moreOptionsPlaceholder')))));
 };
 
-var _excluded$2I = ["loadOptions"];
+var _excluded$2J = ["loadOptions"];
 var AsyncSelectField$1 = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   var _useState = useState(false),
     hasMoreOptions = _useState[0],
     setHasMoreOptions = _useState[1];
@@ -11753,7 +11770,7 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
   })));
 };
 
-var _excluded$2J = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration"];
+var _excluded$2K = ["interval", "startTime", "prefix", "endField", "duration", "subtractDuration"];
 var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
   var _ref$interval = _ref.interval,
     interval = _ref$interval === void 0 ? 15 : _ref$interval,
@@ -11763,7 +11780,7 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     endField = _ref$endField === void 0 ? false : _ref$endField,
     duration = _ref.duration,
     subtractDuration = _ref.subtractDuration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;
   var _useState = useState(allOtherProps.value || allOtherProps.defaultValue),
@@ -11952,13 +11969,13 @@ var styles$1b = {"currency-field__mask-display":"_2K8Ob"};
 var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
 var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
 
-var _excluded$2K = ["currencySymbol", "step"];
+var _excluded$2L = ["currencySymbol", "step"];
 var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
   var _ref$currencySymbol = _ref.currencySymbol,
     currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol,
     _ref$step = _ref.step,
     step = _ref$step === void 0 ? 0.01 : _ref$step,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
   var _useState = useState(CURRENCY_DISPLAY_DEFAULT_MARGIN),
     displayPadding = _useState[0],
     setDisplayPadding = _useState[1];
@@ -12022,7 +12039,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
 };
 var CurrencyField = forwardRef(CurrencyFieldElement);
 
-var _excluded$2L = ["max", "min", "precision", "stepSize", "prefix"];
+var _excluded$2M = ["max", "min", "precision", "stepSize", "prefix"];
 var PercentageElement = function PercentageElement(_ref, ref) {
   var _ref$max = _ref.max,
     max = _ref$max === void 0 ? 100 : _ref$max,
@@ -12033,7 +12050,7 @@ var PercentageElement = function PercentageElement(_ref, ref) {
     _ref$stepSize = _ref.stepSize,
     stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
     prefix = _ref.prefix,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       ref: ref
     })),
@@ -12119,8 +12136,7 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
     _onChange = _ref.onChange,
     _onBlur = _ref.onBlur,
     error = _ref.error,
-    onMenuInputFocus = _ref.onMenuInputFocus,
-    defaultCountry = _ref.defaultCountry;
+    onMenuInputFocus = _ref.onMenuInputFocus;
   var _useFormContext = useFormContext(),
     formik = _useFormContext.formik;
   var id = useFieldId({
@@ -12149,35 +12165,6 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
     }
   };
   var formikState = getFormikState(name, formik);
-  var phoneFieldValue = formik && formikState && !value ? formikState.value : value;
-  var _useProviderConfig = useProviderConfig(),
-    country = _useProviderConfig.country;
-  var parseMeta = function parseMeta(value) {
-    if (value === '') {
-      return {
-        country: defaultCountry || country,
-        phone: ''
-      };
-    }
-    try {
-      var phone = parsePhoneNumber(value);
-      var formatedPhone = new AsYouType(phone.country).input(value.replace('+' + phone.countryCallingCode, ''));
-      return {
-        country: phone.country,
-        phone: formatedPhone
-      };
-    } catch (error) {
-      return {
-        country: defaultCountry || country,
-        phone: value
-      };
-    }
-  };
-  var _useState = useState(function () {
-      return parseMeta(phoneFieldValue || '');
-    }),
-    meta = _useState[0],
-    setMeta = _useState[1];
   if (formik && formikState) {
     controllers = _extends({}, controllers, {
       error: error ? controllers.error : formikState.error,
@@ -12202,14 +12189,11 @@ var usePhoneFieldControllers = function usePhoneFieldControllers(_ref) {
       }
     });
   }
-  return _extends({}, controllers, {
-    metaData: meta,
-    changeMeta: setMeta
-  });
+  return controllers;
 };
 
 var usePhoneField = function usePhoneField(_ref) {
-  var _classnames;
+  var _classnames, _controllers$value;
   var autoFocus = _ref.autoFocus,
     disabled = _ref.disabled,
     error = _ref.error,
@@ -12223,16 +12207,14 @@ var usePhoneField = function usePhoneField(_ref) {
     placeholder = _ref.placeholder,
     value = _ref.value,
     ref = _ref.ref,
-    testId = _ref.testId,
-    defaultCountry = _ref.defaultCountry;
+    testId = _ref.testId;
   var controllers = usePhoneFieldControllers({
     error: error,
     id: id,
     name: name,
     onChange: onChange,
     onBlur: onBlur,
-    value: value,
-    defaultCountry: defaultCountry
+    value: value
   });
   var hasError = !!controllers.error;
   var inputProps = {
@@ -12251,7 +12233,7 @@ var usePhoneField = function usePhoneField(_ref) {
     ref: ref,
     size: 1,
     type: 'text',
-    value: controllers.metaData.phone
+    value: (_controllers$value = controllers.value) === null || _controllers$value === void 0 ? void 0 : _controllers$value.phone
   };
   var fieldProps = {
     caption: caption,
@@ -12263,9 +12245,7 @@ var usePhoneField = function usePhoneField(_ref) {
   return {
     inputProps: inputProps,
     fieldProps: fieldProps,
-    fieldValue: controllers.value,
-    metaData: controllers.metaData,
-    changeMeta: controllers.changeMeta
+    fieldValue: controllers.value
   };
 };
 
@@ -13049,27 +13029,26 @@ var CountrySelector = function CountrySelector(_ref) {
   }))));
 };
 
-var _excluded$2M = ["disabledCountry"];
+var _excluded$2N = ["disabledCountry"];
 var PhoneField = function PhoneField(_ref) {
   var _classNames;
   var _ref$disabledCountry = _ref.disabledCountry,
     disabledCountry = _ref$disabledCountry === void 0 ? false : _ref$disabledCountry,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
   var inputRef = useRef(null);
   var _usePhoneField = usePhoneField(_extends({}, props, {
       ref: inputRef
     })),
     inputProps = _usePhoneField.inputProps,
     fieldProps = _usePhoneField.fieldProps,
-    metaData = _usePhoneField.metaData,
-    changeMeta = _usePhoneField.changeMeta;
-  var selectedCountry = metaData.country;
+    fieldValue = _usePhoneField.fieldValue;
+  var selectedCountry = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.country;
   var handleCountryChange = function handleCountryChange(countryCode) {
-    changeMeta({
+    inputProps.onChange({
       country: countryCode,
-      phone: ''
+      phone: '',
+      internationalPhone: ''
     });
-    inputProps.onChange('');
     if (inputRef.current) {
       inputRef.current.focus();
     }
@@ -13077,22 +13056,11 @@ var PhoneField = function PhoneField(_ref) {
   var handlePhoneChange = function handlePhoneChange(e) {
     var formatedPhone = new AsYouType(selectedCountry).input(e.target.value);
     e.target.value = formatedPhone;
-    var internationalPhone = '';
-    var parseError = null;
-    try {
-      var phoneNumber = parsePhoneNumber(e.target.value, selectedCountry);
-      internationalPhone = phoneNumber.number;
-    } catch (error) {
-      parseError = error;
-    }
-    if (parseError && parseError.message === 'TOO_LONG') {
-      return;
-    }
-    changeMeta({
+    inputProps.onChange({
       country: selectedCountry,
-      phone: formatedPhone
+      phone: formatedPhone,
+      internationalPhone: ''
     });
-    inputProps.onChange(internationalPhone);
   };
   var handlePhoneBlur = function handlePhoneBlur(e) {
     var internationalPhone = '';
@@ -13102,9 +13070,31 @@ var PhoneField = function PhoneField(_ref) {
     } catch (error) {
       console.warn("PhoneField: " + error);
     }
-    inputProps.onChange(internationalPhone);
-    inputProps.onBlur(internationalPhone);
+    var value = {
+      country: selectedCountry,
+      phone: e.target.value,
+      internationalPhone: internationalPhone
+    };
+    inputProps.onChange(value);
+    inputProps.onBlur(value);
   };
+  useEffect(function () {
+    if (Boolean(fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.internationalPhone) && (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.phone) === '') {
+      var formatedPhone = '';
+      try {
+        var phoneNumber = parsePhoneNumber(fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.internationalPhone);
+        formatedPhone = new AsYouType(selectedCountry).input(phoneNumber.nationalNumber);
+      } catch (error) {
+        console.warn("PhoneField: " + error);
+      }
+      var value = {
+        country: selectedCountry,
+        phone: formatedPhone,
+        internationalPhone: fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.internationalPhone
+      };
+      inputProps.onChange(value);
+    }
+  }, [fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.internationalPhone]);
   return React__default.createElement(Field, _extends({}, fieldProps), React__default.createElement("div", {
     className: styles$1c['phone-field']
   }, !disabledCountry && React__default.createElement(CountrySelector, {
@@ -13129,14 +13119,14 @@ var PhoneField = function PhoneField(_ref) {
 
 var styles$1e = {"badge":"_1QLaK","badge--warning":"_qsFWw","badge--danger":"_359Cc","badge--success":"_2AOEK","badge--info":"_1mLjf","badge--numeric":"_2bb5N"};
 
-var _excluded$2N = ["children", "theme", "title", "testId"];
+var _excluded$2O = ["children", "theme", "title", "testId"];
 var BadgeElement = function BadgeElement(_ref, forwardedRef) {
   var _classnames;
   var children = _ref.children,
     theme = _ref.theme,
     title = _ref.title,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2O);
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;
   useLayoutEffect(function () {
@@ -13461,5 +13451,5 @@ var EmptyState = function EmptyState(props) {
   return emptyStateContainer;
 };
 
-export { Accordion, ActionList, ActionListItem, AsyncSelectField$1 as AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar$1 as Calendar, CalloutCard, Card$1 as Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable$1 as DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal$1 as HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconHatChef, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlateUtensils, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls$1 as PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField$1 as SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
+export { Accordion, ActionList, ActionListItem, AsyncSelectField$1 as AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar$1 as Calendar, CalloutCard, Card$1 as Card, CheckboxField, Chip, CircularProgress, CurrencyField, DataTable$1 as DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal$1 as HintModal, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircleIncomplete, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconClockRewind, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGavel, IconGif, IconGift, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHandshake, IconHatChef, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMessages, IconMinus, IconMinusCircle, IconMoneyBill, IconMugSaucerSolid, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlateUtensils, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStarSolid, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTable, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUserComputer, IconUserFriends, IconUserLight, IconUserPlus, IconUserSearch, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, InlineBanner, Italic, Link, Modal, ModalBody, ModalFooter, MultiSelectField, Page, PaginationControls$1 as PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField$1 as SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, ZINDEX, toast, useDataTableContext };
 //# sourceMappingURL=index.modern.js.map