@aivenio/aquarium 2.1.2 → 2.2.0

package/dist/system.mjs

@@ -4266,7 +4266,6 @@ __export(molecules_exports, {
   ListItem: () => ListItem,
   Modal: () => Modal2,
   ModalTab: () => ModalTab,
-  ModalTabContainer: () => ModalTabContainer,
   ModalTabs: () => ModalTabs,
   MultiInput: () => MultiInput,
   MultiInputBase: () => MultiInputBase,
@@ -4350,7 +4349,6 @@ import {
 } from "@iconify/react";
 
 // src/utils/tailwind.ts
-import { composeRenderProps } from "react-aria-components";
 import originalClassNames from "classnames";
 function cleanClassNames(classNames13) {
   const tokens = classNames13.split(/\s+/);
@@ -4519,7 +4517,7 @@ var ActionItem = React2.forwardRef(
     return /* @__PURE__ */ React2.createElement("li", __spreadValues({
       ref,
       role: "button",
-      onClick: () => !props.disabled && (onClick == null ? void 0 : onClick()),
+      onClick: () => !props.disabled && onClick(),
       className: classNames(className, "flex items-center gap-x-3 typography-small", {
         "p-3": !dense,
         "px-3 py-2": dense,
@@ -4839,7 +4837,7 @@ function useMeasure() {
       return;
     }
     const observer = new window.ResizeObserver(([entry]) => {
-      if (entry == null ? void 0 : entry.contentRect) {
+      if (entry.contentRect) {
         setRect({
           width: entry.contentRect.width,
           height: entry.contentRect.height
@@ -4863,7 +4861,7 @@ import isUndefined5 from "lodash/isUndefined";
 import React4 from "react";
 var Element = (_a) => {
   var _b = _a, { component } = _b, rest = __objRest(_b, ["component"]);
-  const Component = component || "div";
+  const Component = component != null ? component : "div";
   return React4.createElement(Component, rest);
 };
 
@@ -7396,7 +7394,7 @@ var toToast = (_a) => {
     id: id || crypto.randomUUID(),
     variant: variant || "default",
     position: position || "top",
-    duration: duration || (variant === "danger" ? Infinity : 5e3)
+    duration: duration != null ? duration : variant === "danger" ? Infinity : 5e3
   });
 };
 var reducer = (state, action) => {
@@ -7461,7 +7459,6 @@ var ToastConsumer = () => {
     dispatch({ type: 1 /* Dismiss */, toastId });
   };
   return /* @__PURE__ */ React14.createElement("div", null, positions.map((position) => {
-    var _a;
     return /* @__PURE__ */ React14.createElement(Spacing, {
       gap: "3",
       key: position,
@@ -7476,7 +7473,7 @@ var ToastConsumer = () => {
         transform: isCentered(position) ? "translateX(-50%)" : void 0,
         zIndex: 9e3
       }
-    }, /* @__PURE__ */ React14.createElement(Transition, null, (_a = toastsByPosition[position]) == null ? void 0 : _a.map((toast) => /* @__PURE__ */ React14.createElement(ToastComponent, {
+    }, /* @__PURE__ */ React14.createElement(Transition, null, toastsByPosition[position].map((toast) => /* @__PURE__ */ React14.createElement(ToastComponent, {
       key: toast.id,
       toast,
       onDismiss
@@ -8017,12 +8014,15 @@ var AccordionUnanimatedPanel = ({ children, panelId }) => {
 var AccordionSummary = (_a) => {
   var _b = _a, { title, description, toggle, panelId } = _b, rest = __objRest(_b, ["title", "description", "toggle", "panelId"]);
   const id = usePanelContext(panelId);
-  return /* @__PURE__ */ React20.createElement(Box.Flex, __spreadValues({
-    justifyContent: "space-between",
+  return /* @__PURE__ */ React20.createElement(Box.Flex, __spreadProps(__spreadValues({
     padding: "4",
     id: `${id}-summary`
-  }, rest), /* @__PURE__ */ React20.createElement(Typography2, null, title), /* @__PURE__ */ React20.createElement(Typography2.Small, {
-    color: "muted"
+  }, rest), {
+    alignItems: "center",
+    colGap: "4"
+  }), /* @__PURE__ */ React20.createElement(Typography2, null, title), /* @__PURE__ */ React20.createElement(Typography2.Small, {
+    color: "muted",
+    className: "grow"
   }, description), toggle);
 };
 var AccordionContainer = (_a) => {
@@ -8256,7 +8256,7 @@ Banner.IllustrationRight = IllustrationRight;
 Banner.IllustrationRight.displayName = "Alert.Banner.IllustrationRight";
 
 // src/utils/link.ts
-var isLink = (action) => action.href !== void 0;
+var isLink = (action) => "href" in action;
 
 // src/molecules/Alert/Alert.tsx
 var renderActions = (action, dense = false) => action && /* @__PURE__ */ React22.createElement(Alert.Actions, null, !isLink(action) && /* @__PURE__ */ React22.createElement(Button.Ghost, __spreadValues({
@@ -8741,8 +8741,8 @@ var Chip2 = (_a) => {
     role: "button",
     "aria-hidden": false,
     icon: import_cross4.default,
-    className: tw({ "cursor-pointer": onClose !== void 0 }),
-    onClick: () => onClose == null ? void 0 : onClose()
+    className: tw({ "cursor-pointer": true }),
+    onClick: () => onClose()
   }), locked && /* @__PURE__ */ React30.createElement(InlineIcon, {
     icon: import_lock2.default
   }));
@@ -9104,7 +9104,7 @@ var CardGroup = ({
   const [checked, setChecked] = React38.useState(_checked != null ? _checked : defaultChecked);
   const handleChange = (e) => {
     setChecked(e.value);
-    onCheckedChange == null ? void 0 : onCheckedChange(e);
+    onCheckedChange(e);
   };
   return /* @__PURE__ */ React38.createElement(CardGroupContext.Provider, {
     value: { name, checked: checked != null ? checked : defaultChecked, onCheckedChange: handleChange }
@@ -9133,13 +9133,13 @@ var CompactCard = ({
   fullWidth,
   children
 }) => {
-  var _a;
+  var _a, _b;
   const ref = useRef3(null);
   const groupContext = useContext4(CardGroupContext);
   const { isFocusVisible } = useFocusVisible();
   const checkable = _checkable != null ? _checkable : Boolean(groupContext);
   const isRadioButton2 = checkable && value && groupContext !== void 0;
-  const checkedInGroup = groupContext ? value !== void 0 && (groupContext == null ? void 0 : groupContext.checked) === value : void 0;
+  const checkedInGroup = groupContext ? value !== void 0 && groupContext.checked === value : void 0;
   const controlled = checkedInGroup != null ? checkedInGroup : _checked;
   const onCheckedChange = _onCheckedChange != null ? _onCheckedChange : groupContext == null ? void 0 : groupContext.onCheckedChange;
   const [checked, setChecked] = React39.useState(checkable ? (_a = controlled != null ? controlled : defaultChecked) != null ? _a : false : false);
@@ -9190,7 +9190,7 @@ var CompactCard = ({
   }, children))));
   const commonProps = {
     fullWidth,
-    enableMinWidth: Boolean(primaryAction || secondaryAction || chips.length),
+    enableMinWidth: Boolean((_b = primaryAction != null ? primaryAction : secondaryAction) != null ? _b : chips.length),
     disabled
   };
   if (checkable) {
@@ -9206,7 +9206,7 @@ var CompactCard = ({
     className: "Aquarium-Card.Compact"
   }, onClick ? buttonProps : {}), {
     role: onClick ? "button" : void 0
-  }), commonProps), commonContent, (primaryAction || secondaryAction) && /* @__PURE__ */ React39.createElement(Card.Actions, {
+  }), commonProps), commonContent, (primaryAction != null ? primaryAction : secondaryAction) && /* @__PURE__ */ React39.createElement(Card.Actions, {
     dense: true
   }, primaryAction && renderAction({ kind: "secondary", dense: true, action: primaryAction }), secondaryAction && renderAction({ kind: "ghost", dense: true, action: secondaryAction })));
 };
@@ -9276,7 +9276,7 @@ var Card2 = ({
   const { isFocusVisible } = useFocusVisible2();
   const checkable = _checkable != null ? _checkable : Boolean(groupContext);
   const isRadioButton2 = Boolean(checkable) && Boolean(value) && groupContext !== void 0;
-  const checkedInGroup = groupContext ? value !== void 0 && (groupContext == null ? void 0 : groupContext.checked) === value : void 0;
+  const checkedInGroup = groupContext ? value !== void 0 && groupContext.checked === value : void 0;
   const controlled = checkedInGroup != null ? checkedInGroup : _checked;
   const onCheckedChange = _onCheckedChange != null ? _onCheckedChange : groupContext == null ? void 0 : groupContext.onCheckedChange;
   const [checked, setChecked] = React40.useState(checkable ? (_a = controlled != null ? controlled : defaultChecked) != null ? _a : false : false);
@@ -9341,7 +9341,7 @@ var Card2 = ({
     return /* @__PURE__ */ React40.createElement(Card.Label, __spreadProps(__spreadValues({
       className: "Aquarium-Card.Label"
     }, commonProps), {
-      checked: checkable ? checked : void 0,
+      checked,
       modality: isFocusVisible ? "keyboard" : "pointer"
     }), commonContent);
   }
@@ -9351,7 +9351,7 @@ var Card2 = ({
   }, onClick ? buttonProps : {}), {
     role: onClick ? "button" : void 0,
     modality: isFocusVisible ? "keyboard" : "pointer"
-  }), commonProps), commonContent, (primaryAction || secondaryAction) && /* @__PURE__ */ React40.createElement(Card.Actions, null, primaryAction && renderAction({ kind: "secondary", dense: true, action: primaryAction }), secondaryAction && renderAction({ kind: "ghost", dense: true, action: secondaryAction })));
+  }), commonProps), commonContent, (primaryAction != null ? primaryAction : secondaryAction) && /* @__PURE__ */ React40.createElement(Card.Actions, null, primaryAction && renderAction({ kind: "secondary", dense: true, action: primaryAction }), secondaryAction && renderAction({ kind: "ghost", dense: true, action: secondaryAction })));
 };
 Card2.Title = Card.Title;
 Card2.Title.displayName = "Card.Title";
@@ -10276,7 +10276,7 @@ var ComboboxBase = (_a) => {
       switch (type) {
         case useCombobox.stateChangeTypes.InputKeyDownEnter:
         case useCombobox.stateChangeTypes.InputBlur: {
-          const selectedItem2 = createOption ? createOption == null ? void 0 : createOption(changes.inputValue) : changes.selectedItem;
+          const selectedItem2 = createOption ? createOption(changes.inputValue) : changes.selectedItem;
           const inputValue2 = selectedItem2 ? itemToString(selectedItem2) : "";
           return __spreadProps(__spreadValues({}, changes), {
             inputValue: inputValue2,
@@ -10519,7 +10519,7 @@ var createInput = (displayName, opts = {}) => {
         "readOnly",
         "type"
       ]);
-      var _a2;
+      var _a2, _b2;
       const inputType = opts.isSearch ? "search" : opts.isFile ? "file" : type;
       const inputRef = React57.useRef(null);
       useImperativeHandle(ref, () => inputRef.current);
@@ -10560,7 +10560,7 @@ var createInput = (displayName, opts = {}) => {
           getCommonInputStyles({ readOnly, valid }),
           props.className
         )
-      })), opts.canReset && (props.value || ((_a2 = inputRef.current) == null ? void 0 : _a2.value)) && /* @__PURE__ */ React57.createElement(InputAdornment, null, /* @__PURE__ */ React57.createElement("button", {
+      })), opts.canReset && ((_b2 = props.value) != null ? _b2 : (_a2 = inputRef.current) == null ? void 0 : _a2.value) && /* @__PURE__ */ React57.createElement(InputAdornment, null, /* @__PURE__ */ React57.createElement("button", {
         "aria-label": "reset search",
         onClick: handleReset
       }, /* @__PURE__ */ React57.createElement(ResetIcon, null))), !opts.canReset && endAdornment && /* @__PURE__ */ React57.createElement(InputAdornment, null, endAdornment));
@@ -10584,10 +10584,11 @@ var SearchInput = createInput("SearchInput", {
   isSearch: true
 });
 var createInputComponent = (displayName, options = {}) => {
-  const InputComponentBase = options.input || InputBase;
+  var _a;
+  const InputComponentBase = (_a = options.input) != null ? _a : InputBase;
   const InputComponent = React57.forwardRef((inputProps, ref) => {
     var _b, _c;
-    const _a = inputProps, { readOnly = false, value: valueProp, onChange: onChangeProp } = _a, props = __objRest(_a, ["readOnly", "value", "onChange"]);
+    const _a2 = inputProps, { readOnly = false, value: valueProp, onChange: onChangeProp } = _a2, props = __objRest(_a2, ["readOnly", "value", "onChange"]);
     const isControlled = typeof valueProp !== "undefined";
     const [valueState, setValueState] = useState7((_b = props.defaultValue) != null ? _b : "");
     const value = isControlled ? valueProp : valueState;
@@ -10983,19 +10984,22 @@ var initialState = {
 };
 var getPageIndex = (currentPage, pageSize) => currentPage === 0 ? 0 : (currentPage - 1) * pageSize;
 var usePagination = (items, options) => {
-  const [currentPage, setCurrentPage] = useState9((options == null ? void 0 : options.initialPage) || initialState.currentPage);
-  const [pageSize, setPageSize] = useState9((options == null ? void 0 : options.initialPageSize) || initialState.pageSize);
+  var _a, _b;
+  const [currentPage, setCurrentPage] = useState9((_a = options == null ? void 0 : options.initialPage) != null ? _a : initialState.currentPage);
+  const [pageSize, setPageSize] = useState9((_b = options == null ? void 0 : options.initialPageSize) != null ? _b : initialState.pageSize);
   const totalPages = items.length > 0 ? Math.ceil(items.length / pageSize) : 1;
   const hasPreviousPage = currentPage > 1;
   const hasNextPage = currentPage < totalPages;
   const pageIndex = getPageIndex(currentPage, pageSize);
   const onPageSizeChange = (pageSize2) => {
+    var _a2;
     const newTotalPages = items.length > 0 ? Math.ceil(items.length / pageSize2) : 1;
     setPageSize(pageSize2);
-    setCurrentPage(clamp2((options == null ? void 0 : options.initialPage) || initialState.currentPage, 1, newTotalPages));
+    setCurrentPage(clamp2((_a2 = options == null ? void 0 : options.initialPage) != null ? _a2 : initialState.currentPage, 1, newTotalPages));
   };
   useEffect7(() => {
-    setCurrentPage(clamp2((options == null ? void 0 : options.initialPage) || initialState.currentPage, 1, totalPages));
+    var _a2;
+    setCurrentPage(clamp2((_a2 = options == null ? void 0 : options.initialPage) != null ? _a2 : initialState.currentPage, 1, totalPages));
   }, [items.length]);
   return [
     items.slice(pageIndex, Math.min(pageIndex + pageSize, items.length)),
@@ -11047,9 +11051,7 @@ var useInView = ({
     );
     observer.observe(target);
     return () => {
-      if (target) {
-        observer.unobserve(target);
-      }
+      observer.unobserve(target);
     };
   }, [ref, skip, root, rootMargin, threshold, onChange]);
   return [ref, state.inView, state.entry];
@@ -11492,7 +11494,7 @@ function useScrollProgress({ containerRef, skip }) {
     },
     pause: skip
   });
-  const isContainerUnscrollable = scrollState && scrollState.scrollX === 0 && (scrollState == null ? void 0 : scrollState.scrollXProgress) === 1;
+  const isContainerUnscrollable = scrollState && scrollState.scrollX === 0 && scrollState.scrollXProgress === 1;
   if (!scrollState || isContainerUnscrollable) {
     return null;
   }
@@ -11569,7 +11571,7 @@ var useTableSort = ({
     setSort(sort2);
     if (onSortChanged) {
       if (sort2 && isOnSortChangedDirection(sort2.direction)) {
-        onSortChanged({ key: sort2.column.key, direction: sort2 == null ? void 0 : sort2.direction });
+        onSortChanged({ key: sort2.column.key, direction: sort2.direction });
       } else {
         onSortChanged(null);
       }
@@ -12409,7 +12411,7 @@ var DataListToolbar = ({
     })
   ))), menu && /* @__PURE__ */ React71.createElement(DataList.Toolbar.Group, null, /* @__PURE__ */ React71.createElement(DropdownMenu2, {
     placement: defaultContextualMenuPlacement,
-    onAction: (key) => onAction == null ? void 0 : onAction(key, selectedRows != null ? selectedRows : []),
+    onAction: (key) => onAction(key, selectedRows != null ? selectedRows : []),
     onOpenChange: onMenuOpenChange
   }, /* @__PURE__ */ React71.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React71.createElement(Button.GhostDropdown, {
     dense: true
@@ -12536,7 +12538,7 @@ var DataList2 = (_a) => {
   const totalSelected = (_b2 = selected == null ? void 0 : selected.length) != null ? _b2 : 0;
   const allEnabledRowIds = compact(
     allRows.map(
-      (row, index) => (disabled == null ? void 0 : disabled(row, index, sortedRows)) || (selectionDisabled == null ? void 0 : selectionDisabled(row, index, sortedRows)) ? void 0 : row.id
+      (row, index) => (disabled == null ? void 0 : disabled(row, index, sortedRows)) || selectionDisabled(row, index, sortedRows) ? void 0 : row.id
     )
   );
   const allRowsSelected = totalSelected >= allEnabledRowIds.length;
@@ -12625,7 +12627,7 @@ var DataList2 = (_a) => {
       var _a3;
       const details = rowDetails == null ? void 0 : rowDetails(row, index, sortedRows);
       const isSelected = (_a3 = selected == null ? void 0 : selected.includes(row.id)) != null ? _a3 : false;
-      const isSelectionDisabled = selectionDisabled == null ? void 0 : selectionDisabled(row, index, sortedRows);
+      const isSelectionDisabled = selectionDisabled(row, index, sortedRows);
       const isDisabled = disabled == null ? void 0 : disabled(row, index, sortedRows);
       const openPanelId = expandedGroupIds.find((id) => id === row.id.toString()) || null;
       const isLastRow = index === sortedRows.length - 1;
@@ -13062,15 +13064,14 @@ var import_calendar2 = __toESM(require_calendar());
 
 // src/molecules/DatePicker/Button.tsx
 import React79 from "react";
-import { Button as AriaButton } from "react-aria-components";
-import { composeRenderProps as composeRenderProps2 } from "react-aria-components";
+import { Button as AriaButton, composeRenderProps } from "react-aria-components";
 import { tv as tv3 } from "tailwind-variants";
 var button = tv3({
   extend: focusRing
 });
 function Button2(props) {
   return /* @__PURE__ */ React79.createElement(AriaButton, __spreadProps(__spreadValues({}, props), {
-    className: composeRenderProps2(props.className, (className, renderProps) => button(__spreadProps(__spreadValues({}, renderProps), { className })))
+    className: composeRenderProps(props.className, (className, renderProps) => button(__spreadProps(__spreadValues({}, renderProps), { className })))
   }));
 }
 
@@ -13182,7 +13183,8 @@ var Popover2 = (_a) => {
 // src/molecules/DatePicker/DatePicker.tsx
 var createDatePickerBase = (variant) => (_a) => {
   var _b = _a, { disabled, valid, granularity, shouldCloseOnSelect } = _b, props = __objRest(_b, ["disabled", "valid", "granularity", "shouldCloseOnSelect"]);
-  const hasSomeValue = props.value || props.defaultValue || props.placeholderValue;
+  var _a2, _b2;
+  const hasSomeValue = (_b2 = (_a2 = props.value) != null ? _a2 : props.defaultValue) != null ? _b2 : props.placeholderValue;
   return /* @__PURE__ */ React83.createElement(AriaDatePicker, __spreadProps(__spreadValues({}, props), {
     shouldCloseOnSelect: shouldCloseOnSelect != null ? shouldCloseOnSelect : variant === "date",
     isDisabled: disabled,
@@ -13306,7 +13308,8 @@ var createDateRangePickerBase = (variant) => (_a) => {
     "granularity",
     "shouldCloseOnSelect"
   ]);
-  const hasSomeValue = props.value || props.defaultValue || props.placeholderValue;
+  var _a2, _b2;
+  const hasSomeValue = (_b2 = (_a2 = props.value) != null ? _a2 : props.defaultValue) != null ? _b2 : props.placeholderValue;
   return /* @__PURE__ */ React85.createElement(AriaDateRangePicker, __spreadProps(__spreadValues({}, props), {
     shouldCloseOnSelect: shouldCloseOnSelect != null ? shouldCloseOnSelect : variant === "date",
     isDisabled: disabled,
@@ -13540,7 +13543,7 @@ Modal.HeaderImage = (_a) => {
   const { headerImage } = modalStyles({ backgroundImage: Boolean(backgroundImage) });
   return backgroundImage ? /* @__PURE__ */ React86.createElement("img", __spreadProps(__spreadValues({
     "aria-hidden": true,
-    src: backgroundImage != null ? backgroundImage : void 0
+    src: backgroundImage
   }, rest), {
     className: headerImage({ className })
   })) : /* @__PURE__ */ React86.createElement("div", {
@@ -13710,7 +13713,6 @@ var TabContainer = (_a) => {
   }), children);
 };
 var ModalTab = Tab;
-var ModalTabContainer = TabContainer;
 var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
   const Tab2 = React89.forwardRef(
     (_a, ref) => {
@@ -14031,7 +14033,7 @@ var Drawer = ({
   const hasTabs = isComponentType(onlyChild, Tabs);
   return /* @__PURE__ */ React90.createElement(AriaModalOverlay, {
     isOpen: !hidden,
-    onOpenChange: (isOpen) => !isOpen && (onClose == null ? void 0 : onClose()),
+    onOpenChange: (isOpen) => !isOpen && onClose(),
     isDismissable: false,
     isKeyboardDismissDisabled: !closeOnEsc,
     className: styles.overlay({ className: "Aquarium-Drawer" })
@@ -14058,13 +14060,13 @@ var Drawer = ({
       className: tw("[&>div:first-child]:px-5 grow flex flex-col overflow-y-auto")
     })) : /* @__PURE__ */ React90.createElement(Modal.Body, {
       tabIndex: 0,
-      noFooter: !(secondaryActions || primaryAction)
-    }, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React90.createElement(Modal.Footer, null, /* @__PURE__ */ React90.createElement(Modal.Actions, {
+      noFooter: !(secondaryActions != null ? secondaryActions : primaryAction)
+    }, children), (secondaryActions != null ? secondaryActions : primaryAction) && /* @__PURE__ */ React90.createElement(Modal.Footer, null, /* @__PURE__ */ React90.createElement(Modal.Actions, {
       className: size === "sm" ? tw("flex-col") : void 0
     }, size !== "sm" && menu && /* @__PURE__ */ React90.createElement(Box.Flex, {
       alignItems: "center"
     }, /* @__PURE__ */ React90.createElement(DropdownMenu2, {
-      onAction: (action) => onAction == null ? void 0 : onAction(action),
+      onAction: (action) => onAction(action),
       onOpenChange: onMenuOpenChange
     }, /* @__PURE__ */ React90.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React90.createElement(Button.Icon, {
       "aria-label": (_a = menuAriaLabel != null ? menuAriaLabel : menuLabel) != null ? _a : "Context menu",
@@ -14081,7 +14083,7 @@ var Drawer = ({
 };
 var DrawerTabs = createTabsComponent(ModalTab, TabItem, "DrawerTabs", (children, selected) => /* @__PURE__ */ React90.createElement(Modal.Body, {
   className: tw("h-full")
-}, /* @__PURE__ */ React90.createElement(ModalTabContainer, null, children.find(
+}, /* @__PURE__ */ React90.createElement(TabContainer, null, children.find(
   (node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
 ))));
 
@@ -14229,8 +14231,8 @@ var DropdownMenu3 = ({
   const menuRef = React93.useRef(null);
   React93.useEffect(() => {
     const id = setTimeout(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = menuRef.current) == null ? void 0 : _a.children) == null ? void 0 : _b[0]) == null ? void 0 : _c.focus();
+      var _a;
+      return ((_a = menuRef.current) == null ? void 0 : _a.children[0]).focus();
     });
     return () => clearTimeout(id);
   }, [menuRef.current]);
@@ -14418,7 +14420,7 @@ var EmptyState = ({
     htmlTag: "h2"
   }, title), (description || children) && /* @__PURE__ */ React94.createElement(Box, {
     marginTop: "5"
-  }, /* @__PURE__ */ React94.createElement(Typography2.Default, null, children || description)), (secondaryAction || primaryAction) && /* @__PURE__ */ React94.createElement(Box.Flex, {
+  }, /* @__PURE__ */ React94.createElement(Typography2.Default, null, children || description)), (secondaryAction != null ? secondaryAction : primaryAction) && /* @__PURE__ */ React94.createElement(Box.Flex, {
     marginTop: "7",
     gap: "4",
     justifyContent: "center",
@@ -14620,7 +14622,7 @@ var Modal2 = ({
   const hasTabs = isComponentType(children, ModalTabs);
   return /* @__PURE__ */ React102.createElement(AriaModalOverlay2, {
     isOpen: open,
-    onOpenChange: (isOpen) => !isOpen && (onClose == null ? void 0 : onClose()),
+    onOpenChange: (isOpen) => !isOpen && onClose(),
     isDismissable: false,
     isKeyboardDismissDisabled: !closeOnEsc,
     className: styles.overlay({ className: "Aquarium-Modal" })
@@ -14644,8 +14646,8 @@ var Modal2 = ({
     kind: "dialog"
   }, title), subtitle && /* @__PURE__ */ React102.createElement(Modal.Subtitle, null, subtitle))), hasTabs ? React102.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React102.createElement(Modal.Body, {
     tabIndex: 0,
-    noFooter: !(secondaryActions || primaryAction)
-  }, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React102.createElement(Modal.Footer, null, /* @__PURE__ */ React102.createElement(Modal.Actions, null, secondaryActions && castArray4(secondaryActions).filter(Boolean).map((_a) => {
+    noFooter: !(secondaryActions != null ? secondaryActions : primaryAction)
+  }, children), (secondaryActions != null ? secondaryActions : primaryAction) && /* @__PURE__ */ React102.createElement(Modal.Footer, null, /* @__PURE__ */ React102.createElement(Modal.Actions, null, secondaryActions && castArray4(secondaryActions).filter(Boolean).map((_a) => {
     var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
     return /* @__PURE__ */ React102.createElement(Button.Secondary, __spreadValues({
       key: text
@@ -14660,7 +14662,7 @@ var ModalTabs = createTabsComponent(
   "ModalTabs",
   (children, selected, props) => /* @__PURE__ */ React102.createElement(Modal.Body, {
     maxHeight: props.maxHeight
-  }, /* @__PURE__ */ React102.createElement(ModalTabContainer, null, children.find(
+  }, /* @__PURE__ */ React102.createElement(TabContainer, null, children.find(
     (node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
   )))
 );
@@ -14774,7 +14776,7 @@ var MultiInputBase = (_a) => {
     }
   }, [JSON.stringify(value)]);
   const handleKeyDown = (e) => {
-    var _a3, _b2, _c;
+    var _a3, _b2;
     switch (e.key) {
       case "Enter":
       case " ": {
@@ -14787,8 +14789,8 @@ var MultiInputBase = (_a) => {
         break;
       }
       case "Backspace": {
-        const length = (_a3 = items == null ? void 0 : items.length) != null ? _a3 : 0;
-        if (inline && !((_c = (_b2 = inputRef.current) == null ? void 0 : _b2.value) == null ? void 0 : _c.length) && length > 0) {
+        const length = (_a3 = items.length) != null ? _a3 : 0;
+        if (inline && !((_b2 = inputRef.current) == null ? void 0 : _b2.value.length) && length > 0) {
           handleRemoveItem(length - 1);
         }
         break;
@@ -14823,12 +14825,13 @@ var MultiInputBase = (_a) => {
     onChange == null ? void 0 : onChange(updated);
   };
   const handlePaste = (e) => {
+    var _a3;
     e.preventDefault();
     const copiedText = e.clipboardData.getData("text/plain");
     const spaceSeparated = copiedText.split(" ");
     const newLineSeparated = copiedText.split("\n");
     const commaSeparated = copiedText.split(",");
-    const separatedText = [spaceSeparated, newLineSeparated, commaSeparated].filter((items2) => items2.length > 1).shift() || [copiedText];
+    const separatedText = (_a3 = [spaceSeparated, newLineSeparated, commaSeparated].filter((items2) => items2.length > 1).shift()) != null ? _a3 : [copiedText];
     const itemsToAdd = separatedText.map((value2) => value2.trim()).filter(identity);
     handleAddItem(itemsToAdd);
   };
@@ -14844,7 +14847,7 @@ var MultiInputBase = (_a) => {
     }
     onBlur == null ? void 0 : onBlur();
   };
-  const renderChips = () => items == null ? void 0 : items.map((item, index) => {
+  const renderChips = () => items.map((item, index) => {
     var _a3;
     return /* @__PURE__ */ React104.createElement(InputChip, {
       key: `${itemToString(item)}.${index}`,
@@ -14873,7 +14876,7 @@ var MultiInputBase = (_a) => {
     autoFocus,
     disabled,
     readOnly,
-    placeholder: !inline || (items == null ? void 0 : items.length) === 0 ? placeholder : "",
+    placeholder: !inline || items.length === 0 ? placeholder : "",
     onKeyDown: handleKeyDown,
     onKeyUp: handleKeyUp,
     onKeyPress: handleKeyUp,
@@ -15476,6 +15479,7 @@ var CommonPageHeader = ({
   onMenuOpenChange,
   isSubHeader = false
 }) => {
+  var _a, _b;
   return /* @__PURE__ */ React110.createElement(PageHeader, {
     className: "Aquarium-PageHeader"
   }, /* @__PURE__ */ React110.createElement(PageHeader.Container, null, breadcrumbs && /* @__PURE__ */ React110.createElement(Box, {
@@ -15493,11 +15497,11 @@ var CommonPageHeader = ({
     key: chip,
     dense: true,
     text: chip
-  }))), subtitle && /* @__PURE__ */ React110.createElement(PageHeader.Subtitle, null, subtitle)))), (secondaryActions || primaryAction || secondaryAction || menu) && /* @__PURE__ */ React110.createElement(PageHeader.Actions, null, menu && /* @__PURE__ */ React110.createElement(Box.Flex, {
+  }))), subtitle && /* @__PURE__ */ React110.createElement(PageHeader.Subtitle, null, subtitle)))), ((_b = (_a = secondaryActions != null ? secondaryActions : primaryAction) != null ? _a : secondaryAction) != null ? _b : menu) && /* @__PURE__ */ React110.createElement(PageHeader.Actions, null, menu && /* @__PURE__ */ React110.createElement(Box.Flex, {
     alignItems: "center"
   }, /* @__PURE__ */ React110.createElement(DropdownMenu2, {
     placement: defaultContextualMenuPlacement,
-    onAction: (action) => onAction == null ? void 0 : onAction(action),
+    onAction: (action) => onAction(action),
     onOpenChange: onMenuOpenChange
   }, /* @__PURE__ */ React110.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React110.createElement(Button.Icon, {
     "aria-label": menuAriaLabel,
@@ -16088,7 +16092,7 @@ var Section4 = (props) => {
     className: tw("row-start-2", { "col-start-2": _collapsible })
   }, /* @__PURE__ */ React121.createElement(LineClamp2, {
     lines: 1
-  }, subtitle))), !isCollapsed && /* @__PURE__ */ React121.createElement(Section3.Actions, null, menu && /* @__PURE__ */ React121.createElement(Box.Flex, {
+  }, subtitle))), !isCollapsed && /* @__PURE__ */ React121.createElement(Section3.Actions, null, props.switch && /* @__PURE__ */ React121.createElement(Switch2, __spreadValues({}, props.switch)), menu && /* @__PURE__ */ React121.createElement(Box.Flex, {
     alignItems: "center"
   }, /* @__PURE__ */ React121.createElement(DropdownMenu2, {
     onAction: (action) => onAction == null ? void 0 : onAction(action),
@@ -16097,7 +16101,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.switch && /* @__PURE__ */ React121.createElement(Switch2, __spreadValues({}, props.switch)), props.select && /* @__PURE__ */ React121.createElement(SelectBase, __spreadValues({
+  })), menu)), props.actions && castArray7(props.actions).filter(Boolean).map((action) => renderAction({ kind: "secondary", action })), props.select && /* @__PURE__ */ React121.createElement(SelectBase, __spreadValues({
     "aria-labelledby": titleId
   }, props.select)))), !hasTabs && !isCollapsed && /* @__PURE__ */ React121.createElement(animated6.div, {
     className: tw(`h-[1px]`),
@@ -16624,7 +16628,7 @@ function calcBottomLeftPosition(triggerRect, contentRect, padding) {
     y: triggerRect.top + triggerRect.height + padding
   };
 }
-function calcBottomRightPosition(triggerRect, contentRect, padding) {
+function calcBottomRightPosition(triggerRect, _contentRect, padding) {
   return {
     x: triggerRect.left + triggerRect.width + padding,
     y: triggerRect.top + triggerRect.height + padding
@@ -16745,7 +16749,6 @@ export {
   ListItem,
   Modal2 as Modal,
   ModalTab,
-  ModalTabContainer,
   ModalTabs,
   MultiInput,
   MultiInputBase,