@7shifts/sous-chef 3.36.3 → 3.38.0

package/dist/index.modern.js

@@ -3552,13 +3552,41 @@ var IconHandshake = forwardRef(function (_ref, ref) {
 IconHandshake.displayName = 'IconHandshake';
 
 var _excluded$1l = ["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);
+  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("path", {
+    fill: "currentColor",
+    d: "M6.676 3.258a3.753 3.753 0 0 1 6.644 0 .621.621 0 0 0 1.027.117 2.502 2.502 0 0 1 4.364 2.078l-.004.02c-.137.89-.555 2.28-1.02 3.652a79.933 79.933 0 0 1-1.21 3.309.114.114 0 0 1-.11.07h-1.765l1.011-5.512a.625.625 0 0 0-.5-.726.627.627 0 0 0-.726.5l-1.032 5.625a.559.559 0 0 0-.011.113h-2.719V5.625A.627.627 0 0 0 10 5a.627.627 0 0 0-.625.625V12.5H6.656a.558.558 0 0 0-.011-.113L5.613 6.762a.622.622 0 0 0-.726-.5.622.622 0 0 0-.5.726L5.398 12.5H3.633a.114.114 0 0 1-.11-.07 86.182 86.182 0 0 1-1.21-3.309C1.848 7.75 1.43 6.36 1.293 5.47l-.004-.02a2.502 2.502 0 0 1 2.46-2.953c.763 0 1.442.34 1.9.875a.63.63 0 0 0 .542.215.636.636 0 0 0 .485-.332v.004ZM10 0C8.363 0 6.91.785 6 2A3.751 3.751 0 0 0 .059 5.668C.215 6.68.668 8.16 1.129 9.523a86.727 86.727 0 0 0 1.226 3.36c.208.531.72.867 1.278.867h12.734c.559 0 1.07-.336 1.274-.867.261-.672.757-1.98 1.226-3.36.461-1.363.914-2.843 1.07-3.855A3.751 3.751 0 0 0 13.997 2 4.973 4.973 0 0 0 10 0ZM2.5 15v2.5C2.5 18.879 3.621 20 5 20h10c1.379 0 2.5-1.121 2.5-2.5V15h-1.25v2.5c0 .691-.559 1.25-1.25 1.25H5c-.691 0-1.25-.559-1.25-1.25V15H2.5Z"
+  }));
+});
+IconHatChef.displayName = 'IconHatChef';
+
+var _excluded$1m = ["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$1l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3586,14 +3614,14 @@ var IconImage = forwardRef(function (_ref, ref) {
 });
 IconImage.displayName = 'IconImage';
 
-var _excluded$1m = ["testId", "size", "color", "style"];
+var _excluded$1n = ["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$1m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3616,14 +3644,14 @@ var IconIslandTropical = forwardRef(function (_ref, ref) {
 });
 IconIslandTropical.displayName = 'IconIslandTropical';
 
-var _excluded$1n = ["testId", "size", "color", "style"];
+var _excluded$1o = ["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$1n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3644,14 +3672,14 @@ var IconItalic = forwardRef(function (_ref, ref) {
 });
 IconItalic.displayName = 'IconItalic';
 
-var _excluded$1o = ["testId", "size", "color", "style"];
+var _excluded$1p = ["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$1o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3681,14 +3709,14 @@ var IconLaptopSearch = forwardRef(function (_ref, ref) {
 });
 IconLaptopSearch.displayName = 'IconLaptopSearch';
 
-var _excluded$1p = ["testId", "size", "color", "style"];
+var _excluded$1q = ["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$1p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3716,14 +3744,14 @@ var IconLink = forwardRef(function (_ref, ref) {
 });
 IconLink.displayName = 'IconLink';
 
-var _excluded$1q = ["testId", "size", "color", "style"];
+var _excluded$1r = ["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$1q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3751,14 +3779,14 @@ var IconListOI = forwardRef(function (_ref, ref) {
 });
 IconListOI.displayName = 'IconListOI';
 
-var _excluded$1r = ["testId", "size", "color", "style"];
+var _excluded$1s = ["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$1r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3779,14 +3807,14 @@ var IconList = forwardRef(function (_ref, ref) {
 });
 IconList.displayName = 'IconList';
 
-var _excluded$1s = ["testId", "size", "color", "style"];
+var _excluded$1t = ["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$1s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1t);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3807,14 +3835,14 @@ var IconLock = forwardRef(function (_ref, ref) {
 });
 IconLock.displayName = 'IconLock';
 
-var _excluded$1t = ["testId", "size", "color", "style"];
+var _excluded$1u = ["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$1t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1u);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3837,14 +3865,14 @@ var IconMagicSolid = forwardRef(function (_ref, ref) {
 });
 IconMagicSolid.displayName = 'IconMagicSolid';
 
-var _excluded$1u = ["testId", "size", "color", "style"];
+var _excluded$1v = ["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$1u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1v);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3867,14 +3895,14 @@ var IconMapMarker = forwardRef(function (_ref, ref) {
 });
 IconMapMarker.displayName = 'IconMapMarker';
 
