@aivenio/aquarium 6.5.0 → 6.7.0

package/dist/system.cjs

@@ -567,235 +567,225 @@ var data7 = {
 };
 var calendar_default = data7;
 
-// src/icons/caretDownFilled.js
-var data8 = {
-  "body": '<path fill="currentColor" d="M6.386 8.532a.5.5 0 01-.772 0l-3.27-3.964a.5.5 0 01.386-.818h6.54a.5.5 0 01.385.818l-3.27 3.964Z"/>',
-  "left": 0,
-  "top": 0,
-  "width": 12,
-  "height": 12
-};
-var caretDownFilled_default = data8;
-
 // src/icons/caretDown.js
-var data9 = {
+var data8 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 8.25 5.5 5.5 5.5-5.5"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var caretDown_default = data9;
+var caretDown_default = data8;
 
-// src/icons/caretUpFilled.js
-var data10 = {
-  "body": '<path fill="currentColor" d="M5.614 3.468a.5.5 0 01.772 0l3.27 3.964a.5.5 0 01-.386.818H2.73a.5.5 0 01-.385-.818l3.27-3.964Z"/>',
+// src/icons/caretRight.js
+var data9 = {
+  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.25 16.5 5.5-5.5-5.5-5.5"/>',
   "left": 0,
   "top": 0,
-  "width": 12,
-  "height": 12
+  "width": 22,
+  "height": 22
 };
-var caretUpFilled_default = data10;
+var caretRight_default = data9;
 
 // src/icons/caretUp.js
-var data11 = {
+var data10 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.5 13.75 11 8.25l-5.5 5.5"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var caretUp_default = data11;
+var caretUp_default = data10;
 
 // src/icons/chevronBackward.js
-var data12 = {
+var data11 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 4v14m8-1.25-5.5-5.5 5.5-5.5"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var chevronBackward_default = data12;
+var chevronBackward_default = data11;
 
 // src/icons/chevronForward.js
-var data13 = {
+var data12 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 4v14m-8-1.25 5.5-5.5L7 5.75"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var chevronForward_default = data13;
+var chevronForward_default = data12;
 
 // src/icons/chevronLeft.js
-var data14 = {
+var data13 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.75 16.5 8.25 11l5.5-5.5"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var chevronLeft_default = data14;
+var chevronLeft_default = data13;
 
 // src/icons/chevronRight.js
-var data15 = {
+var data14 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.25 16.5 5.5-5.5-5.5-5.5"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var chevronRight_default = data15;
+var chevronRight_default = data14;
 
 // src/icons/confirm.js
-var data16 = {
+var data15 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.167 10.162v.843a9.166 9.166 0 11-5.436-8.378m5.436 1.04L11 12.842l-2.75-2.75"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var confirm_default = data16;
+var confirm_default = data15;
 
 // src/icons/cross.js
-var data17 = {
+var data16 = {
   "body": '<path fill="currentColor" fill-rule="evenodd" d="m12.293 11 3.932-3.933a.885.885 0 00.275-.65.92.92 0 00-1.568-.651L11 9.707 7.067 5.766a.92.92 0 00-1.302 1.302L9.708 11l-3.932 3.932a.885.885 0 00-.275.651.92.92 0 001.567.651L11 12.292l3.932 3.933a.885.885 0 00.651.275.92.92 0 00.651-1.568L12.292 11Z" clip-rule="evenodd"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var cross_default = data17;
+var cross_default = data16;
 
 // src/icons/error.js
-var data18 = {
+var data17 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.333V11m0 3.667h.01M20.166 11a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var error_default = data18;
+var error_default = data17;
 
 // src/icons/infoSign.js
-var data19 = {
+var data18 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.333V9m0 7v-4m9.167-1a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var infoSign_default = data19;
+var infoSign_default = data18;
 
 // src/icons/loading.js
-var data20 = {
+var data19 = {
   "body": '<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="3" transform="translate(1 1)"><circle cx="18" cy="18" r="18" stroke-opacity=".5"/><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" dur="1s" from="0 18 18" repeatCount="indefinite" to="360 18 18" type="rotate"/></path></g>',
   "left": 0,
   "top": 0,
   "width": 38,
   "height": 38
 };
-var loading_default = data20;
+var loading_default = data19;
 
 // src/icons/lock.js
-var data21 = {
+var data20 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.583 9.167V7.333a4.583 4.583 0 10-9.166 0v1.834M11 13.292v1.833M8.067 19.25h5.866c1.54 0 2.31 0 2.899-.3a2.75 2.75 0 001.202-1.201c.3-.589.3-1.359.3-2.899v-1.283c0-1.54 0-2.31-.3-2.899a2.75 2.75 0 00-1.202-1.202c-.588-.3-1.359-.3-2.899-.3H8.067c-1.54 0-2.31 0-2.899.3a2.75 2.75 0 00-1.202 1.202c-.3.588-.3 1.359-.3 2.899v1.283c0 1.54 0 2.31.3 2.899a2.75 2.75 0 001.202 1.201c.588.3 1.359.3 2.899.3Z"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var lock_default = data21;
+var lock_default = data20;
 
 // src/icons/minus.js
-var data22 = {
+var data21 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.583 11h12.834"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var minus_default = data22;
+var minus_default = data21;
 
 // src/icons/more.js
-var data23 = {
+var data22 = {
   "body": '<g fill="none"><path fill="currentColor" d="M11 12a1 1 0 100-2 1 1 0 000 2Zm8 0a1 1 0 100-2 1 1 0 000 2ZM3 12a1 1 0 100-2 1 1 0 000 2Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M11 12a1 1 0 100-2 1 1 0 000 2Zm8 0a1 1 0 100-2 1 1 0 000 2ZM3 12a1 1 0 100-2 1 1 0 000 2Z"/></g>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var more_default = data23;
+var more_default = data22;
 
 // src/icons/questionMark.js
-var data24 = {
+var data23 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.332 8.25a2.75 2.75 0 015.345.917c0 1.833-2.75 2.75-2.75 2.75M11 16.5s-.004-1.11 0-1.5m9.167-4a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var questionMark_default = data24;
+var questionMark_default = data23;
 
 // src/icons/slash.js
-var data25 = {
+var data24 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6.417 20.167 9.166-18.334"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var slash_default = data25;
+var slash_default = data24;
 
 // src/icons/smallCross.js
-var data26 = {
+var data25 = {
   "body": '<path fill="currentColor" fill-rule="evenodd" d="m12.293 11 3.932-3.933a.885.885 0 00.275-.65.92.92 0 00-1.568-.651L11 9.707 7.067 5.766a.92.92 0 00-1.302 1.302L9.708 11l-3.932 3.932a.885.885 0 00-.275.651.92.92 0 001.567.651L11 12.292l3.932 3.933a.885.885 0 00.651.275.92.92 0 00.651-1.568L12.292 11Z" clip-rule="evenodd"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var smallCross_default = data26;
+var smallCross_default = data25;
 
 // src/icons/tickCircle.js
-var data27 = {
+var data26 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6.875 11 2.75 2.75 5.5-5.5M20.167 11a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var tickCircle_default = data27;
+var tickCircle_default = data26;
 
 // src/icons/time.js
-var data28 = {
+var data27 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 5.5V11l3.667 1.833m5.5-1.833a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var time_default = data28;
+var time_default = data27;
 
 // src/icons/upload.js
-var data29 = {
+var data28 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.25 13.75v1.1c0 1.54 0 2.31-.3 2.899a2.751 2.751 0 01-1.201 1.201c-.589.3-1.359.3-2.899.3h-7.7c-1.54 0-2.31 0-2.898-.3a2.75 2.75 0 01-1.202-1.2c-.3-.589-.3-1.359-.3-2.899v-1.1m12.833-6.417L11 2.75m0 0L6.417 7.333M11 2.75v11"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var upload_default = data29;
+var upload_default = data28;
 
 // src/icons/warningSign.js
-var data30 = {
+var data29 = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 8.25v3.667M11 16l.009-1.5M9.73 3.567 2.191 16.59c-.418.723-.627 1.084-.596 1.38a.917.917 0 00.372.646c.241.176.659.176 1.493.176h15.08c.834 0 1.251 0 1.492-.176a.917.917 0 00.373-.646c.03-.296-.178-.657-.596-1.38l-7.54-13.023c-.417-.72-.625-1.08-.897-1.2a.917.917 0 00-.745 0c-.272.12-.48.48-.897 1.2Z"/>',
   "left": 0,
   "top": 0,
   "width": 22,
   "height": 22
 };
-var warningSign_default = data30;
+var warningSign_default = data29;
 
 // src/utils/useMeasure.ts
 var import_react4 = __toESM(require("react"));
@@ -12709,7 +12699,14 @@ var Modal2 = ({
         className: (0, import_clsx32.clsx)({ "pb-3": isComponentType(children, ModalTabs) })
       },
       /* @__PURE__ */ import_react117.default.createElement(Modal.TitleContainer, null, /* @__PURE__ */ import_react117.default.createElement(ModalTitle, { kind: "dialog" }, title), subtitle && /* @__PURE__ */ import_react117.default.createElement(Modal.Subtitle, null, subtitle))
-    ), hasTabs ? import_react117.default.cloneElement(children, { className: "[&>div:first-child]:px-5 grow" }) : /* @__PURE__ */ import_react117.default.createElement(Modal.Body, { tabIndex: 0, noFooter: !hasActions, size }, children), hasActions && /* @__PURE__ */ import_react117.default.createElement(Modal.Footer, null, /* @__PURE__ */ import_react117.default.createElement(Modal.Actions, null, secondaryActions && (0, import_lodash_es38.castArray)(secondaryActions).filter(Boolean).map(({ text, ...action }) => /* @__PURE__ */ import_react117.default.createElement(Button2.Secondary, { key: text, ...action }, text)), primaryAction && /* @__PURE__ */ import_react117.default.createElement(Button2.Primary, { key: primaryAction.text, ...(0, import_lodash_es38.omit)(primaryAction, "text") }, primaryAction.text))))))
+    ), hasTabs ? import_react117.default.cloneElement(children, { className: "[&>div:first-child]:px-5 grow" }) : /* @__PURE__ */ import_react117.default.createElement(Modal.Body, { tabIndex: 0, noFooter: !hasActions, size }, children), hasActions && /* @__PURE__ */ import_react117.default.createElement(Modal.Footer, null, /* @__PURE__ */ import_react117.default.createElement(Modal.Actions, null, secondaryActions && (0, import_lodash_es38.castArray)(secondaryActions).filter(Boolean).map(({ text, actionKey, ...action }) => /* @__PURE__ */ import_react117.default.createElement(Button2.Secondary, { key: actionKey ?? text, ...action }, text)), primaryAction && /* @__PURE__ */ import_react117.default.createElement(
+      Button2.Primary,
+      {
+        key: primaryAction.actionKey ?? primaryAction.text,
+        ...(0, import_lodash_es38.omit)(primaryAction, "text", "actionKey")
+      },
+      primaryAction.text
+    ))))))
   );
 };
 var ModalTabs = createTabsComponent(
@@ -13312,17 +13309,18 @@ var navigationClasses = (0, import_tailwind_variants28.tv)({
   slots: {
     nav: "bg-body h-full border-r border-muted",
     list: "flex flex-col h-full",
-    header: "px-6 py-5",
+    header: "px-6 py-4",
     headerTitle: "uppercase text-muted typography-small",
     headerSubtitle: "text-intense",
     footer: "px-6 py-5 mt-auto",
-    sectionContainer: "py-5",
+    sectionContainer: "py-4",
     sectionTitle: "py-2 px-6 text-inactive uppercase cursor-default typography-small",
     sectionList: "flex flex-col",
     divider: "border-t border-muted",
     itemContainer: "",
     itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-default focusable",
-    submenuContainer: "",
+    // `[&+&]:pt-0` prevents doubled spacing when two submenu containers are adjacent (flex items don't margin-collapse).
+    submenuContainer: "py-3 [&+&]:pt-0",
     submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-default focusable flex items-center w-full",
     submenuList: "flex flex-col",
     submenuItem: "pl-[56px]"
@@ -13407,13 +13405,22 @@ var Item5 = ({
   showNotification = false,
   ...rest
 }) => /* @__PURE__ */ import_react123.default.createElement(Navigation.Item, { ...rest }, icon && showNotification && /* @__PURE__ */ import_react123.default.createElement(Badge.Notification, null, /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" })), icon && !showNotification && /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" }), children);
+var DisclosureCaret = ({ open }) => /* @__PURE__ */ import_react123.default.createElement(
+  InlineIcon,
+  {
+    icon: caretRight_default,
+    width: "12px",
+    height: "12px",
+    className: (0, import_clsx35.clsx)("mr-1 transition-transform duration-200 ease-in-out", open ? "rotate-90" : "rotate-0")
+  }
+);
 var Submenu2 = ({ children, title, icon, defaultOpen = false }) => {
   const [open, setOpen] = import_react123.default.useState(defaultOpen);
   const id = (0, import_lodash_es42.uniqueId)();
   return /* @__PURE__ */ import_react123.default.createElement(
     Navigation.Submenu,
     {
-      title: /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, null, /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon: open ? caretUpFilled_default : caretDownFilled_default, width: "12px", height: "12px", className: "mr-1" }), /* @__PURE__ */ import_react123.default.createElement(Box.Flex, { paddingX: "1", gap: "4" }, icon && /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" }), title)),
+      title: /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, null, /* @__PURE__ */ import_react123.default.createElement(DisclosureCaret, { open }), /* @__PURE__ */ import_react123.default.createElement(Box.Flex, { paddingX: "1", gap: "4" }, icon && /* @__PURE__ */ import_react123.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" }), title)),
       "aria-expanded": open,
       id,
       onClick: (e) => {
@@ -14467,11 +14474,11 @@ var useSortState = (initialSortState) => import_react147.default.useState(initia
 
 // src/utils/table/useTableSelect.ts
 var import_react148 = __toESM(require("react"));
-var useTableSelect = (data31, { key }) => {
+var useTableSelect = (data30, { key }) => {
   const [selected, setSelected] = import_react148.default.useState([]);
-  const allSelected = selected.length === data31.length;
+  const allSelected = selected.length === data30.length;
   const isSelected = (dot) => selected.includes(dot[key]);
-  const selectAll = () => setSelected(data31.map((dot) => dot[key]));
+  const selectAll = () => setSelected(data30.map((dot) => dot[key]));
   const selectOnlyOne = (dot) => setSelected([dot[key]]);
   const unselectAll = () => setSelected([]);
   const toggle = (dot) => {