@aivenio/aquarium 1.38.2 → 1.40.0

package/dist/system.cjs

@@ -81,566 +81,6 @@ var require_tokens = __commonJS({
   "tokens.json"(exports, module2) {
     module2.exports = {
       themes: {
-        timescale: {
-          colors: {
-            "error-100": "#aa0000",
-            "error-90": "#b90000",
-            "error-80": "#c50001",
-            "error-70": "#d80005",
-            "error-60": "#e70000",
-            "error-50": "#e62728",
-            "error-40": "#e0504f",
-            "error-30": "#ed7975",
-            "error-20": "#ffadb3",
-            "error-10": "#ffcbd2",
-            "error-5": "#fee8e7",
-            "error-0": "#fef2f1",
-            "warning-100": "#fe6d00",
-            "warning-90": "#ff9003",
-            "warning-80": "#fd9f00",
-            "warning-70": "#ffb300",
-            "warning-60": "#ffc107",
-            "warning-50": "#fdc926",
-            "warning-40": "#fdd44d",
-            "warning-30": "#fddf81",
-            "warning-20": "#feebb2",
-            "warning-10": "#fff2cd",
-            "warning-5": "#fff8ea",
-            "warning-0": "#fffdf9",
-            "success-100": "#006f00",
-            "success-90": "#008e00",
-            "success-80": "#009f00",
-            "success-70": "#00b300",
-            "success-60": "#00c300",
-            "success-50": "#40ce37",
-            "success-40": "#60db57",
-            "success-30": "#89eb80",
-            "success-20": "#afffa7",
-            "success-10": "#cbffc9",
-            "success-5": "#ecf7ed",
-            "success-0": "#f5faf5",
-            "info-100": "#02569a",
-            "info-90": "#0174ba",
-            "info-80": "#0788d1",
-            "info-70": "#0399e3",
-            "info-60": "#02a8f3",
-            "info-50": "#28b4f4",
-            "info-40": "#4cc2f7",
-            "info-30": "#7fd1f7",
-            "info-20": "#b4e5fb",
-            "info-10": "#e0f5fe",
-            "info-5": "#effaff",
-            "info-0": "#f9fdff",
-            "grey-100": "#19191d",
-            "grey-90": "#292a31",
-            "grey-80": "#3a3a44",
-            "grey-70": "#4a4b57",
-            "grey-60": "#5a5b6a",
-            "grey-50": "#787885",
-            "grey-40": "#9696a0",
-            "grey-30": "#b4b4bb",
-            "grey-20": "#d2d2d6",
-            "grey-10": "#e1e1e3",
-            "grey-5": "#ededf0",
-            "grey-0": "#f7f7fa",
-            "secondary-100": "#e11d16",
-            "secondary-90": "#eb4610",
-            "secondary-80": "#f3580d",
-            "secondary-70": "#f96a02",
-            "secondary-60": "#ff7700",
-            "secondary-50": "#fc871a",
-            "secondary-40": "#fb9a3e",
-            "secondary-30": "#fab26e",
-            "secondary-20": "#f8c99c",
-            "secondary-10": "#fee8d0",
-            "secondary-5": "#fff3e8",
-            "secondary-0": "#fffbf8",
-            "primary-100": "#02569a",
-            "primary-90": "#0174ba",
-            "primary-80": "#0788d1",
-            "primary-70": "#0399e3",
-            "primary-60": "#02a8f3",
-            "primary-50": "#28b4f4",
-            "primary-40": "#4cc2f7",
-            "primary-30": "#7fd1f7",
-            "primary-20": "#b4e5fb",
-            "primary-10": "#e0f5fe",
-            "primary-5": "#effaff",
-            "primary-0": "#f9fdff"
-          },
-          typography: {
-            sizes: [
-              {
-                name: "large-heading",
-                className: "typography-large-heading",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "32px",
-                  fontWeight: 700,
-                  fontStyle: "normal",
-                  lineHeight: 1.375,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Bold"
-              },
-              {
-                name: "heading",
-                className: "typography-heading",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "24px",
-                  fontWeight: 700,
-                  fontStyle: "normal",
-                  lineHeight: 1.375,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Bold"
-              },
-              {
-                name: "subheading",
-                className: "typography-subheading",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "20px",
-                  fontWeight: 600,
-                  fontStyle: "normal",
-                  lineHeight: 1.375,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Bold"
-              },
-              {
-                name: "large-strong",
-                className: "typography-large-strong",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "20px",
-                  fontWeight: 600,
-                  fontStyle: "normal",
-                  lineHeight: 1.58,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-SemiBold"
-              },
-              {
-                name: "large",
-                className: "typography-large",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "20px",
-                  fontWeight: 500,
-                  fontStyle: "normal",
-                  lineHeight: 1.58,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-SemiBold"
-              },
-              {
-                name: "default-strong",
-                className: "typography-default-strong",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "16px",
-                  fontWeight: 500,
-                  fontStyle: "normal",
-                  lineHeight: 1.5,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-SemiBold"
-              },
-              {
-                name: "default",
-                className: "typography-default",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "16px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1.5,
-                  textTransform: "none"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "small-strong",
-                className: "typography-small-strong",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "14px",
-                  fontWeight: 500,
-                  fontStyle: "normal",
-                  lineHeight: 1.42,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-SemiBold"
-              },
-              {
-                name: "small",
-                className: "typography-small",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "14px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1.42,
-                  textTransform: "none"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "caption",
-                className: "typography-caption",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "12px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1.26,
-                  textTransform: "none"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "caption-small",
-                className: "typography-caption-small",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "10px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1.2,
-                  textTransform: "none"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "caption-default",
-                className: "typography-caption-default",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "12px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1.26,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "overline-small",
-                className: "typography-overline-small",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "10px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1,
-                  letterSpacing: 0,
-                  textTransform: "uppercase"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "overline-default",
-                className: "typography-overline-default",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "12px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1,
-                  letterSpacing: 0,
-                  textTransform: "uppercase"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "button-small",
-                className: "typography-button-small",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "12px",
-                  fontWeight: 500,
-                  fontStyle: "normal",
-                  lineHeight: 1,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Medium"
-              },
-              {
-                name: "button-medium",
-                className: "typography-button-medium",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "14px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-SemiBold"
-              },
-              {
-                name: "button-large",
-                className: "typography-button-large",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "16px",
-                  fontWeight: 500,
-                  fontStyle: "normal",
-                  lineHeight: 1.5,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Medium"
-              },
-              {
-                name: "body-small",
-                className: "typography-body-small",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "14px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1.43,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "body-small-medium",
-                className: "typography-body-small-medium",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "14px",
-                  fontWeight: 500,
-                  fontStyle: "normal",
-                  lineHeight: 1.43,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-SemiBold"
-              },
-              {
-                name: "body-default",
-                className: "typography-body-default",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "16px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1.5,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "body-default-medium",
-                className: "typography-body-default-medium",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "16px",
-                  fontWeight: 500,
-                  fontStyle: "normal",
-                  lineHeight: 1.5,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-SemiBold"
-              },
-              {
-                name: "body-large",
-                className: "typography-body-large",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "20px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1.58,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: null
-              },
-              {
-                name: "body-large-medium",
-                className: "typography-body-large-medium",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "20px",
-                  fontWeight: 400,
-                  fontStyle: "normal",
-                  lineHeight: 1.2,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-SemiBold"
-              },
-              {
-                name: "heading-large",
-                className: "typography-heading-large",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "20px",
-                  fontWeight: 700,
-                  fontStyle: "normal",
-                  lineHeight: 1.5,
-                  letterSpacing: 0.15,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Bold"
-              },
-              {
-                name: "heading-xl",
-                className: "typography-heading-xl",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "24px",
-                  fontWeight: 700,
-                  fontStyle: "normal",
-                  lineHeight: 1.5,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Bold"
-              },
-              {
-                name: "heading-2xl",
-                className: "typography-heading-2xl",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "34px",
-                  fontWeight: 700,
-                  fontStyle: "normal",
-                  lineHeight: 1.28,
-                  letterSpacing: 0,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Bold"
-              },
-              {
-                name: "heading-3xl",
-                className: "typography-heading-3xl",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "48px",
-                  fontWeight: 700,
-                  fontStyle: "normal",
-                  lineHeight: 1.24,
-                  letterSpacing: -0.48,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Bold"
-              },
-              {
-                name: "heading-4xl",
-                className: "typography-heading-4xl",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "60px",
-                  fontWeight: 700,
-                  fontStyle: "normal",
-                  lineHeight: 1.2,
-                  letterSpacing: -1.5,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Bold"
-              },
-              {
-                name: "heading-5xl",
-                className: "typography-heading-5xl",
-                style: {
-                  fontFamily: "Inter",
-                  fontSize: "76px",
-                  fontWeight: 700,
-                  fontStyle: "normal",
-                  lineHeight: 1.2,
-                  letterSpacing: -1.98,
-                  textTransform: "none"
-                },
-                fontPostScriptName: "Inter-Bold"
-              }
-            ]
-          },
-          elevations: {
-            "24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
-            "16dp": "0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12)",
-            "8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
-            "4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
-            "2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)"
-          },
-          spacing: {
-            layout01: {
-              px: 16,
-              rem: 1
-            },
-            layout02: {
-              px: 24,
-              rem: 1.5
-            },
-            layout03: {
-              px: 32,
-              rem: 2
-            },
-            layout04: {
-              px: 48,
-              rem: 3
-            },
-            layout05: {
-              px: 64,
-              rem: 4
-            },
-            layout06: {
-              px: 96,
-              rem: 6
-            },
-            layout07: {
-              px: 160,
-              rem: 10
-            },
-            spacing01: {
-              px: 2,
-              rem: 0.125
-            },
-            spacing02: {
-              px: 4,
-              rem: 0.25
-            },
-            spacing03: {
-              px: 8,
-              rem: 0.5
-            },
-            spacing04: {
-              px: 12,
-              rem: 0.75
-            },
-            spacing05: {
-              px: 16,
-              rem: 1
-            },
-            spacing06: {
-              px: 24,
-              rem: 1.5
-            },
-            spacing07: {
-              px: 32,
-              rem: 2
-            },
-            spacing08: {
-              px: 40,
-              rem: 2.5
-            },
-            spacing09: {
-              px: 48,
-              rem: 3
-            }
-          }
-        },
         aiven: {
           colors: {
             "error-100": "#aa0000",
@@ -5140,7 +4580,8 @@ __export(system_exports, {
   useScrollTarget: () => useScrollTarget,
   useTableSelect: () => useTableSelect,
   useTableSort: () => useTableSort,
-  useToast: () => useToast
+  useToast: () => useToast,
+  useToastContext: () => useToastContext
 });
 module.exports = __toCommonJS(system_exports);
 var import_resolveTheme2 = __toESM(require_resolveTheme());
@@ -5263,7 +4704,8 @@ __export(molecules_exports, {
   useScrollTarget: () => useScrollTarget,
   useTableSelect: () => useTableSelect,
   useTableSort: () => useTableSort,
-  useToast: () => useToast
+  useToast: () => useToast,
+  useToastContext: () => useToastContext
 });
 
 // src/atoms/Select/Select.tsx
@@ -6619,15 +6061,25 @@ var Timer = ({ children, duration }) => {
 
 // src/molecules/Toast/Toast.tsx
 var ToastContext = (0, import_react12.createContext)(null);
-var useToastContext = () => {
+var useToastRootContext = () => {
   const context2 = (0, import_react12.useContext)(ToastContext);
   if (context2 === null) {
     throw new Error("ToastContext was used outside of provider.");
   }
   return context2;
 };
+var useToastContext = () => {
+  const [_, dispatch] = useToastRootContext();
+  const toast = (toast2) => {
+    dispatch({ type: 0 /* Toast */, toast: toast2 });
+  };
+  const dismiss = (toastId) => {
+    dispatch({ type: 1 /* Dismiss */, toastId });
+  };
+  return [toast, dismiss];
+};
 var useToast = () => {
-  const [_, dispatch] = useToastContext();
+  const [_, dispatch] = useToastRootContext();
   return (toast) => {
     dispatch({ type: 0 /* Toast */, toast });
   };
@@ -6643,8 +6095,13 @@ var toToast = (_a) => {
 };
 var reducer = (state, action) => {
   switch (action.type) {
-    case 0 /* Toast */:
-      return __spreadProps(__spreadValues({}, state), { toasts: [...state.toasts, toToast(action.toast)] });
+    case 0 /* Toast */: {
+      const newToast = toToast(action.toast);
+      if (state.toasts.some((toast) => toast.id === newToast.id)) {
+        return __spreadValues({}, state);
+      }
+      return __spreadProps(__spreadValues({}, state), { toasts: [...state.toasts, newToast] });
+    }
     case 1 /* Dismiss */:
       return __spreadProps(__spreadValues({}, state), {
         toasts: state.toasts.filter((toast) => toast.id !== action.toastId)
@@ -6691,7 +6148,7 @@ var ToastComponent = ({ toast, onDismiss }) => {
   }, content);
 };
 var ToastConsumer = () => {
-  const [state, dispatch] = useToastContext();
+  const [state, dispatch] = useToastRootContext();
   const toastsByPosition = (0, import_groupBy.default)(state.toasts, "position");
   const positions = Object.keys(toastsByPosition);
   const onDismiss = (toastId) => {
@@ -7630,15 +7087,11 @@ Avatar.Skeleton.displayName = "Avatar.Skeleton";
 
 // src/molecules/Badge/Badge.tsx
 var import_react25 = __toESM(require("react"));
-var import_omit2 = __toESM(require("lodash/omit"));
-var isChipBadgeProps = (props) => "dense" in props;
 var createBadge = (type, displayName) => {
   const Component = (props) => {
-    var _b;
-    const _a = props, { kind = "filled", value, textClassname } = _a, rest = __objRest(_a, ["kind", "value", "textClassname"]);
+    const _a = props, { kind = "filled", value, textClassname, dense = false } = _a, rest = __objRest(_a, ["kind", "value", "textClassname", "dense"]);
     const valueStr = value.toString();
-    const dense = isChipBadgeProps(props) ? (_b = props.dense) != null ? _b : false : false;
-    return /* @__PURE__ */ import_react25.default.createElement("span", __spreadProps(__spreadValues({}, (0, import_omit2.default)(rest, "dense")), {
+    return /* @__PURE__ */ import_react25.default.createElement("span", __spreadProps(__spreadValues({}, rest), {
       className: classNames(
         tw("inline-block text-center", {
           "rounded-full": type === "default" || type === "chip",
@@ -7685,15 +7138,25 @@ var NotificationBadge = ({
     className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
   }));
 };
+var DotBadge = ({ dense = false }) => {
+  return /* @__PURE__ */ import_react25.default.createElement("span", {
+    className: tw("rounded-full bg-current", {
+      "w-[6px] h-[6px]": dense,
+      "w-[9px] h-[9px]": !dense
+    })
+  });
+};
 var Badge = createBadge("default", "Badge");
 Badge.Notification = NotificationBadge;
 Badge.Notification.displayName = "Badge.Notification";
+Badge.Dot = DotBadge;
+Badge.Dot.displayName = "Badge.Dot";
 var TabBadge = createBadge("tab", "TabBadge");
 var ChipBadge = createBadge("chip", "ChipBadge");
 
 // src/molecules/Banner/Banner.tsx
 var import_react27 = __toESM(require("react"));
-var import_omit3 = __toESM(require("lodash/omit"));
+var import_omit2 = __toESM(require("lodash/omit"));
 
 // src/atoms/Banner/Banner.tsx
 var import_react26 = __toESM(require("react"));
@@ -7806,10 +7269,10 @@ var createBanner = (displayName, opts = {}) => {
       layout
     }, !isLink(action) && /* @__PURE__ */ import_react27.default.createElement(Button.Ghost, __spreadValues({
       dense: true
-    }, (0, import_omit3.default)(action, "text")), action.text), isLink(action) && /* @__PURE__ */ import_react27.default.createElement(Button.ExternalLink, __spreadValues({
+    }, (0, import_omit2.default)(action, "text")), action.text), isLink(action) && /* @__PURE__ */ import_react27.default.createElement(Button.ExternalLink, __spreadValues({
       dense: true,
       kind: "ghost"
-    }, (0, import_omit3.default)(action, "text")), action.text))), (props.layout === "vertical" || props.layout === void 0) && props.image !== void 0 && /* @__PURE__ */ import_react27.default.createElement(Banner.ImageContainer, null, props.image ? /* @__PURE__ */ import_react27.default.createElement("img", {
+    }, (0, import_omit2.default)(action, "text")), action.text))), (props.layout === "vertical" || props.layout === void 0) && props.image !== void 0 && /* @__PURE__ */ import_react27.default.createElement(Banner.ImageContainer, null, props.image ? /* @__PURE__ */ import_react27.default.createElement("img", {
       src: props.image,
       alt: props.imageAlt,
       className: tw("bg-cover object-cover", { "w-full": !props.imageWidth }),
@@ -7890,7 +7353,7 @@ Breadcrumbs.Crumb = Crumb;
 // src/molecules/Card/Card.tsx
 var import_react36 = __toESM(require("react"));
 var import_button2 = require("@react-aria/button");
-var import_omit4 = __toESM(require("lodash/omit"));
+var import_omit3 = __toESM(require("lodash/omit"));
 
 // src/molecules/Chip/Chip.tsx
 var import_react31 = __toESM(require("react"));
@@ -7989,7 +7452,8 @@ Chip2.Skeleton = ChipSkeleton;
 Chip2.Skeleton.displayName = "Chip.Skeleton";
 var StatusChip = import_react31.default.forwardRef(
   (_a, ref) => {
-    var _b = _a, { UNSAFE_icon: icon, text, dense = false, status } = _b, rest = __objRest(_b, ["UNSAFE_icon", "text", "dense", "status"]);
+    var _b = _a, { icon: chipIcon, UNSAFE_icon, text, dense = false, status, badge } = _b, rest = __objRest(_b, ["icon", "UNSAFE_icon", "text", "dense", "status", "badge"]);
+    const icon = chipIcon || UNSAFE_icon;
     return /* @__PURE__ */ import_react31.default.createElement(Chip.Container, __spreadProps(__spreadValues({
       ref,
       role: "status",
@@ -7997,9 +7461,14 @@ var StatusChip = import_react31.default.forwardRef(
       dense
     }, rest), {
       className: getStatusClassNames(status)
+    }), badge === true && /* @__PURE__ */ import_react31.default.createElement(Badge.Dot, {
+      dense
     }), icon && /* @__PURE__ */ import_react31.default.createElement(InlineIcon, {
       icon
-    }), text);
+    }), text, badge && typeof badge === "number" && /* @__PURE__ */ import_react31.default.createElement(Badge, {
+      dense,
+      value: badge
+    }));
   }
 );
 var ChipContainer = ({ dense, children }) => /* @__PURE__ */ import_react31.default.createElement("div", {
@@ -8358,10 +7827,10 @@ var Card2 = ({
     color: "grey-70"
   }, children || description)), (action || link) && /* @__PURE__ */ import_react36.default.createElement(Card.Actions, null, action && /* @__PURE__ */ import_react36.default.createElement(Button.Secondary, __spreadValues({
     dense: true
-  }, (0, import_omit4.default)(action, "text")), action.text), link && /* @__PURE__ */ import_react36.default.createElement(Button.ExternalLink, __spreadValues({
+  }, (0, import_omit3.default)(action, "text")), action.text), link && /* @__PURE__ */ import_react36.default.createElement(Button.ExternalLink, __spreadValues({
     dense: true,
     kind: "ghost"
-  }, (0, import_omit4.default)(link, "text")), link.text)));
+  }, (0, import_omit3.default)(link, "text")), link.text)));
 };
 var CardSkeleton = ({
   chips = true,
@@ -8804,6 +8273,7 @@ var GridComponent = Tailwindify(
   }
 );
 Grid.Item = GridItem;
+Grid.Item.displayName = "Grid.Item";
 
 // src/atoms/InputGroup/InputGroup.tsx
 var gridColumnStyles = {
@@ -9135,7 +8605,7 @@ var ChoiceChip = (_a) => {
 var import_react51 = __toESM(require("react"));
 var import_overlays5 = require("@react-aria/overlays");
 var import_downshift = require("downshift");
-var import_omit5 = __toESM(require("lodash/omit"));
+var import_omit4 = __toESM(require("lodash/omit"));
 var import_uniqueId2 = __toESM(require("lodash/uniqueId"));
 var import_match_sorter = require("match-sorter");
 
@@ -9306,9 +8776,11 @@ var ComboboxBase = (_a) => {
     stateReducer: (_, actionChanges) => {
       const { changes, type } = actionChanges;
       switch (type) {
+        case import_downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
         case import_downshift.useCombobox.stateChangeTypes.InputBlur: {
+          const selectedItem2 = createOption ? createOption == null ? void 0 : createOption(changes.inputValue) : changes.selectedItem;
           return __spreadProps(__spreadValues({}, changes), {
-            selectedItem: createOption ? createOption == null ? void 0 : createOption(changes.inputValue) : changes.selectedItem
+            selectedItem: selectedItem2
           });
         }
       }
@@ -9402,7 +8874,7 @@ var Combobox = (_a) => {
   const errorMessageId = (0, import_uniqueId2.default)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
-  const baseProps = (0, import_omit5.default)(props, Object.keys(labelControlProps));
+  const baseProps = (0, import_omit4.default)(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ import_react51.default.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: `${id.current}-input`,
@@ -9455,7 +8927,7 @@ var import_tree = require("@react-stately/tree");
 
 // src/molecules/Input/Input.tsx
 var import_react54 = __toESM(require("react"));
-var import_omit6 = __toESM(require("lodash/omit"));
+var import_omit5 = __toESM(require("lodash/omit"));
 var import_toString = __toESM(require("lodash/toString"));
 var import_uniqueId3 = __toESM(require("lodash/uniqueId"));
 
@@ -9547,9 +9019,10 @@ var createInput = (displayName, opts = {}) => {
           getCommonInputStyles({ readOnly, valid }),
           props.className
         )
-      })), opts.canReset && (props.value || ((_a2 = inputRef.current) == null ? void 0 : _a2.value)) && /* @__PURE__ */ import_react54.default.createElement(InputAdornment, null, /* @__PURE__ */ import_react54.default.createElement(ResetIcon, {
+      })), opts.canReset && (props.value || ((_a2 = inputRef.current) == null ? void 0 : _a2.value)) && /* @__PURE__ */ import_react54.default.createElement(InputAdornment, null, /* @__PURE__ */ import_react54.default.createElement("button", {
+        "aria-label": "reset search",
         onClick: handleReset
-      })), !opts.canReset && endAdornment && /* @__PURE__ */ import_react54.default.createElement(InputAdornment, null, endAdornment));
+      }, /* @__PURE__ */ import_react54.default.createElement(ResetIcon, null))), !opts.canReset && endAdornment && /* @__PURE__ */ import_react54.default.createElement(InputAdornment, null, endAdornment));
     }
   );
   InputComponent.displayName = displayName;
@@ -9568,7 +9041,7 @@ var Input2 = import_react54.default.forwardRef((_a, ref) => {
   const errorMessageId = (0, import_uniqueId3.default)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const _d = getLabelControlProps(props), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
-  const baseProps = (0, import_omit6.default)(props, Object.keys(labelControlProps));
+  const baseProps = (0, import_omit5.default)(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ import_react54.default.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: id.current,
@@ -9687,12 +9160,13 @@ var filterCollection = (collection, inputValue, filter) => {
 var filterNodes = (nodes, inputValue, filter) => {
   const filteredNode = [];
   for (const node of nodes) {
+    const description = Object.hasOwn(node.props, "description") && typeof node.props.description === "string" ? node.props.description : void 0;
     if (node.type === "section" && node.hasChildNodes) {
       const filtered = filterNodes(node.childNodes, inputValue, filter);
       if ([...filtered].length > 0) {
         filteredNode.push(__spreadProps(__spreadValues({}, node), { childNodes: filtered }));
       }
-    } else if (node.type !== "section" && filter(node.textValue, inputValue)) {
+    } else if (node.type !== "section" && (filter(node.textValue, inputValue) || description && filter(description, inputValue))) {
       filteredNode.push(__spreadValues({}, node));
     }
   }
@@ -9806,7 +9280,7 @@ var MenuWrapper = (_a) => {
   const [search, setSearch] = import_react56.default.useState("");
   const filteredCollection = import_react56.default.useMemo(
     () => searchable ? filterCollection(state.collection, search, contains) : state.collection,
-    [state.collection, search, contains]
+    [searchable, state.collection, search, contains]
   );
   return /* @__PURE__ */ import_react56.default.createElement(DropdownMenu, {
     minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
@@ -9910,7 +9384,7 @@ var import_downshift2 = require("downshift");
 var import_defaults = __toESM(require("lodash/defaults"));
 var import_isArray = __toESM(require("lodash/isArray"));
 var import_isNil = __toESM(require("lodash/isNil"));
-var import_omit7 = __toESM(require("lodash/omit"));
+var import_omit6 = __toESM(require("lodash/omit"));
 var import_uniqueId4 = __toESM(require("lodash/uniqueId"));
 var hasIconProperty = (val) => {
   var _a;
@@ -10108,7 +9582,7 @@ var Select2 = (_a) => {
   const errorMessageId = (0, import_uniqueId4.default)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelProps = getLabelControlProps(props);
-  const baseProps = (0, import_omit7.default)(props, Object.keys(labelProps));
+  const baseProps = (0, import_omit6.default)(props, Object.keys(labelProps));
   const legacyError = labelProps.error !== void 0 && labelProps.valid === false;
   const variant = !labelProps.valid || legacyError ? "error" : labelProps.disabled ? "disabled" : "default";
   const label = /* @__PURE__ */ import_react57.default.createElement(Label, __spreadValues({
@@ -10878,7 +10352,7 @@ var import_dialog = require("@react-aria/dialog");
 var import_overlays6 = require("@react-aria/overlays");
 var import_utils8 = require("@react-aria/utils");
 var import_overlays7 = require("@react-stately/overlays");
-var import_omit8 = __toESM(require("lodash/omit"));
+var import_omit7 = __toESM(require("lodash/omit"));
 
 // src/atoms/Dialog/Dialog.tsx
 var import_confirm2 = __toESM(require_confirm());
@@ -11049,9 +10523,9 @@ var DialogWrapper = ({
     id: describedBy
   }, /* @__PURE__ */ import_react72.default.createElement(Typography2.Default, null, children)), /* @__PURE__ */ import_react72.default.createElement(Modal.Footer, null, /* @__PURE__ */ import_react72.default.createElement(Modal.Actions, null, secondaryAction && /* @__PURE__ */ import_react72.default.createElement(Button.Ghost, __spreadValues({
     key: secondaryAction.text
-  }, (0, import_omit8.default)(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ import_react72.default.createElement(Button.Secondary, __spreadValues({
+  }, (0, import_omit7.default)(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ import_react72.default.createElement(Button.Secondary, __spreadValues({
     key: primaryAction.text
-  }, (0, import_omit8.default)(primaryAction, "text")), primaryAction.text))));
+  }, (0, import_omit7.default)(primaryAction, "text")), primaryAction.text))));
 };
 
 // src/molecules/Divider/Divider.tsx
@@ -11326,15 +10800,15 @@ var import_react79 = __toESM(require("react"));
 
 // src/utils/actions.tsx
 var import_react78 = __toESM(require("react"));
-var import_omit9 = __toESM(require("lodash/omit"));
+var import_omit8 = __toESM(require("lodash/omit"));
 var renderAction = (kind = "primary", action) => {
   return isLink(action) ? /* @__PURE__ */ import_react78.default.createElement(Button.ExternalLink, __spreadValues({
     key: action.text,
     kind
-  }, (0, import_omit9.default)(action, "text")), action.text) : /* @__PURE__ */ import_react78.default.createElement(Button, __spreadValues({
+  }, (0, import_omit8.default)(action, "text")), action.text) : /* @__PURE__ */ import_react78.default.createElement(Button, __spreadValues({
     key: action.text,
     kind
-  }, (0, import_omit9.default)(action, "text")), action.text);
+  }, (0, import_omit8.default)(action, "text")), action.text);
 };
 
 // src/molecules/EmptyState/EmptyState.tsx
@@ -11580,7 +11054,7 @@ var import_overlays10 = require("@react-aria/overlays");
 var import_utils11 = require("@react-aria/utils");
 var import_overlays11 = require("@react-stately/overlays");
 var import_castArray = __toESM(require("lodash/castArray"));
-var import_omit10 = __toESM(require("lodash/omit"));
+var import_omit9 = __toESM(require("lodash/omit"));
 
 // src/molecules/Tabs/Tabs.tsx
 var import_react86 = __toESM(require("react"));
@@ -11938,7 +11412,7 @@ var ModalWrapper = import_react87.default.forwardRef(
       }, action), text);
     }), primaryAction && /* @__PURE__ */ import_react87.default.createElement(Button.Primary, __spreadValues({
       key: primaryAction.text
-    }, (0, import_omit10.default)(primaryAction, "text")), primaryAction.text))));
+    }, (0, import_omit9.default)(primaryAction, "text")), primaryAction.text))));
   }
 );
 var ModalTabs = createTabsComponent(
@@ -11956,7 +11430,7 @@ var ModalTabs = createTabsComponent(
 var import_react89 = __toESM(require("react"));
 var import_castArray2 = __toESM(require("lodash/castArray"));
 var import_identity = __toESM(require("lodash/identity"));
-var import_omit11 = __toESM(require("lodash/omit"));
+var import_omit10 = __toESM(require("lodash/omit"));
 var import_uniqueId5 = __toESM(require("lodash/uniqueId"));
 
 // src/molecules/MultiInput/InputChip.tsx
@@ -12188,7 +11662,7 @@ var MultiInput = (props) => {
   const errorMessageId = (0, import_uniqueId5.default)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
-  const baseProps = (0, import_omit11.default)(props, Object.keys(labelControlProps));
+  const baseProps = (0, import_omit10.default)(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ import_react89.default.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: `${id.current}-input`,
@@ -12219,7 +11693,7 @@ var import_overlays12 = require("@react-aria/overlays");
 var import_downshift3 = require("downshift");
 var import_isEqual = __toESM(require("lodash/isEqual"));
 var import_isNil2 = __toESM(require("lodash/isNil"));
-var import_omit12 = __toESM(require("lodash/omit"));
+var import_omit11 = __toESM(require("lodash/omit"));
 var import_omitBy = __toESM(require("lodash/omitBy"));
 var import_uniqueId6 = __toESM(require("lodash/uniqueId"));
 var import_match_sorter2 = require("match-sorter");
@@ -12447,7 +11921,7 @@ var MultiSelect = (_a) => {
   const errorMessageId = (0, import_uniqueId6.default)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
-  const baseProps = (0, import_omit12.default)(props, Object.keys(labelControlProps));
+  const baseProps = (0, import_omit11.default)(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ import_react90.default.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: `${id.current}-input`,
@@ -12468,7 +11942,7 @@ MultiSelect.Skeleton.displayName = "MultiSelect.Skeleton";
 
 // src/molecules/NativeSelect/NativeSelect.tsx
 var import_react91 = __toESM(require("react"));
-var import_omit13 = __toESM(require("lodash/omit"));
+var import_omit12 = __toESM(require("lodash/omit"));
 var import_uniqueId7 = __toESM(require("lodash/uniqueId"));
 var import_caretDown2 = __toESM(require_caretDown());
 var NativeSelectBase = import_react91.default.forwardRef(
@@ -12533,7 +12007,7 @@ var NativeSelect = import_react91.default.forwardRef(
     const errorMessageId = (0, import_uniqueId7.default)();
     const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
     const _b2 = getLabelControlProps(props), { "data-testid": dataTestId } = _b2, labelControlProps = __objRest(_b2, ["data-testid"]);
-    const baseProps = (0, import_omit13.default)(props, Object.keys(labelControlProps));
+    const baseProps = (0, import_omit12.default)(props, Object.keys(labelControlProps));
     return /* @__PURE__ */ import_react91.default.createElement(LabelControl, __spreadProps(__spreadValues({
       id: `${id.current}-label`,
       htmlFor: id.current,
@@ -12777,7 +12251,7 @@ PageHeader2.SubHeader.displayName = "PageHeader.SubHeader";
 
 // src/molecules/PopoverDialog/PopoverDialog.tsx
 var import_react97 = __toESM(require("react"));
-var import_omit14 = __toESM(require("lodash/omit"));
+var import_omit13 = __toESM(require("lodash/omit"));
 
 // src/atoms/PopoverDialog/PopoverDialog.tsx
 var import_react96 = __toESM(require("react"));
@@ -12832,11 +12306,11 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
         kind: "secondary-ghost",
         key: secondaryAction.text,
         dense: true
-      }, (0, import_omit14.default)(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ import_react97.default.createElement(Popover2.Button, __spreadValues({
+      }, (0, import_omit13.default)(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ import_react97.default.createElement(Popover2.Button, __spreadValues({
         kind: "ghost",
         key: primaryAction.text,
         dense: true
-      }, (0, import_omit14.default)(primaryAction, "text")), primaryAction.text))));
+      }, (0, import_omit13.default)(primaryAction, "text")), primaryAction.text))));
     }
     return child;
   };
@@ -13655,7 +13129,7 @@ SwitchGroup.Skeleton.displayName = "SwitchGroup.Skeleton";
 
 // src/molecules/Textarea/Textarea.tsx
 var import_react112 = __toESM(require("react"));
-var import_omit15 = __toESM(require("lodash/omit"));
+var import_omit14 = __toESM(require("lodash/omit"));
 var import_toString2 = __toESM(require("lodash/toString"));
 var import_uniqueId10 = __toESM(require("lodash/uniqueId"));
 var TextareaBase = import_react112.default.forwardRef(
@@ -13679,7 +13153,7 @@ var Textarea = import_react112.default.forwardRef((props, ref) => {
   const errorMessageId = (0, import_uniqueId10.default)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const _d = getLabelControlProps(props), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
-  const baseProps = (0, import_omit15.default)(props, Object.keys(labelControlProps));
+  const baseProps = (0, import_omit14.default)(props, Object.keys(labelControlProps));
   return /* @__PURE__ */ import_react112.default.createElement(LabelControl, __spreadProps(__spreadValues({
     id: `${id.current}-label`,
     htmlFor: id.current,
@@ -14099,5 +13573,6 @@ var system_default = __spreadProps(__spreadValues({}, molecules_exports), {
   useScrollTarget,
   useTableSelect,
   useTableSort,
-  useToast
+  useToast,
+  useToastContext
 });