-var _excluded$1v = ["testId", "size", "color", "style"];
+var _excluded$1w = ["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$1v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1w);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3897,14 +3925,14 @@ var IconMegaphone = forwardRef(function (_ref, ref) {
 });
 IconMegaphone.displayName = 'IconMegaphone';
 
-var _excluded$1w = ["testId", "size", "color", "style"];
+var _excluded$1x = ["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$1w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1x);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3925,14 +3953,14 @@ var IconMessages = forwardRef(function (_ref, ref) {
 });
 IconMessages.displayName = 'IconMessages';
 
-var _excluded$1x = ["testId", "size", "color", "style"];
+var _excluded$1y = ["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$1x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3953,14 +3981,14 @@ var IconMinusCircle = forwardRef(function (_ref, ref) {
 });
 IconMinusCircle.displayName = 'IconMinusCircle';
 
-var _excluded$1y = ["testId", "size", "color", "style"];
+var _excluded$1z = ["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$1y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -3981,14 +4009,14 @@ var IconMinus = forwardRef(function (_ref, ref) {
 });
 IconMinus.displayName = 'IconMinus';
 
-var _excluded$1z = ["testId", "size", "color", "style"];
+var _excluded$1A = ["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$1z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1A);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4009,14 +4037,14 @@ var IconMoneyBill = forwardRef(function (_ref, ref) {
 });
 IconMoneyBill.displayName = 'IconMoneyBill';
 
-var _excluded$1A = ["testId", "size", "color", "style"];
+var _excluded$1B = ["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$1A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1B);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4037,14 +4065,14 @@ var IconMugSaucerSolid = forwardRef(function (_ref, ref) {
 });
 IconMugSaucerSolid.displayName = 'IconMugSaucerSolid';
 
-var _excluded$1B = ["testId", "size", "color", "style"];
+var _excluded$1C = ["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$1B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1C);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4065,14 +4093,14 @@ var IconNotesMedical = forwardRef(function (_ref, ref) {
 });
 IconNotesMedical.displayName = 'IconNotesMedical';
 
-var _excluded$1C = ["testId", "size", "color", "style"];
+var _excluded$1D = ["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$1C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1D);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4100,14 +4128,14 @@ var IconOvertime = forwardRef(function (_ref, ref) {
 });
 IconOvertime.displayName = 'IconOvertime';
 
-var _excluded$1D = ["testId", "size", "color", "style"];
+var _excluded$1E = ["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$1D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1E);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4139,14 +4167,14 @@ var IconPaperPlaneClock = forwardRef(function (_ref, ref) {
 });
 IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
 
-var _excluded$1E = ["testId", "size", "color", "style"];
+var _excluded$1F = ["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$1E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1F);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4169,14 +4197,14 @@ var IconPaperPlane = forwardRef(function (_ref, ref) {
 });
 IconPaperPlane.displayName = 'IconPaperPlane';
 
-var _excluded$1F = ["testId", "size", "color", "style"];
+var _excluded$1G = ["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$1F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1G);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4204,14 +4232,14 @@ var IconPaperclip = forwardRef(function (_ref, ref) {
 });
 IconPaperclip.displayName = 'IconPaperclip';
 
-var _excluded$1G = ["testId", "size", "color", "style"];
+var _excluded$1H = ["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$1G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1H);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4234,14 +4262,14 @@ var IconPencil = forwardRef(function (_ref, ref) {
 });
 IconPencil.displayName = 'IconPencil';
 
-var _excluded$1H = ["testId", "size", "color", "style"];
+var _excluded$1I = ["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$1H);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1I);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4262,14 +4290,14 @@ var IconPercentage = forwardRef(function (_ref, ref) {
 });
 IconPercentage.displayName = 'IconPercentage';
 
-var _excluded$1I = ["testId", "size", "color", "style"];
+var _excluded$1J = ["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$1I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1J);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4290,14 +4318,42 @@ var IconPhone = forwardRef(function (_ref, ref) {
 });
 IconPhone.displayName = 'IconPhone';
 
