@aivenio/aquarium 2.19.0-rc1 → 2.20.0

package/dist/system.mjs

@@ -1292,6 +1292,22 @@ var require_creditCard = __commonJS({
   }
 });
 
+// src/icons/creditMemo.js
+var require_creditMemo = __commonJS({
+  "src/icons/creditMemo.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9.333 1.513v2.754c0 .373 0 .56.073.702a.667.667 0 00.291.292c.143.072.33.072.703.072h2.753m.18 1.326c0-.49 0-.734-.055-.964a2.01 2.01 0 00-.24-.578c-.123-.202-.296-.375-.642-.721L10.27 2.271c-.345-.346-.518-.52-.72-.643a2 2 0 00-.578-.24c-.23-.055-.475-.055-.964-.055H5.867c-1.12 0-1.68 0-2.108.218a2 2 0 00-.875.874c-.217.428-.217.988-.217 2.108v6.934c0 1.12 0 1.68.217 2.108a2 2 0 00.875.874c.427.218.987.218 2.108.218h2.14m.502-3.334H5.333M8 8.667H5.333"/><path d="M9.818 12.58c0 .686.556 1.24 1.24 1.24h1.152a1.329 1.329 0 100-2.656h-1.063a1.329 1.329 0 010-2.658h1.152c.684 0 1.24.555 1.24 1.24m-1.86-2.037v.797m0 5.315v.797"/></g>',
+      "left": 0,
+      "top": 0,
+      "width": 16,
+      "height": 16
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/cross.js
 var require_cross = __commonJS({
   "src/icons/cross.js"(exports) {
@@ -4663,6 +4679,7 @@ var import_console = __toESM(require_console());
 var import_container = __toESM(require_container());
 var import_cpuChip = __toESM(require_cpuChip());
 var import_creditCard = __toESM(require_creditCard());
+var import_creditMemo = __toESM(require_creditMemo());
 var import_cross = __toESM(require_cross());
 var import_currencyDollar = __toESM(require_currencyDollar());
 var import_dashboard = __toESM(require_dashboard());
@@ -4919,9 +4936,7 @@ var createSimpleComponent = (Component, defaultProps, displayName) => {
 
 // src/utils/useStyle.ts
 import { useContext as useContext2 } from "react";
-import get2 from "lodash/get";
-import isPlainObject2 from "lodash/isPlainObject";
-import isUndefined4 from "lodash/isUndefined";
+import { get as get2, isPlainObject as isPlainObject2, isUndefined as isUndefined4 } from "lodash-es";
 
 // tailwind.theme.json
 var tailwind_theme_default = {
@@ -5852,9 +5867,7 @@ import { I18nProvider } from "@react-aria/i18n";
 import { ModalProvider } from "@react-aria/overlays";
 
 // src/utils/breakpoints.ts
-import isPlainObject from "lodash/isPlainObject";
-import isUndefined from "lodash/isUndefined";
-import orderBy from "lodash/orderBy";
+import { isPlainObject, isUndefined, orderBy } from "lodash-es";
 
 // src/tokens/tokens.json
 var tokens_default = {
@@ -6654,8 +6667,7 @@ function selectBreakpointValue(value, matches) {
 
 // src/utils/useWindowSize.ts
 import { useEffect, useState } from "react";
-import debounce from "lodash/debounce";
-import isUndefined2 from "lodash/isUndefined";
+import { debounce, isUndefined as isUndefined2 } from "lodash-es";
 function useWindowSize() {
   const getWindowSize = () => {
     if (isUndefined2(globalThis.window)) {
@@ -6835,7 +6847,7 @@ function useTooltipTriggerState(props = {}) {
   const { delay = TOOLTIP_DELAY } = props;
   const { isOpen, open, close } = useOverlayTriggerState(props);
   const id = useMemo(() => `${++tooltipId}`, []);
-  const closeTimeout = useRef(null);
+  const closeTimeout = useRef();
   const isUnmounted = useRef(false);
   const ensureTooltipEntry = () => {
     tooltips[id] = hideTooltip;
@@ -7164,7 +7176,7 @@ var asButton = (Component, isDropdownButton) => {
             hasChildren && /* @__PURE__ */ React9.createElement("div", null, children)
           );
         } else {
-          return /* @__PURE__ */ React9.createElement(React9.Fragment, null, children);
+          return children;
         }
       };
       const buttonComponent = /* @__PURE__ */ React9.createElement(
@@ -7268,18 +7280,7 @@ var Transition = ({ children }) => {
     keys: (item) => item.key || "",
     config: { tension: 125, friction: 20, precision: 0.1 }
   });
-  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, transitions((style, item) => (
-    // @ts-expect-error React spring does not yet support R19 types
-    /* @__PURE__ */ React11.createElement(animated.div, { style }, /* @__PURE__ */ React11.createElement(
-      "div",
-      {
-        ref: (ref) => {
-          ref && refMap.set(item, ref);
-        }
-      },
-      item
-    ))
-  )));
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, transitions((style, item) => /* @__PURE__ */ React11.createElement(animated.div, { style }, /* @__PURE__ */ React11.createElement("div", { ref: (ref) => ref && refMap.set(item, ref) }, item))));
 };
 
 // src/atoms/Toast/Toast.tsx
@@ -7768,28 +7769,25 @@ var AccordionToggle = ({ panelId, onChange, ...rest }) => {
     }
   });
   const { buttonProps } = useButton({ elementType: "div", onPress: handleClick }, ref);
-  return (
-    // @ts-expect-error React spring does not yet support R19 types
-    /* @__PURE__ */ React20.createElement(
-      animated3.div,
-      {
-        ...rest,
-        ...{
-          ...buttonProps,
-          onPointerDown: (e) => {
-            e.preventDefault();
-            handleClick();
-          }
-        },
-        ref,
-        "aria-label": "accordion toggle",
-        "aria-expanded": openPanelId === id,
-        "aria-controls": `${id}-content`,
-        style: { transform },
-        className: tw("text-default focus:outline-none focusable")
+  return /* @__PURE__ */ React20.createElement(
+    animated3.div,
+    {
+      ...rest,
+      ...{
+        ...buttonProps,
+        onPointerDown: (e) => {
+          e.preventDefault();
+          handleClick();
+        }
       },
-      /* @__PURE__ */ React20.createElement(Icon2, { icon: import_caretUp.default, height: 22, width: 22 })
-    )
+      ref,
+      "aria-label": "accordion toggle",
+      "aria-expanded": openPanelId === id,
+      "aria-controls": `${id}-content`,
+      style: { transform },
+      className: tw("text-default focus:outline-none focusable")
+    },
+    /* @__PURE__ */ React20.createElement(Icon2, { icon: import_caretUp.default, height: 22, width: 22 })
   );
 };
 var AccordionPanel = ({ children, panelId, ...rest }) => {
@@ -7805,20 +7803,17 @@ var AccordionPanel = ({ children, panelId, ...rest }) => {
       duration: 150
     }
   });
-  return (
-    // @ts-expect-error React spring does not yet support R19 types
-    /* @__PURE__ */ React20.createElement(
-      animated3.div,
-      {
-        role: "region",
-        ...rest,
-        id: `${id}-content`,
-        "aria-labelledby": `${id}-summary`,
-        "aria-hidden": !isOpen ? "true" : void 0,
-        style
-      },
-      /* @__PURE__ */ React20.createElement("div", { ref }, children)
-    )
+  return /* @__PURE__ */ React20.createElement(
+    animated3.div,
+    {
+      role: "region",
+      ...rest,
+      id: `${id}-content`,
+      "aria-labelledby": `${id}-summary`,
+      "aria-hidden": !isOpen ? "true" : void 0,
+      style
+    },
+    /* @__PURE__ */ React20.createElement("div", { ref }, children)
   );
 };
 var AccordionUnanimatedPanel = ({ children, panelId }) => {
@@ -8099,7 +8094,7 @@ var Skeleton = ({
 
 // src/molecules/Avatar/Avatar.tsx
 var AvatarStack = ({ images }) => /* @__PURE__ */ React24.createElement(Box, { display: "flex", className: tw("[&>*:not(:first-child)]:-ml-3") }, images.map(
-  (image, index) => image ? /* @__PURE__ */ React24.createElement(Avatar, { key: `${image}.${index}`, image }) : /* @__PURE__ */ React24.createElement(Avatar.Skeleton, { key: index })
+  (image, index) => image ? /* @__PURE__ */ React24.createElement(Avatar, { key: `${image}.${index}`, image, imageAlt: "" }) : /* @__PURE__ */ React24.createElement(Avatar.Skeleton, { key: index })
 ));
 var Avatar = ({ image, imageAlt = "" }) => /* @__PURE__ */ React24.createElement("img", { src: image, className: classNames(tw("w-[32px] h-[32px]"), "Aquarium-Avatar"), alt: imageAlt });
 var AvatarSkeleton = () => /* @__PURE__ */ React24.createElement(Skeleton, { height: 32, width: 32, className: tw("rounded-full") });
@@ -8572,7 +8567,7 @@ var Image = ({ image, imageAlt, fullSize = false, imageHeight }) => /* @__PURE__
   }
 );
 var Title = (props) => /* @__PURE__ */ React32.createElement(Box.Flex, { component: "div", alignItems: "center", gap: "2", ...props });
-var Content = ({ className, dense, ...rest }) => /* @__PURE__ */ React32.createElement("div", { ...rest, className: classNames(tw("flex flex-col", { "gap-4": !dense }), className) });
+var Content = ({ className, dense, ...rest }) => /* @__PURE__ */ React32.createElement("div", { ...rest, className: classNames(tw("flex flex-col flex-auto", { "gap-4": !dense }), className) });
 var Actions = ({ className, dense, ...rest }) => /* @__PURE__ */ React32.createElement("div", { ...rest, className: classNames(tw("flex gap-3 items-center", { "pt-3 ": !dense }), className) });
 Card.Label = Label;
 Card.Title = Title;
@@ -8725,7 +8720,7 @@ var Template = ({
 };
 
 // src/molecules/Card/CardInputWrapper.tsx
-var CardInputWrapper = ({ input, children }) => input ? /* @__PURE__ */ React37.createElement(Template, { columns: ["1", "auto"], columnGap: "4", alignContent: "space-between" }, children, input) : /* @__PURE__ */ React37.createElement(React37.Fragment, null, children);
+var CardInputWrapper = ({ input, children }) => input ? /* @__PURE__ */ React37.createElement(Template, { columns: ["1", "auto"], columnGap: "4", alignContent: "space-between" }, children, input) : children;
 
 // src/molecules/Card/Compact.tsx
 import React39, { useContext as useContext4, useRef as useRef3 } from "react";
@@ -8959,7 +8954,7 @@ var CardSkeleton = ({
 Card2.Skeleton = CardSkeleton;
 Card2.Compact = CompactCard;
 Card2.Group = CardGroup;
-var CardImage = ({ image, imageAlt, imageHeight, fullSize = false }) => /* @__PURE__ */ React40.createElement(Card.ImageContainer, { fullSize }, image ? imageHeight ? /* @__PURE__ */ React40.createElement(Card.Image, { image, imageAlt, imageHeight }) : /* @__PURE__ */ React40.createElement(Card.Image, { image, imageAlt, fullSize }) : /* @__PURE__ */ React40.createElement(CardImage.Skeleton, { fullSize, imageHeight }));
+var CardImage = ({ image, imageAlt, imageHeight, fullSize = false }) => /* @__PURE__ */ React40.createElement(Card.ImageContainer, { fullSize }, typeof image === "string" ? imageHeight ? /* @__PURE__ */ React40.createElement(Card.Image, { image, imageAlt, imageHeight }) : /* @__PURE__ */ React40.createElement(Card.Image, { image, imageAlt, fullSize }) : image ?? /* @__PURE__ */ React40.createElement(CardImage.Skeleton, { fullSize, imageHeight }));
 var CardImageSkeleton = ({ imageHeight, fullSize }) => imageHeight ? /* @__PURE__ */ React40.createElement(Skeleton, { height: imageHeight, width: "100%" }) : /* @__PURE__ */ React40.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" });
 CardImage.Skeleton = CardImageSkeleton;
 
@@ -10539,7 +10534,7 @@ var TableRow = ({ children, className, disabled, ...rest }) => /* @__PURE__ */ R
   "tr",
   {
     ...rest,
-    ...{ inert: disabled },
+    ...{ inert: disabled ? "" : void 0 },
     className: classNames(rowClassNames, className, {
       "opacity-70": disabled
     })
@@ -10699,7 +10694,7 @@ var Row = ({
     {
       ...rest,
       role: isGroup ? "rowgroup" : "row",
-      ...{ inert: disabled },
+      ...{ inert: disabled ? "" : void 0 },
       className: classNames(tw("contents"), className, {
         "[&>*]:border-b-transparent": noDivider,
         "children:opacity-70": disabled,
@@ -10823,10 +10818,7 @@ function useStickyStyles(scrollProgress, axis, { borderColor, boxShadowColor })
     }
   };
 }
-function useScrollProgress({
-  containerRef,
-  skip
-}) {
+function useScrollProgress({ containerRef, skip }) {
   const [scrollState, setScrollState] = useState10(null);
   const throttledSetScrollState = throttle(({ scrollX, scrollXProgress }) => {
     setScrollState({ scrollX, scrollXProgress });
@@ -10881,7 +10873,7 @@ function useScrollStyles({
 }
 
 // src/utils/table/types.ts
-import isArray from "lodash/isArray";
+import { isArray } from "lodash-es";
 var areRowsGrouped = (rows) => {
   return !isArray(rows);
 };
@@ -10944,7 +10936,7 @@ var useTableSort = ({ column, direction, onSortChanged } = {}) => {
 };
 
 // src/utils/table/utils.ts
-import orderBy2 from "lodash/orderBy";
+import { orderBy as orderBy2 } from "lodash-es";
 var sortRowsBy = (rows, sort) => {
   if (!sort || !columnHasSort(sort.column)) {
     return rows;
@@ -13368,9 +13360,9 @@ var PopoverTriggerWrapper = ({ children, ...rest }) => {
   const trigger = React92.Children.only(children);
   const { pressProps } = usePress2({ ...rest, ref });
   return React92.cloneElement(trigger, {
+    "ref": ref,
     ...mergeProps3(pressProps, trigger.props),
-    "aria-controls": rest["aria-controls"] ?? pressProps["aria-controls"],
-    "ref": ref
+    "aria-controls": rest["aria-controls"] ?? pressProps["aria-controls"]
   });
 };
 
@@ -14572,7 +14564,7 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
         secondaryAction.text
       ), /* @__PURE__ */ React112.createElement(Popover3.Button, { kind: "ghost", key: primaryAction.text, dense: true, ...omit18(primaryAction, "text") }, primaryAction.text))));
     }
-    return child instanceof Promise ? /* @__PURE__ */ React112.createElement(React112.Fragment, null, child) : child;
+    return child;
   };
   return /* @__PURE__ */ React112.createElement(Popover3, { type: "dialog", isOpen: open, placement, containFocus: true }, React112.Children.map(children, wrapPromptWithBody));
 };
@@ -14977,8 +14969,7 @@ var Section4 = (props) => {
       id: toggleId,
       collapsible: _collapsible
     },
-    _collapsible && // @ts-expect-error React spring does not yet support R19 types
-    /* @__PURE__ */ React121.createElement(animated6.div, { style: { transform } }, /* @__PURE__ */ React121.createElement(Section3.Toggle, null)),
+    _collapsible && /* @__PURE__ */ React121.createElement(animated6.div, { style: { transform } }, /* @__PURE__ */ React121.createElement(Section3.Toggle, null)),
     /* @__PURE__ */ React121.createElement(Section3.Title, { id: titleId }, /* @__PURE__ */ React121.createElement(LineClamp2, { lines: 1 }, title), props.tag && /* @__PURE__ */ React121.createElement(TagLabel, { ...props.tag }), props.badge && /* @__PURE__ */ React121.createElement(Chip2, { text: props.badge }), props.chip && /* @__PURE__ */ React121.createElement(StatusChip, { ...props.chip })),
     subtitle && /* @__PURE__ */ React121.createElement(Section3.Subtitle, { className: tw("row-start-2", { "col-start-2": _collapsible }) }, /* @__PURE__ */ React121.createElement(LineClamp2, { lines: 1 }, subtitle))
   ), !isCollapsed && /* @__PURE__ */ React121.createElement(Section3.Actions, null, props.switch && /* @__PURE__ */ React121.createElement(Switch2, { ...props.switch }), menu && /* @__PURE__ */ React121.createElement(Box.Flex, { alignItems: "center" }, /* @__PURE__ */ React121.createElement(
@@ -14990,8 +14981,7 @@ var Section4 = (props) => {
     },
     /* @__PURE__ */ React121.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React121.createElement(Button.Icon, { "aria-label": menuAriaLabel, icon: import_more6.default })),
     menu
-  )), props.actions && castArray7(props.actions).filter(Boolean).map((action) => renderAction({ kind: "secondary", action })), props.select && /* @__PURE__ */ React121.createElement(SelectBase, { "aria-labelledby": titleId, ...props.select }))), !hasTabs && !isCollapsed && // @ts-expect-error React spring does not yet support R19 types
-  /* @__PURE__ */ React121.createElement(animated6.div, { className: tw(`h-[1px]`), style: { backgroundColor: "var(--aquarium-border-color-muted)" } })), /* @__PURE__ */ React121.createElement(
+  )), props.actions && castArray7(props.actions).filter(Boolean).map((action) => renderAction({ kind: "secondary", action })), props.select && /* @__PURE__ */ React121.createElement(SelectBase, { "aria-labelledby": titleId, ...props.select }))), !hasTabs && !isCollapsed && /* @__PURE__ */ React121.createElement(animated6.div, { className: tw(`h-[1px]`), style: { backgroundColor: "var(--aquarium-border-color-muted)" } })), /* @__PURE__ */ React121.createElement(
     animated6.div,
     {
       id: regionId,
@@ -15456,7 +15446,7 @@ var WithGroup = ({ level, children }) => level === 0 ? /* @__PURE__ */ React132.
 var SelectItem = Select.Item;
 
 // src/utils/positioner.ts
-import clamp4 from "lodash/clamp";
+import { clamp as clamp4 } from "lodash-es";
 var PositionerPlacement = /* @__PURE__ */ ((PositionerPlacement2) => {
   PositionerPlacement2["top"] = "top";
   PositionerPlacement2["left"] = "left";