@aivenio/aquarium 1.51.0 → 1.52.1

package/dist/system.cjs

@@ -3590,6 +3590,22 @@ var require_people = __commonJS({
   }
 });
 
+// src/icons/performance.js
+var require_performance = __commonJS({
+  "src/icons/performance.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.646 2-8.164 9.797c-.32.384-.48.576-.482.738-.002.14.06.275.17.363.126.102.376.102.875.102h6.685l-.917 7.333 8.164-9.797c.32-.384.48-.575.482-.737a.458.458 0 00-.17-.364c-.126-.102-.376-.102-.875-.102H10.73L11.646 2Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/person.js
 var require_person = __commonJS({
   "src/icons/person.js"(exports) {
@@ -6162,6 +6178,7 @@ var import_package = __toESM(require_package());
 var import_paperclip = __toESM(require_paperclip());
 var import_pause = __toESM(require_pause());
 var import_people = __toESM(require_people());
+var import_performance = __toESM(require_performance());
 var import_person = __toESM(require_person());
 var import_phone = __toESM(require_phone());
 var import_pieChart = __toESM(require_pieChart());
@@ -7620,21 +7637,26 @@ var createBadge = (type, displayName) => {
   Component.Skeleton.displayName = `${displayName}.Skeleton`;
   return Component;
 };
-var NotificationBadge = ({ children, top = "-2px", right = "-2px" }) => {
-  return /* @__PURE__ */ import_react26.default.createElement("div", {
-    className: tw("relative inline-flex")
-  }, children, /* @__PURE__ */ import_react26.default.createElement("span", {
+var NotificationBadge = (_a) => {
+  var _b = _a, { children, top = "-2px", right = "-2px" } = _b, props = __objRest(_b, ["children", "top", "right"]);
+  return /* @__PURE__ */ import_react26.default.createElement("div", __spreadValues({
+    className: classNames("Aquarium-Badge.Notification", tw("relative inline-flex"))
+  }, props), children, /* @__PURE__ */ import_react26.default.createElement("span", {
     style: { top, right },
     className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
   }));
 };
-var DotBadge = ({ dense = false }) => {
-  return /* @__PURE__ */ import_react26.default.createElement("span", {
-    className: tw("rounded-full bg-current", {
-      "w-[6px] h-[6px]": dense,
-      "w-[9px] h-[9px]": !dense
-    })
-  });
+var DotBadge = (_a) => {
+  var _b = _a, { dense = false } = _b, props = __objRest(_b, ["dense"]);
+  return /* @__PURE__ */ import_react26.default.createElement("span", __spreadValues({
+    className: classNames(
+      "Aquarium-Badge.Dot",
+      tw("rounded-full bg-current", {
+        "w-[6px] h-[6px]": dense,
+        "w-[9px] h-[9px]": !dense
+      })
+    )
+  }, props));
 };
 var Badge = createBadge("default", "Badge");
 Badge.Notification = NotificationBadge;
@@ -7684,7 +7706,7 @@ Banner3.Title = (_a) => {
     color: "grey-100",
     className: classNames(
       className,
-      tw("whitespace-nowrap", {
+      tw({
         "mb-3": layout === "vertical"
       })
     )
@@ -10362,10 +10384,10 @@ var TableSortCell = (_a) => {
     })
   }, /* @__PURE__ */ import_react64.default.createElement(InlineIcon, {
     icon: import_chevronUp3.default,
-    className: getSortCellIconClassNames(direction === "descending")
+    className: getSortCellIconClassNames(direction === "ascending")
   }), /* @__PURE__ */ import_react64.default.createElement(InlineIcon, {
     icon: import_chevronDown4.default,
-    className: getSortCellIconClassNames(direction === "ascending")
+    className: getSortCellIconClassNames(direction === "descending")
   }))));
 };
 var Caption = ({ children }) => /* @__PURE__ */ import_react64.default.createElement(Typography2.Caption, {
@@ -10482,10 +10504,10 @@ var SortCell = (_a) => {
     })
   }, /* @__PURE__ */ import_react65.default.createElement(InlineIcon, {
     icon: import_chevronUp4.default,
-    className: getSortCellIconClassNames(direction === "descending")
+    className: getSortCellIconClassNames(direction === "ascending")
   }), /* @__PURE__ */ import_react65.default.createElement(InlineIcon, {
     icon: import_chevronDown5.default,
-    className: getSortCellIconClassNames(direction === "ascending")
+    className: getSortCellIconClassNames(direction === "descending")
   }))));
 };
 DataList.HeadCell = HeadCell;
@@ -11766,7 +11788,33 @@ var Drawer = (_a) => {
 };
 var DrawerWrapper = import_react79.default.forwardRef(
   (_a, ref) => {
-    var _b = _a, { title, children, size = "sm", primaryAction, secondaryActions, onClose, spring } = _b, props = __objRest(_b, ["title", "children", "size", "primaryAction", "secondaryActions", "onClose", "spring"]);
+    var _b = _a, {
+      title,
+      children,
+      size = "sm",
+      primaryAction,
+      secondaryActions,
+      onClose,
+      spring,
+      onAction,
+      menu,
+      onMenuOpenChange,
+      menuLabel,
+      menuAriaLabel
+    } = _b, props = __objRest(_b, [
+      "title",
+      "children",
+      "size",
+      "primaryAction",
+      "secondaryActions",
+      "onClose",
+      "spring",
+      "onAction",
+      "menu",
+      "onMenuOpenChange",
+      "menuLabel",
+      "menuAriaLabel"
+    ]);
     var _a2;
     const labelledBy = (0, import_utils16.useId)();
     const describedBy = (0, import_utils16.useId)();
@@ -11800,18 +11848,15 @@ var DrawerWrapper = import_react79.default.forwardRef(
       noFooter: !(secondaryActions || primaryAction)
     }, children), (secondaryActions || primaryAction) && /* @__PURE__ */ import_react79.default.createElement(Modal.Footer, null, /* @__PURE__ */ import_react79.default.createElement(Modal.Actions, {
       className: size === "sm" ? tw("flex-col") : void 0
-    }, size !== "sm" && props.menu && /* @__PURE__ */ import_react79.default.createElement(Box.Flex, {
+    }, size !== "sm" && menu && /* @__PURE__ */ import_react79.default.createElement(Box.Flex, {
       alignItems: "center"
     }, /* @__PURE__ */ import_react79.default.createElement(DropdownMenu2, {
-      onAction: (action) => {
-        var _a3;
-        return (_a3 = props.onAction) == null ? void 0 : _a3.call(props, action);
-      },
-      onOpenChange: props.onMenuOpenChange
+      onAction: (action) => onAction == null ? void 0 : onAction(action),
+      onOpenChange: onMenuOpenChange
     }, /* @__PURE__ */ import_react79.default.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ import_react79.default.createElement(Button.Icon, {
-      "aria-label": (_a2 = props.menuAriaLabel) != null ? _a2 : "Context menu",
+      "aria-label": (_a2 = menuAriaLabel != null ? menuAriaLabel : menuLabel) != null ? _a2 : "Context menu",
       icon: import_more4.default
-    })), props.menu)), secondaryActions && (0, import_castArray.default)(secondaryActions).filter(Boolean).map((_b2) => {
+    })), menu)), secondaryActions && (0, import_castArray.default)(secondaryActions).filter(Boolean).map((_b2) => {
       var _c = _b2, { text } = _c, action = __objRest(_c, ["text"]);
       return /* @__PURE__ */ import_react79.default.createElement(Button.Secondary, __spreadValues({
         key: text

package/dist/system.mjs

@@ -3588,6 +3588,22 @@ var require_people = __commonJS({
   }
 });
 
+// src/icons/performance.js
+var require_performance = __commonJS({
+  "src/icons/performance.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.646 2-8.164 9.797c-.32.384-.48.576-.482.738-.002.14.06.275.17.363.126.102.376.102.875.102h6.685l-.917 7.333 8.164-9.797c.32-.384.48-.575.482-.737a.458.458 0 00-.17-.364c-.126-.102-.376-.102-.875-.102H10.73L11.646 2Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/person.js
 var require_person = __commonJS({
   "src/icons/person.js"(exports) {
@@ -6016,6 +6032,7 @@ var import_package = __toESM(require_package());
 var import_paperclip = __toESM(require_paperclip());
 var import_pause = __toESM(require_pause());
 var import_people = __toESM(require_people());
+var import_performance = __toESM(require_performance());
 var import_person = __toESM(require_person());
 var import_phone = __toESM(require_phone());
 var import_pieChart = __toESM(require_pieChart());
@@ -7474,21 +7491,26 @@ var createBadge = (type, displayName) => {
   Component.Skeleton.displayName = `${displayName}.Skeleton`;
   return Component;
 };
-var NotificationBadge = ({ children, top = "-2px", right = "-2px" }) => {
-  return /* @__PURE__ */ React22.createElement("div", {
-    className: tw("relative inline-flex")
-  }, children, /* @__PURE__ */ React22.createElement("span", {
+var NotificationBadge = (_a) => {
+  var _b = _a, { children, top = "-2px", right = "-2px" } = _b, props = __objRest(_b, ["children", "top", "right"]);
+  return /* @__PURE__ */ React22.createElement("div", __spreadValues({
+    className: classNames("Aquarium-Badge.Notification", tw("relative inline-flex"))
+  }, props), children, /* @__PURE__ */ React22.createElement("span", {
     style: { top, right },
     className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
   }));
 };
-var DotBadge = ({ dense = false }) => {
-  return /* @__PURE__ */ React22.createElement("span", {
-    className: tw("rounded-full bg-current", {
-      "w-[6px] h-[6px]": dense,
-      "w-[9px] h-[9px]": !dense
-    })
-  });
+var DotBadge = (_a) => {
+  var _b = _a, { dense = false } = _b, props = __objRest(_b, ["dense"]);
+  return /* @__PURE__ */ React22.createElement("span", __spreadValues({
+    className: classNames(
+      "Aquarium-Badge.Dot",
+      tw("rounded-full bg-current", {
+        "w-[6px] h-[6px]": dense,
+        "w-[9px] h-[9px]": !dense
+      })
+    )
+  }, props));
 };
 var Badge = createBadge("default", "Badge");
 Badge.Notification = NotificationBadge;
@@ -7538,7 +7560,7 @@ Banner3.Title = (_a) => {
     color: "grey-100",
     className: classNames(
       className,
-      tw("whitespace-nowrap", {
+      tw({
         "mb-3": layout === "vertical"
       })
     )
@@ -10216,10 +10238,10 @@ var TableSortCell = (_a) => {
     })
   }, /* @__PURE__ */ React58.createElement(InlineIcon, {
     icon: import_chevronUp3.default,
-    className: getSortCellIconClassNames(direction === "descending")
+    className: getSortCellIconClassNames(direction === "ascending")
   }), /* @__PURE__ */ React58.createElement(InlineIcon, {
     icon: import_chevronDown4.default,
-    className: getSortCellIconClassNames(direction === "ascending")
+    className: getSortCellIconClassNames(direction === "descending")
   }))));
 };
 var Caption = ({ children }) => /* @__PURE__ */ React58.createElement(Typography2.Caption, {
@@ -10336,10 +10358,10 @@ var SortCell = (_a) => {
     })
   }, /* @__PURE__ */ React59.createElement(InlineIcon, {
     icon: import_chevronUp4.default,
-    className: getSortCellIconClassNames(direction === "descending")
+    className: getSortCellIconClassNames(direction === "ascending")
   }), /* @__PURE__ */ React59.createElement(InlineIcon, {
     icon: import_chevronDown5.default,
-    className: getSortCellIconClassNames(direction === "ascending")
+    className: getSortCellIconClassNames(direction === "descending")
   }))));
 };
 DataList.HeadCell = HeadCell;
@@ -11620,7 +11642,33 @@ var Drawer = (_a) => {
 };
 var DrawerWrapper = React72.forwardRef(
   (_a, ref) => {
-    var _b = _a, { title, children, size = "sm", primaryAction, secondaryActions, onClose, spring } = _b, props = __objRest(_b, ["title", "children", "size", "primaryAction", "secondaryActions", "onClose", "spring"]);
+    var _b = _a, {
+      title,
+      children,
+      size = "sm",
+      primaryAction,
+      secondaryActions,
+      onClose,
+      spring,
+      onAction,
+      menu,
+      onMenuOpenChange,
+      menuLabel,
+      menuAriaLabel
+    } = _b, props = __objRest(_b, [
+      "title",
+      "children",
+      "size",
+      "primaryAction",
+      "secondaryActions",
+      "onClose",
+      "spring",
+      "onAction",
+      "menu",
+      "onMenuOpenChange",
+      "menuLabel",
+      "menuAriaLabel"
+    ]);
     var _a2;
     const labelledBy = useId9();
     const describedBy = useId9();
@@ -11654,18 +11702,15 @@ var DrawerWrapper = React72.forwardRef(
       noFooter: !(secondaryActions || primaryAction)
     }, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React72.createElement(Modal.Footer, null, /* @__PURE__ */ React72.createElement(Modal.Actions, {
       className: size === "sm" ? tw("flex-col") : void 0
-    }, size !== "sm" && props.menu && /* @__PURE__ */ React72.createElement(Box.Flex, {
+    }, size !== "sm" && menu && /* @__PURE__ */ React72.createElement(Box.Flex, {
       alignItems: "center"
     }, /* @__PURE__ */ React72.createElement(DropdownMenu2, {
-      onAction: (action) => {
-        var _a3;
-        return (_a3 = props.onAction) == null ? void 0 : _a3.call(props, action);
-      },
-      onOpenChange: props.onMenuOpenChange
+      onAction: (action) => onAction == null ? void 0 : onAction(action),
+      onOpenChange: onMenuOpenChange
     }, /* @__PURE__ */ React72.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React72.createElement(Button.Icon, {
-      "aria-label": (_a2 = props.menuAriaLabel) != null ? _a2 : "Context menu",
+      "aria-label": (_a2 = menuAriaLabel != null ? menuAriaLabel : menuLabel) != null ? _a2 : "Context menu",
       icon: import_more4.default
-    })), props.menu)), secondaryActions && castArray(secondaryActions).filter(Boolean).map((_b2) => {
+    })), menu)), secondaryActions && castArray(secondaryActions).filter(Boolean).map((_b2) => {
       var _c = _b2, { text } = _c, action = __objRest(_c, ["text"]);
       return /* @__PURE__ */ React72.createElement(Button.Secondary, __spreadValues({
         key: text