-var _excluded$1J = ["testId", "size", "color", "style"];
+var _excluded$1K = ["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);
+  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("path", {
+    fill: "currentColor",
+    d: "M.5 3c-.275 0-.5.225-.5.5V8a1.5 1.5 0 0 0 1.5 1.5H2v8c0 .275.225.5.5.5s.5-.225.5-.5v-8h.5A1.5 1.5 0 0 0 5 8V3.5c0-.275-.225-.5-.5-.5s-.5.225-.5.5V8c0 .275-.225.5-.5.5H3v-5c0-.275-.225-.5-.5-.5s-.5.225-.5.5v5h-.5A.501.501 0 0 1 1 8V3.5C1 3.225.775 3 .5 3Zm15.063 1.966A7.472 7.472 0 0 0 10.5 3C8.813 3 7.253 3.56 6 4.5v1.31A6.474 6.474 0 0 1 10.5 4c1.84 0 3.5.766 4.684 1.994.097-.375.225-.716.379-1.028Zm.765 8.418a6.501 6.501 0 0 1-11.312.604 2.493 2.493 0 0 1-.907.437A7.494 7.494 0 0 0 10.5 18a7.498 7.498 0 0 0 6.875-4.5H17c-.238 0-.462-.04-.672-.116ZM15 10.5a4.5 4.5 0 1 0-9.002 0 4.5 4.5 0 0 0 9.002 0Zm-8 0a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0Zm12-6.3v7.3h-2v-4c0-1.916 1.231-2.881 2-3.3Zm1 7.3V3.653c0-.36-.29-.653-.653-.653a.568.568 0 0 0-.19.031C18.63 3.225 16 4.35 16 7.5v4c0 .553.447 1 1 1h2v5c0 .275.225.5.5.5s.5-.225.5-.5v-6Z"
+  }));
+});
+IconPlateUtensils.displayName = 'IconPlateUtensils';
+
+var _excluded$1L = ["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$1J);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1L);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4320,14 +4376,14 @@ var IconPlug = forwardRef(function (_ref, ref) {
 });
 IconPlug.displayName = 'IconPlug';
 
-var _excluded$1K = ["testId", "size", "color", "style"];
+var _excluded$1M = ["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$1K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1M);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4350,14 +4406,14 @@ var IconPlus = forwardRef(function (_ref, ref) {
 });
 IconPlus.displayName = 'IconPlus';
 
-var _excluded$1L = ["testId", "size", "color", "style"];
+var _excluded$1N = ["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$1L);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1N);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4380,14 +4436,14 @@ var IconPrint = forwardRef(function (_ref, ref) {
 });
 IconPrint.displayName = 'IconPrint';
 
-var _excluded$1M = ["testId", "size", "color", "style"];
+var _excluded$1O = ["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$1M);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1O);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4408,14 +4464,14 @@ var IconQuestionCircle = forwardRef(function (_ref, ref) {
 });
 IconQuestionCircle.displayName = 'IconQuestionCircle';
 
-var _excluded$1N = ["testId", "size", "color", "style"];
+var _excluded$1P = ["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$1N);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4436,14 +4492,14 @@ var IconRepeat = forwardRef(function (_ref, ref) {
 });
 IconRepeat.displayName = 'IconRepeat';
 
-var _excluded$1O = ["testId", "size", "color", "style"];
+var _excluded$1Q = ["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$1O);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Q);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4464,14 +4520,14 @@ var IconReply = forwardRef(function (_ref, ref) {
 });
 IconReply.displayName = 'IconReply';
 
-var _excluded$1P = ["testId", "size", "color", "style"];
+var _excluded$1R = ["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$1P);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1R);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4492,14 +4548,14 @@ var IconRocket = forwardRef(function (_ref, ref) {
 });
 IconRocket.displayName = 'IconRocket';
 
-var _excluded$1Q = ["testId", "size", "color", "style"];
+var _excluded$1S = ["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$1Q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1S);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4522,14 +4578,14 @@ var IconSearch = forwardRef(function (_ref, ref) {
 });
 IconSearch.displayName = 'IconSearch';
 
-var _excluded$1R = ["testId", "size", "color", "style"];
+var _excluded$1T = ["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$1R);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1T);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4550,14 +4606,14 @@ var IconSignOut = forwardRef(function (_ref, ref) {
 });
 IconSignOut.displayName = 'IconSignOut';
 
-var _excluded$1S = ["testId", "size", "color", "style"];
+var _excluded$1U = ["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$1S);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1U);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4580,14 +4636,14 @@ var IconSitemap = forwardRef(function (_ref, ref) {
 });
 IconSitemap.displayName = 'IconSitemap';
 
-var _excluded$1T = ["testId", "size", "color", "style"];
+var _excluded$1V = ["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$1T);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4615,14 +4671,14 @@ var IconSlidersH = forwardRef(function (_ref, ref) {
 });
 IconSlidersH.displayName = 'IconSlidersH';
 
-var _excluded$1U = ["testId", "size", "color", "style"];
+var _excluded$1W = ["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$1U);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4643,14 +4699,14 @@ var IconSort = forwardRef(function (_ref, ref) {
 });
 IconSort.displayName = 'IconSort';
 
-var _excluded$1V = ["testId", "size", "color", "style"];
+var _excluded$1X = ["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$1V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1X);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4671,14 +4727,14 @@ var IconStarSolid = forwardRef(function (_ref, ref) {
 });
 IconStarSolid.displayName = 'IconStarSolid';
 
-var _excluded$1W = ["testId", "size", "color", "style"];
+var _excluded$1Y = ["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$1W);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4699,14 +4755,14 @@ var IconStar = forwardRef(function (_ref, ref) {
 });
 IconStar.displayName = 'IconStar';
 
-var _excluded$1X = ["testId", "size", "color", "style"];
+var _excluded$1Z = ["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$1X);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1Z);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4730,14 +4786,14 @@ var IconStickyNoteLines = forwardRef(function (_ref, ref) {
 });
 IconStickyNoteLines.displayName = 'IconStickyNoteLines';
 
-var _excluded$1Y = ["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$1Y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1_);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4760,14 +4816,14 @@ var IconStopwatch = forwardRef(function (_ref, ref) {
 });
 IconStopwatch.displayName = 'IconStopwatch';
 
-var _excluded$1Z = ["testId", "size", "color", "style"];
+var _excluded$1$ = ["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$1Z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1$);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4795,14 +4851,14 @@ var IconStrikethrough = forwardRef(function (_ref, ref) {
 });
 IconStrikethrough.displayName = 'IconStrikethrough';
 
-var _excluded$1_ = ["testId", "size", "color", "style"];
+var _excluded$20 = ["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$1_);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4823,14 +4879,14 @@ var IconSyncExclaimation = forwardRef(function (_ref, ref) {
 });
 IconSyncExclaimation.displayName = 'IconSyncExclaimation';
 
-var _excluded$1$ = ["testId", "size", "color", "style"];
+var _excluded$21 = ["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$1$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$21);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4851,14 +4907,14 @@ var IconSync = forwardRef(function (_ref, ref) {
 });
 IconSync.displayName = 'IconSync';
 
-var _excluded$20 = ["testId", "size", "color", "style"];
+var _excluded$22 = ["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$20);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$22);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4886,14 +4942,14 @@ var IconTable = forwardRef(function (_ref, ref) {
 });
 IconTable.displayName = 'IconTable';
 
-var _excluded$21 = ["testId", "size", "color", "style"];
+var _excluded$23 = ["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$21);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$23);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4913,14 +4969,14 @@ var IconTachometer = forwardRef(function (_ref, ref) {
 });
 IconTachometer.displayName = 'IconTachometer';
 
-var _excluded$22 = ["testId", "size", "color", "style"];
+var _excluded$24 = ["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$22);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$24);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4943,14 +4999,14 @@ var IconTimesOctagon = forwardRef(function (_ref, ref) {
 });
 IconTimesOctagon.displayName = 'IconTimesOctagon';
 
-var _excluded$23 = ["testId", "size", "color", "style"];
+var _excluded$25 = ["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$23);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$25);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -4973,14 +5029,14 @@ var IconTimes = forwardRef(function (_ref, ref) {
 });
 IconTimes.displayName = 'IconTimes';
 
-var _excluded$24 = ["testId", "size", "color", "style"];
+var _excluded$26 = ["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$24);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5003,14 +5059,14 @@ var IconTrash = forwardRef(function (_ref, ref) {
 });
 IconTrash.displayName = 'IconTrash';
 
-var _excluded$25 = ["testId", "size", "color", "style"];
+var _excluded$27 = ["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$25);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$27);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5031,14 +5087,14 @@ var IconUnderline = forwardRef(function (_ref, ref) {
 });
 IconUnderline.displayName = 'IconUnderline';
 
-var _excluded$26 = ["testId", "size", "color", "style"];
+var _excluded$28 = ["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$26);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$28);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5059,14 +5115,14 @@ var IconUndo = forwardRef(function (_ref, ref) {
 });
 IconUndo.displayName = 'IconUndo';
 
-var _excluded$27 = ["testId", "size", "color", "style"];
+var _excluded$29 = ["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$27);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5094,14 +5150,14 @@ var IconUniversity = forwardRef(function (_ref, ref) {
 });
 IconUniversity.displayName = 'IconUniversity';
 
-var _excluded$28 = ["testId", "size", "color", "style"];
+var _excluded$2a = ["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$28);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5129,14 +5185,14 @@ var IconUnlock = forwardRef(function (_ref, ref) {
 });
 IconUnlock.displayName = 'IconUnlock';
 
-var _excluded$29 = ["testId", "size", "color", "style"];
+var _excluded$2b = ["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$29);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5168,14 +5224,14 @@ var IconUserComputer = forwardRef(function (_ref, ref) {
 });
 IconUserComputer.displayName = 'IconUserComputer';
 
-var _excluded$2a = ["testId", "size", "color", "style"];
+var _excluded$2c = ["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$2a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5196,14 +5252,14 @@ var IconUserFriends = forwardRef(function (_ref, ref) {
 });
 IconUserFriends.displayName = 'IconUserFriends';
 
-var _excluded$2b = ["testId", "size", "color", "style"];
+var _excluded$2d = ["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$2b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2d);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5226,14 +5282,14 @@ var IconUserLight = forwardRef(function (_ref, ref) {
 });
 IconUserLight.displayName = 'IconUserLight';
 
-var _excluded$2c = ["testId", "size", "color", "style"];
+var _excluded$2e = ["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$2c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5254,14 +5310,14 @@ var IconUserPlus = forwardRef(function (_ref, ref) {
 });
 IconUserPlus.displayName = 'IconUserPlus';
 
-var _excluded$2d = ["testId", "size", "color", "style"];
+var _excluded$2f = ["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$2d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2f);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5291,14 +5347,14 @@ var IconUserSearch = forwardRef(function (_ref, ref) {
 });
 IconUserSearch.displayName = 'IconUserSearch';
 
-var _excluded$2e = ["testId", "size", "color", "style"];
+var _excluded$2g = ["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$2e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2g);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5326,14 +5382,14 @@ var IconUserSlash = forwardRef(function (_ref, ref) {
 });
 IconUserSlash.displayName = 'IconUserSlash';
 
-var _excluded$2f = ["testId", "size", "color", "style"];
+var _excluded$2h = ["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$2f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5354,14 +5410,14 @@ var IconUserSolid = forwardRef(function (_ref, ref) {
 });
 IconUserSolid.displayName = 'IconUserSolid';
 
-var _excluded$2g = ["testId", "size", "color", "style"];
+var _excluded$2i = ["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$2g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5384,14 +5440,14 @@ var IconUserTag = forwardRef(function (_ref, ref) {
 });
 IconUserTag.displayName = 'IconUserTag';
 
-var _excluded$2h = ["testId", "size", "color", "style"];
+var _excluded$2j = ["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$2h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2j);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5412,14 +5468,14 @@ var IconUserTie = forwardRef(function (_ref, ref) {
 });
 IconUserTie.displayName = 'IconUserTie';
 
-var _excluded$2i = ["testId", "size", "color", "style"];
+var _excluded$2k = ["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$2i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5440,14 +5496,14 @@ var IconUsers = forwardRef(function (_ref, ref) {
 });
 IconUsers.displayName = 'IconUsers';
 
-var _excluded$2j = ["testId", "size", "color", "style"];
+var _excluded$2l = ["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$2j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5468,14 +5524,14 @@ var IconVideo = forwardRef(function (_ref, ref) {
 });
 IconVideo.displayName = 'IconVideo';
 
-var _excluded$2k = ["testId", "size", "color", "style"];
+var _excluded$2m = ["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$2k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5496,14 +5552,14 @@ var IconVolumeMute = forwardRef(function (_ref, ref) {
 });
 IconVolumeMute.displayName = 'IconVolumeMute';
 
-var _excluded$2l = ["testId", "size", "color", "style"];
+var _excluded$2n = ["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$2l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5524,14 +5580,14 @@ var IconVolume = forwardRef(function (_ref, ref) {
 });
 IconVolume.displayName = 'IconVolume';
 
-var _excluded$2m = ["testId", "size", "color", "style"];
+var _excluded$2o = ["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$2m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
   var isInsideButton = useIsInsideComponent(COMPONENT_NAMES.BUTTON);
   var styleProps = {
     size: !size && isInsideButton ? 'medium' : size,
@@ -5634,12 +5690,16 @@ var Calendar = {
 	november: "November",
 	december: "December"
 };
+var Card = {
+	dismiss: "Dismiss"
+};
 var en = {
 	PaginationControls: PaginationControls,
 	AsyncSelectField: AsyncSelectField,
 	SelectField: SelectField,
 	HintModal: HintModal,
-	Calendar: Calendar
+	Calendar: Calendar,
+	Card: Card
 };
 
 var initialValue = {
@@ -5666,7 +5726,7 @@ var useTranslation = function useTranslation(context) {
   return translate;
 };
 
-var _excluded$2n = ["hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "testId", "scrollTarget"];
+var _excluded$2p = ["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,
@@ -5676,7 +5736,7 @@ var PaginationControls$1 = function PaginationControls(_ref) {
     onNextClick = _ref.onNextClick,
     testId = _ref.testId,
     scrollTarget = _ref.scrollTarget,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2n);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
   var __ = useTranslation('PaginationControls');
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
@@ -5744,7 +5804,7 @@ var LINK_TARGET = {
 
 var styles$8 = {"link--primary":"_1mKoj","link--contrast":"_HUvH1"};
 
-var _excluded$2o = ["href", "target", "theme", "onClick", "children"];
+var _excluded$2q = ["href", "target", "theme", "onClick", "children"];
 var Link = function Link(_ref) {
   var _classNames;
   var href = _ref.href,
@@ -5754,7 +5814,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$2o);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default.createElement("a", _extends({}, dataProps, {
@@ -6088,7 +6148,7 @@ var InlineBannerIcon = function InlineBannerIcon(_ref) {
   }
 };
 
-var _excluded$2p = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
+var _excluded$2r = ["children", "theme", "title", "onClose", "caption", "primaryButton", "secondaryButton", "testId"];
 var InlineBanner = function InlineBanner(_ref) {
   var _classnames, _classnames2;
   var children = _ref.children,
@@ -6100,7 +6160,7 @@ var InlineBanner = function InlineBanner(_ref) {
     primaryButton = _ref.primaryButton,
     secondaryButton = _ref.secondaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2p);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   var positionStyles = usePositionStyles(positionProps);
   var multiLine = !!title;
   var dismissable = !!onClose;
@@ -6396,14 +6456,14 @@ var ErrorMessage = function ErrorMessage(_ref) {
   }), children));
 };
 
-var _excluded$2q = ["id", "label", "caption", "error", "children"];
+var _excluded$2s = ["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$2q);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
   var shouldRenderLabel = label || typeof label === 'string';
   return React__default.createElement(Stack, _extends({
     space: 8,
@@ -6523,7 +6583,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$2r = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
+var _excluded$2t = ["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,
@@ -6544,7 +6604,7 @@ var useTextField = function useTextField(_ref) {
     value = _ref.value,
     ref = _ref.ref,
     testId = _ref.testId,
-    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   var controllers = useFieldControllers({
     error: error,
     id: id,
@@ -6665,7 +6725,7 @@ var TimeFieldInput = function TimeFieldInput(_ref) {
   })));
 };
 
-var _excluded$2s = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
+var _excluded$2u = ["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,
@@ -6674,7 +6734,7 @@ var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
     selectedTimeOption = _ref.selectedTimeOption,
     prefix = _ref.prefix,
     duration = _ref.duration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       placeholder: placeholder,
       autoComplete: autoComplete,
@@ -6975,7 +7035,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$2t = ["children", "as", "emphasis", "alignment", "color", "testId"];
+var _excluded$2v = ["children", "as", "emphasis", "alignment", "color", "testId"];
 var Text = function Text(_ref) {
   var _classnames;
   var children = _ref.children,
@@ -6985,7 +7045,7 @@ var Text = function Text(_ref) {
     alignment = _ref.alignment,
     color = _ref.color,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   var positionStyles = usePositionStyles(positionProps);
   var elementProps = {
     style: _extends({
@@ -7186,20 +7246,22 @@ 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"};
+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$2u = ["children", "onClick", "isSelected", "disabled", "actions", "testId"];
-var Card = function Card(_ref) {
-  var _classnames, _classnames2, _classnames3;
+var _excluded$2w = ["children", "onClick", "onClose", "isSelected", "disabled", "actions", "testId"];
+var Card$1 = function Card(_ref) {
+  var _classnames, _classnames2, _classnames3, _classnames4;
   var children = _ref.children,
     onClick = _ref.onClick,
+    onClose = _ref.onClose,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     actions = _ref.actions,
     testId = _ref.testId,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+  var translate = useTranslation('Card');
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -7221,8 +7283,17 @@ var Card = function Card(_ref) {
   }, children), actions && React__default.createElement("div", {
     className: classnames(styles$q['card__kebab'], (_classnames3 = {}, _classnames3[styles$q['card__kebab--disabled']] = disabled, _classnames3))
   }, React__default.createElement(KebabMenu, {
-    actions: actions
-  })));
+    actions: onClose ? actions.concat({
+      action: 'dismiss',
+      label: translate('dismiss'),
+      onAction: onClose
+    }) : actions
+  })), !actions && onClose && React__default.createElement("div", {
+    className: classnames(styles$q['card__close'], (_classnames4 = {}, _classnames4[styles$q['card__close--disabled']] = disabled, _classnames4))
+  }, React__default.createElement(Button, {
+    theme: "link-icon",
+    onClick: onClose
+  }, React__default.createElement(IconTimes, null))));
 };
 
 var styles$r = {"callout-card__close":"_cQT44","callout-card__header":"_rSzMg"};
@@ -7235,7 +7306,7 @@ var CalloutCard = function CalloutCard(_ref) {
     onClose = _ref.onClose,
     actions = _ref.actions,
     testId = _ref.testId;
-  return React__default.createElement(Card, {
+  return React__default.createElement(Card$1, {
     testId: testId
   }, React__default.createElement(Inline, null, React__default.createElement(Inline, {
     alignItems: "center"
@@ -7539,14 +7610,14 @@ var SKELETON_COMPONENT = {
   PILL: 'pill'
 };
 
-var _excluded$2v = ["as", "testId", "width", "height"];
+var _excluded$2x = ["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$2v);
+    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   var positioning = usePositionStyles(positionStyles);
   return React__default.createElement("div", {
     "data-testid": testId,
@@ -7609,7 +7680,7 @@ var useModalContext = function useModalContext() {
   return context || {};
 };
 
-var _excluded$2w = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+var _excluded$2y = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
 var Modal = function Modal(_ref) {
   var children = _ref.children,
     header = _ref.header,
@@ -7626,7 +7697,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$2w);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   var style = {
     content: {
       width: width,
@@ -8029,7 +8100,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$2x = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+var _excluded$2z = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 var CheckboxField = function CheckboxField(_ref) {
   var name = _ref.name,
     inputId = _ref.id,
@@ -8041,7 +8112,7 @@ var CheckboxField = function CheckboxField(_ref) {
     error = _ref.error,
     disabled = _ref.disabled,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   var controllers = useCheckBoxFieldControllers({
     name: name,
     id: inputId,
@@ -8110,7 +8181,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$2y = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
+var _excluded$2A = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
 var HintModal$1 = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -8119,7 +8190,7 @@ var HintModal$1 = function HintModal(_ref) {
     modalId = _ref.modalId,
     primaryButton = _ref.primaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   var __ = useTranslation('HintModal');
   var _useState = useState(false),
     doNotShowAgain = _useState[0],
@@ -8344,7 +8415,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
 };
 var DataTableEditableCell = forwardRef(DataTableEditableCellElement);
 
-var _excluded$2z = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
+var _excluded$2B = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
 var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -8356,7 +8427,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$2z);
+    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   var _useDataTableContext = useDataTableContext(),
     showActionMenu = _useDataTableContext.showActionMenu;
   var styleNames = classnames(styles$z['item'], (_classnames = {}, _classnames[styles$z['clickable']] = onClick, _classnames[styles$z['selected']] = isSelected, _classnames));
@@ -8569,7 +8640,7 @@ var DataTableStickyColumnsContainer = function DataTableStickyColumnsContainer(_
   }, children));
 };
 
-var _excluded$2A = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns"];
+var _excluded$2C = ["items", "columns", "itemComponent", "maxHeight", "hasPrevious", "hasNext", "onPreviousClick", "onNextClick", "onSort", "isLoading", "showActionMenu", "footerComponent", "hasVerticalBorders", "testId", "skeletonRowLayout", "stickyColumns"];
 var DataTable = function DataTable(_ref) {
   var _classNames, _classNames2, _classNames3;
   var items = _ref.items,
@@ -8593,7 +8664,7 @@ var DataTable = function DataTable(_ref) {
     testId = _ref.testId,
     skeletonRowLayout = _ref.skeletonRowLayout,
     stickyColumns = _ref.stickyColumns,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   var prevItemsRef = useRef([]);
@@ -8780,11 +8851,11 @@ var isReactSelectElement = function isReactSelectElement(element) {
 
 var styles$M = {"custom-control":"_1JTKu"};
 
-var _excluded$2B = ["children"];
+var _excluded$2D = ["children"];
 function CustomControl(_ref) {
   var _props$getValue;
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   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", {
@@ -8801,10 +8872,10 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-var _excluded$2C = ["children"];
+var _excluded$2E = ["children"];
 function CustomOption(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
   return React__default.createElement(components.Option, _extends({}, props), React__default.createElement(UserCustomOption, _extends({}, props), children));
 }
@@ -8957,10 +9028,10 @@ var CustomContainer = function CustomContainer(props) {
 
 var styles$N = {"custom-menu-text-field":"_2bu6-","custom-menu-hr":"_1cgU7","custom-menu-div":"_1khlU"};
 
-var _excluded$2D = ["children"];
+var _excluded$2F = ["children"];
 function CustomMenu(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   var _props$selectProps$co = props.selectProps.componentsProps,
     creatableButton = _props$selectProps$co.creatableButton,
     onMenuInputFocus = _props$selectProps$co.onMenuInputFocus,
@@ -9680,11 +9751,11 @@ var TextAreaField = function TextAreaField(_ref) {
   }, toolbar)));
 };
 
-var _excluded$2E = ["prefix", "suffix"];
+var _excluded$2G = ["prefix", "suffix"];
 var TextFieldElement = function TextFieldElement(_ref, ref) {
   var prefix = _ref.prefix,
     suffix = _ref.suffix,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   var _useTextField = useTextField(_extends({}, props, {
       ref: ref
     })),
@@ -10278,12 +10349,12 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var styles$11 = {"custom-list":"_12jq3"};
 
-var _excluded$2F = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$2H = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
     hasMoreOptions = _ref.hasMoreOptions,
     hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   var __ = useTranslation('AsyncSelectField');
   var showFooter = hasMoreOptions;
   if (props.selectProps.inputValue === '' && typeof hasMoreOptionsFirstLoad === 'boolean') {
@@ -10296,10 +10367,10 @@ var CustomList = function CustomList(_ref) {
   }, __('moreOptionsPlaceholder')))));
 };
 
-var _excluded$2G = ["loadOptions"];
+var _excluded$2I = ["loadOptions"];
 var AsyncSelectField$1 = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   var _useState = useState(false),
     hasMoreOptions = _useState[0],
     setHasMoreOptions = _useState[1];
@@ -11110,7 +11181,7 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
   })));
 };
 
-var _excluded$2H = ["interval", "startTime", "prefix", "endField", "duration"];
+var _excluded$2J = ["interval", "startTime", "prefix", "endField", "duration"];
 var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
   var _ref$interval = _ref.interval,
     interval = _ref$interval === void 0 ? 15 : _ref$interval,
@@ -11119,7 +11190,7 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     _ref$endField = _ref.endField,
     endField = _ref$endField === void 0 ? false : _ref$endField,
     duration = _ref.duration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;
   var _useState = useState(allOtherProps.value || allOtherProps.defaultValue),
@@ -11303,13 +11374,13 @@ var styles$14 = {"currency-field__mask-display":"_2K8Ob"};
 var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
 var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
 
-var _excluded$2I = ["currencySymbol", "step"];
+var _excluded$2K = ["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$2I);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   var _useState = useState(CURRENCY_DISPLAY_DEFAULT_MARGIN),
     displayPadding = _useState[0],
     setDisplayPadding = _useState[1];
@@ -11373,7 +11444,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
 };
 var CurrencyField = forwardRef(CurrencyFieldElement);
 
-var _excluded$2J = ["max", "min", "precision", "stepSize", "prefix"];
+var _excluded$2L = ["max", "min", "precision", "stepSize", "prefix"];
 var PercentageElement = function PercentageElement(_ref, ref) {
   var _ref$max = _ref.max,
     max = _ref$max === void 0 ? 100 : _ref$max,
@@ -11384,7 +11455,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$2J);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2L);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       ref: ref
     })),
@@ -12363,12 +12434,12 @@ var CountrySelector = function CountrySelector(_ref) {
   }))));
 };
 
-var _excluded$2K = ["disabledCountry"];
+var _excluded$2M = ["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$2K);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2M);
   var inputRef = useRef(null);
   var _usePhoneField = usePhoneField(_extends({}, props, {
       ref: inputRef
@@ -12453,14 +12524,14 @@ var PhoneField = function PhoneField(_ref) {
 
 var styles$17 = {"badge":"_1QLaK","badge--warning":"_qsFWw","badge--danger":"_359Cc","badge--success":"_2AOEK","badge--info":"_1mLjf"};
 
-var _excluded$2L = ["children", "theme", "title", "testId"];
+var _excluded$2N = ["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$2L);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2N);
   var internalRef = useRef(null);
   var ref = forwardedRef || internalRef;
   useLayoutEffect(function () {
@@ -12774,16 +12845,21 @@ var EmptyStateContainer = function EmptyStateContainer(_ref) {
   });
 };
 
-var Paywall = function Paywall(_ref) {
-  var header = _ref.header,
-    title = _ref.title,
-    children = _ref.children,
-    mediaUrl = _ref.mediaUrl,
-    actions = _ref.actions,
-    size = _ref.size,
-    caption = _ref.caption,
-    testId = _ref.testId;
-  return React__default.createElement(EmptyStateContainer, {
+var styles$1f = {"paywall--as-card":"_3kFM9","paywall--as-card--centered":"_3kmTB"};
+
+var Paywall = function Paywall(props) {
+  var header = props.header,
+    title = props.title,
+    children = props.children,
+    mediaUrl = props.mediaUrl,
+    actions = props.actions,
+    size = props.size,
+    caption = props.caption,
+    testId = props.testId,
+    _props$as = props.as,
+    as = _props$as === void 0 ? 'banner' : _props$as;
+  var onClose = props.as === 'card' ? props.onClose : undefined;
+  var emptyStateContainer = React__default.createElement(EmptyStateContainer, {
     header: header,
     title: title,
     mediaUrl: mediaUrl,
@@ -12793,18 +12869,32 @@ var Paywall = function Paywall(_ref) {
     isPaywall: true,
     testId: testId
   }, children);
-};
-
-var EmptyState = function EmptyState(_ref) {
-  var header = _ref.header,
-    title = _ref.title,
-    children = _ref.children,
-    mediaUrl = _ref.mediaUrl,
-    actions = _ref.actions,
-    caption = _ref.caption,
-    size = _ref.size,
-    testId = _ref.testId;
-  return React__default.createElement(EmptyStateContainer, {
+  if (as === 'card') {
+    var _classnames;
+    return React__default.createElement(Card$1, {
+      onClose: onClose
+    }, React__default.createElement("div", {
+      className: classnames(styles$1f['paywall--as-card'], (_classnames = {}, _classnames[styles$1f['paywall--as-card--centered']] = size === 'small', _classnames))
+    }, emptyStateContainer));
+  }
+  return emptyStateContainer;
+};
+
+var styles$1g = {"empty-state--as-card":"_DrBEi","empty-state--as-card--centered":"_3YbH7"};
+
+var EmptyState = function EmptyState(props) {
+  var header = props.header,
+    title = props.title,
+    children = props.children,
+    mediaUrl = props.mediaUrl,
+    actions = props.actions,
+    caption = props.caption,
+    size = props.size,
+    testId = props.testId,
+    _props$as = props.as,
+    as = _props$as === void 0 ? 'banner' : _props$as;
+  var onClose = props.as === 'card' ? props.onClose : undefined;
+  var emptyStateContainer = React__default.createElement(EmptyStateContainer, {
     header: size !== EMPTY_STATE_SIZE.SMALL ? header : undefined,
     title: title,
     mediaUrl: mediaUrl,
@@ -12813,7 +12903,16 @@ var EmptyState = function EmptyState(_ref) {
     size: size,
     testId: testId
   }, children);
+  if (as === 'card') {
+    var _classnames;
+    return React__default.createElement(Card$1, {
+      onClose: onClose
+    }, React__default.createElement("div", {
+      className: classnames(styles$1g['empty-state--as-card'], (_classnames = {}, _classnames[styles$1g['empty-state--as-card--centered']] = size === 'small', _classnames))
+    }, emptyStateContainer));
+  }
+  return emptyStateContainer;
 };
 
-export { AsyncSelectField$1 as AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar$1 as Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, CurrencyField, 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, 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, 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 { 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, 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 };
 //# sourceMappingURL=index.modern.js.map